使用HTML5制作游戏

使用HTML5制作简单游戏

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

游戏架构

我的游戏制作架构图:

 使用HTML5制作游戏_第1张图片

 

l  浏览器接入层:

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

l  业务逻辑层:

1.        自身业务

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

l  游戏系统(平行可扩展,以下所列出的也不是必须的)

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

重力系统:提供物体在重力系统下的移动算法(如自由下落、弹跳等)

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

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

版本检测系统

l  API、系统配置

绘图函数

特效

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

 

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

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

 

制作思路

做每个游戏,一般都是以下的模式:

 使用HTML5制作游戏_第2张图片

l  先初始化

l  运行时,用一个timer不断的刷新页面:

1.        进行场景重绘(一般是刷新背景)。

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

3.        绘制场景、人物

 

游戏流程图:

 

游戏演示:超级玛丽Demo(还没做完,只是个demo)

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

 

你可能感兴趣的:(游戏,timer,浏览器,html5,配置管理,扩展)