h5的canvas小游戏实例

最近看了一些canvas的小游戏例子,参照写了个实例。

原理大致讲一下:主要是通过requestAnimationFrame无间断刷新canvas实现动画,监听一些事件,实现操作。

流程大致是,准备容器,准备相关角色,事件绑定,更新数据,初始化画布,主流程函数(这里循环调用requestAnimationFrame)。

简单的说就是 设置数据,更新画布,再更新数据,更新画布。

在线实例:http://www.lightconmos.com/plane/index.html代码如下:





plane



比较简单大家可以再扩展一下。

参考地址http://www.cnblogs.com/Wayou/p/how-to-make-a-simple-html5-canvas-game.html

你可能感兴趣的:(h5)