使用HTML5制作游戏

使用HTML5制作简单游戏

记录一下自己制作游戏的基本模式和思路。

游戏架构

我的游戏制作架构图：

 

 

l  浏览器接入层：

提供浏览器检测能力（主要看是否支持HTML5），提供多种客户端接入的兼容处理。

l  业务逻辑层：

1.        自身业务

2.        扩展业务：例如游戏语音软件系统的接入

l  游戏系统（平行可扩展，以下所列出的也不是必须的）

场景控制系统：提供场景切换的能力

重力系统：提供物体在重力系统下的移动算法（如自由下落、弹跳等）

关卡系统：提供关卡资源的读取、切换能力

等级系统：比如提供人物角色的经验值计算公式、怪物的等级

版本检测系统

l  API、系统配置

绘图函数

特效

常用基本函数（例如正则、获得当前系统时间）

 

资源管理器：主要是图片、音频资源

配置管理器：系统全局配置

 

制作思路

做每个游戏，一般都是以下的模式：

 

l  先初始化

l  运行时，用一个timer不断的刷新页面：

1.        进行场景重绘（一般是刷新背景）。

2.        执行游戏逻辑（比如人物移动、障碍物等）

3.        绘制场景、人物

 

游戏流程图：

 

游戏演示：超级玛丽Demo（还没做完，只是个demo）

http://lanliang.web-164.com/html5/supermarry/index.html