h5小游戏制作主要包括HTML5、CSS3和JavaScript代码类型。一般来说，h5小游戏制作分为两种情况。

　　一、不参考游戏渲染引擎，游戏联网引擎，采用传统的开发方法，实现场景渲染和网络对战的开发。

　　二、使用游戏渲染引擎和游戏网络引擎。

　　h5小游戏制作

　　步骤1:h5小游戏制作的开发计划，设计游戏UI画面。h5小游戏制作的开发计划是决定开发什么样的游戏，达到什么样的效果。设计游戏UI图片可以使用一些相关软件。

　　步骤2:搭建游戏前端框架，设计游戏场景渲染架构。使用HTML5和CSS3设计游戏场景框架，封装UI层处理接口。开发游戏逻辑时，只需调用界面即可操作UI显示效果。

　　步骤3:游戏逻辑处理架构的设计与实现。常用的软件设计模式是MVC模式，即UI、业务逻辑和数据控件都是分离的，使用JavaScript实现游戏的逻辑控制和游戏数据的存储。设计一套框架，也称界面形式，设计一套将UI和游戏逻辑链接在一起的程序。

　　步骤4:游戏网络对战服务器的构建和服务器程序架构的设计与实现。在前面的步骤中，基本的游戏逻辑已经实现，但毕竟是一个交互游戏。为了实现网络通信，需要设计一套服务器通信程序，用来实现游戏的网络战功能。服务器程序开发有多种选择，这是由开发人员自己决定的。

　　步骤5:连接游戏客户端和服务器。为了开发出好的服务模块，保证游戏运行的稳定性和逻辑的正确性，需要一定的时间进行联合调试。

　　使用引擎工具

　　靠前步:制定游戏开发计划，设计游戏UI画面，与前一步相同。

　　第二步:使用游戏渲染引擎开发工具来开发游戏逻辑。开发者不需要关心游戏界面是如何呈现的。开发者只需要关心游戏实现的逻辑，而相应的游戏图像渲染可以直接调用引擎接口来实现图像效果。

　　第三步:网络游戏联合调试。

　　凡科互动，专为H5小游戏而生，提供更全面的网络和服务器端服务。