功能说明: 游戏中在躲避敌人攻击的同时,需要收集三种不同的钥匙,开启对应的门,最后到达目的地。 该游戏同样基于自己开发的HTML5游戏框架cnGameJS。 推荐用chrome浏览器查看。 效果预览: 方向键控制移动,空格键射击,shift键打开门 ...
功能说明: 基于HTML 的横版射击游戏,参考自flash游戏 双面特工 。左右方向键控制移动,下方向键蹲下,上方向键跳跃,空格键射击。体验前请先关闭输入法。 该游戏基于自己开发的HTML 游戏框架cnGameJS。 效果预览: 实现分析: .关于多层地图。 在上一个HTML 游戏 坦克后援队 中,所用的地图只为简单的单层地图,意思是地图中除了石头就是空地,仅仅只有一层的地图。但是这种单层地图具有 ...
2012-03-15 16:30 34 6080 推荐指数:
功能说明: 游戏中在躲避敌人攻击的同时,需要收集三种不同的钥匙,开启对应的门,最后到达目的地。 该游戏同样基于自己开发的HTML5游戏框架cnGameJS。 推荐用chrome浏览器查看。 效果预览: 方向键控制移动,空格键射击,shift键打开门 ...
功能说明: 在一分钟内,使用鼠标按着左键,在画布上圈泡泡,其中泡泡的分值分别为10(白)、20(浅蓝)、30(黄)、-10(红)、-20(绿)、-30(深蓝)分,可以一次圈多个泡泡,倒计时结束即计算总分值,该游戏基于cnGameJS。 效果预览: 实现分析 ...
功能描述: 该游戏实质上是坦克大战+推箱子。玩家控制坦克,在与敌人战斗的同时把物资顺利运送到目的地则可顺利过关,共三个关卡。 继上一个HTML5游戏小demo《HTML5超级玛丽游戏demo》后,这次开发的游戏添加了更多元素并增强了可玩性,该游戏同样基于本人开发的HTML5游戏框架 ...
cnGameJS是本人开发的一个基于HTML5的游戏框架,包括资源加载,碰撞检测,动画等模块。本系列文章主要介绍各个模块的开发流程,以及附上两个使用该框架进行开发的游戏demo。 目录: 1.核心函数模块 2.资源加载模块 3.基本图形模块 4.外部输入模块 5.碰撞检测模块 ...
功能描述: 结合A*算法和HTML5完成的一个寻路demo。 鼠标点击地图任意位置,飞鸟会寻找最短路程到达该位置。 效果预览: 代码分析: 具体的A*算法寻路逻辑请看这里推荐的一篇很好的文章,我就不再详述: 英文版:http ...
功能说明: 基于HTML5的超级玛丽游戏的demo,方向键左右控制移动,方向键上控制跳跃,该游戏基于本人开发的HTML5游戏框架cnGameJS(详情点击这里:HTML5游戏框架cnGameJS开发实录)。 请用最新版本浏览器查看。 效果展示: 代码实现: 该游戏 ...
功能说明: 输入字体,按确定后,右侧画布出现字体的动态粒子效果。 效果预览: 输入显示内容: 实现分析: 之前看过hongru的事情没有想象中那么难--JX官网首页3D粒子效果,和当耐特砖家的HTML5实验室【三十八】--玩转像素系列 ...
返回目录 1.cnGameJs框架的代码组织 核心函数模块,主要的作用是为之后的框架开发和用户对游戏的开发提供方便,整个框架在一个闭包之中,避免对全局作用域的污染。之后每个不同的模块分别在自己的闭包内,使不同模块的分割更清晰。因此我们框架的模块划分 ...