原生js canvas 碰撞游戏的开发笔记2

Posted 妖精的理想乡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生js canvas 碰撞游戏的开发笔记2相关的知识,希望对你有一定的参考价值。

随着碰撞游戏一的开发成功! 我们的ae小伙子也大胆尝试很多新方案h5.. 所以就诞生了下面个比较变态的游戏。 先体验下吧 类似坦克大战

技术分享

 

开发的过程异常的艰辛 不过也很好玩 修正了很多一的错误 和改良了一些思路 

1. 原先的canvas的_this存在的全局污染 改良后避免了99% 为了获取windowtouch属性 还是有1%的 希望在三修正

2. 所有的递归函数变缓动函数requestAnimationFrame 增强性能 使动画更流畅

3. 数据和图像分离的更彻底 结构更清晰 对象的创建 对象数据的更新 图像根据对象的数据渲染

还有很多小细节 具体大家可以参考源码 具体在ctrlGame方法里

总之这种游戏js还存在一些bug 和 进一步优化的空间 。也知道专业的白鹭引擎 coco2d这种游戏引擎的好处和强大 不过我继然原生写了那继续写吧 增强自己

的一些思路吧 而且用起来也很方便 期待三版本出现

附:源码

以上是关于原生js canvas 碰撞游戏的开发笔记2的主要内容,如果未能解决你的问题,请参考以下文章

基于 pixi.js 开发H5游戏黄金矿工

基于 pixi.js 开发H5游戏黄金矿工

原生 JS + Canvas 实现五子棋游戏

原生javascript面向对象开发儿时经典打砖块小游戏

原生canvas游戏性能优化

原生JS+Canvas实现五子棋游戏