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