使用HTML5制作游戏
2012-01-08 15:30
615 查看
使用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
相关文章推荐
- 使用HTML5制作物理游戏
- 使用PhoneGap制作基于HTML5的跨平台应用和游戏1 – PhoneGap简介
- 如何使用Createjs来编写HTML5游戏(三)使用EaselJS中的制作Sprite类制作
- 使用Construct 2制作HTML5游戏(进阶篇)
- 使用HTML5制作在Chrome中可以玩的物理游戏
- 使用Construct 2制作HTML5游戏——完善
- 使用Construct 2 制作HTML5游戏
- 使用Construct2制作HTML5游戏
- html5贪吃蛇游戏使用63行代码完美实现
- 制作HTML5游戏2.0
- 使用Box2d和cocos2d-x从头开始制作一个弹弓类游戏系列教材的第二部分
- 可在 html5 游戏中使用的 js 工具库
- Ubuntu下使用Python实现游戏制作中的切分图片功能
- <cocos2d-x for wp7>使用cocos2d-x制作基于Tile地图的游戏:碰撞检测和收集物品(二)
- 使用cocos2D和cocosBiuder制作一个类似青蛙跳的游戏
- HTML5游戏实战:代码都不用敲几行,全图形界面制作弹珠台游戏!
- <cocos2d-x for wp7>使用cocos2d-x制作基于Tile地图的游戏:加入敌人和战斗(三)
- wp7使用Cocos2d-X for XNA制作一个塔防类游戏 (一)游戏基础场景搭建
- 如何使用cocos2d制作一个多向滚屏射击游戏-第二部分
- 如何使用 HTML5 Canvas 制作水波纹效果