H5游戏主要由HTML5、css3、JavaScript等代码类型组成。一般来说，一款小游戏的开发分为两种情况。
一是不参考游戏渲染引擎和游戏联网引擎，自行实现场景渲染和网络对战开发，采用常规开发方式。
二是使用游戏渲染引擎和游戏联网引擎。
完全自主研发
第一步：制定游戏开发计划，设计游戏UI图片。游戏开发计划就是确定要开发什么样的游戏，达到什么样的效果。可以使用PS/CAD等相关软件设计游戏UI图片。
第二步：搭建游戏前端框架游戏场景画面渲染架构设计。使用HTML5和CSS3设计游戏场景的架构，封装UI层处理的界面。开发游戏逻辑时，只需要调用接口即可操作UI显示效果。
第三步：游戏逻辑处理架构设计与实现。常用的软件设计模式都是MVC模式，即UI、业务逻辑、数据控制分离，用JavaScript实现游戏逻辑控制和游戏数据存储。设计一套框架，也叫接口的形式h5游戏开发教程，设计一套连接UI和游戏逻辑的程序。
第四步：游戏网络对战服务器搭建及服务器程序架构设计与实现。上一步已经实现了基本的游戏逻辑，但毕竟是互动游戏。要实现网络通信，必须为游戏设计一个服务器通信程序来实现网络对战功能。服务器程序开发有多种选择，由开发人员决定。
第五步：游戏客户端与服务器联调。开发一个好的服务模块，保证游戏的稳定性和逻辑的正确性，需要一定的时间进行联调。
使用引擎工具
第一步：拟定游戏开发计划h5游戏开发教程，设计游戏UI图，同上一步。
第二步：使用游戏渲染引擎开发工具开发游戏逻辑。开发者不需要关心游戏界面是如何渲染的，只要开发者关心游戏实现的逻辑，对应的游戏画面渲染就可以直接调用引擎接口实现画面效果。
第三步：游戏网络联调。
为手游而生，提供更全面的网络和服务器服务
方法/步骤
基于问题，需要学习：javascript基础，进阶使用，性能优化，定时器，主要时间是和js打交道。
游戏循环的处理逻辑，无论是造轮子还是使用引擎，都必须知道如何搭建和操作架构。
数学，尤其是几何，勾股定理的使用，线性代数的理解，2D和3D矩阵运算。
另外氛围，目前很多HTML5游戏都想在微信平台上运行。如果你也打算做这个，最好了解一下微信后台开发的一些东西。
如果不想做这个开发，找个做过微信后台的朋友问问大概的流程，知道什么条件下可以拿到什么用户信息。
游戏逻辑比编码能力更重要，而游戏逻辑比编码能力更容易获得，只要你平时玩游戏多思考。
即便是没有代码库的人，只要想制作游戏，就有办法制作。
