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

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

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

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

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

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

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

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

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

附：源码

时间： 2024-10-06 02:16:37

原生js canvas 碰撞游戏的开发笔记2的相关文章

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

-----------------------------------------------福利--------------------------------------------- -----------------------------------------------分割线--------------------------------------------- 今天我们研究下碰撞游戏什么是碰撞游戏? 当然是东西碰到在一起啦用前端逻辑来说就是2个物品互相碰撞产生的事件问

原生js简单打地鼠游戏

js部分内容 ------------------------------------------------------ var start = document.getElementById("start"); /*游戏开始按钮*/var diglettLocation = document.getElementsByClassName("anmint");var gameImg = ['img/ds01.png', 'img/ds03.png', 'img/d

[node.js]express+mongoose+mongodb的开发笔记

时间过得很快,6月和7月忙的不可开交,糟心的事儿也是不少,杭州大连来回飞,也是呵呵. 希望下个阶段能沉浸下来,接着学自己想学的.记一下上几周用了几天时间写的课设.因为课设的缘故,所以在短时间里了解下express+mongodb的组合,给APP端搭了个简易的服务器,也开了后台网站的web服务.简单总结一下开发过程中遇到的坑. 一.关于express了解node.js有半年多,第一次用node.js的框架来写server,了解不是很深,简单看了一下文档之后就可以上手了,开发入门难度低.1.运行ex

libgdx游戏引擎开发笔记（四）文字显示BitmapFont

http://www.tuicool.com/articles/iAJbIj 由于Libgdx底层是用OpenGL实现的,所以Libgdx是可以支持中文的,在libgdx中的汉字都是通过贴图的方式显示,使用 BitmapFont和SpriteBatch 组合来完成文字的绘制,构造BitmapFont时需要一个描述文字构成的fnt文件,和一个提供文字图片的png文件.因此显示中文,归根结底就是读取一个包含中文信息的 .fnt文件和相应的 .png文件并展示出来的问题. 1.如何生成这两个文件那

用原生js+canvas实现五子棋

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>五子棋</title> 6 <link rel="stylesheet" href="css/style.css" /> 7 </head> 8 <body> 9 <h3 id="r

用原生js写小游戏--Flappy Bird

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body { margin: 0; padding: 0; } #game { width: 800px; height: 600px; border: 1px

【转】Android开发笔记（序）写在前面的目录

原文:http://blog.csdn.net/aqi00/article/details/50012511 知识点分类一方面写写自己走过的弯路掉进去的坑,避免以后再犯:另一方面希望通过分享自己的经验教训,与网友互相切磋,从而去芜存菁进一步提升自己的水平.因此博主就想,入门的东西咱就不写了,人不能老停留在入门上:其次是想拾缺补漏,写写虽然小众却又用得着的东西:另外就是想以实用为主,不求大而全,但求小而精:还有就是有的知识点是java的,只是Android开发也会经常遇上,所以蛮记下来.个人的经

原生js拼图，封装，组件化

利用原生js实现拼图游戏,实现封装,变为插件,组件化,传入参数调用, 使用立即执行函数,将变量私有化,不污染全局, 利用canvas展示效果,减少dom操作,不影响HTML结构: 1 var myPingTu = (function(){ 2 function init(row_i,dom){ 3 var myCanvas = dom; 4 var row = row_i || 3,// 行列数 5 arr = [], 6 num = row * row;// 块个数 7 if (!myCanv

原生JS实现的h5小游戏-植物大战僵尸

代码地址如下:http://www.demodashi.com/demo/12755.html 项目介绍本项目是利用原生js实现的h5小游戏-植物大战僵尸,主要结合了一下自己对于h5小游戏的理解,结合面向对象的编程思想进行开发,在实现时使用了部分es6语法,对于es6语法不太熟悉的小伙伴可以先查阅相关资料了解一下. 如有需要,可根据自己的需求修改源码样式.源码配置属性代码,实现个性化定制. 以下为文件目录结构示意图,核心代码在js文件夹下的四个common.js.main.js.game.js