20141122 重温一下 纯js 做个打气球的游戏
2014-11-22 21:00
155 查看
测试地址
http://xuanzun.sinaapp.com/project/hitBox/
已经很久没这样纯粹地用js去做一些玩意了 ;
毕竟jq用多了就上瘾了 ;
现在重温一下 , 很久没有这样做过了 ;
说到做游戏 , 就离不开一个刷新游戏世界的东西 ;
因此要做个函数定时刷新整个游戏世界里面的东西的状态 , 例如位置啊 , 生命值啊之类的 ;
多少秒要刷新一次呢 ;
据说电影是每秒24帧 , 这样的话游戏世界就应该1/24刷新一次 , 就是一帧一刷新嘛 ;
代码里面有两个js文件 ;
flyBox.js就是那个会上飘的白色方块 , 越大飘得越慢 , 每次点中它得到的分数也越低 ;
flyBox本身带有个worldRun的函数 , 刷新游戏世界的时候就要把游戏世界里面每一个flyBox的worldRun执行一次 , 同时把这一次刷新存活下来的flyBox保留下来 , 其他的就抛弃不会进入下一次世界的刷新了 ;
main.js就是整个游戏世界的控制了 , 它里面包括游戏的开始 , 世界刷新和分数的刷新 , 游戏结束 ,和各种默认设定参数 ;
不过也有不少的问题 , 浏览器效率低 , dom刷新太消耗cpu了 , 游戏渐渐有卡顿的现象....
当然 , 如果用html5的canvas就会好很多了
http://xuanzun.sinaapp.com/project/hitBox/
已经很久没这样纯粹地用js去做一些玩意了 ;
毕竟jq用多了就上瘾了 ;
现在重温一下 , 很久没有这样做过了 ;
说到做游戏 , 就离不开一个刷新游戏世界的东西 ;
因此要做个函数定时刷新整个游戏世界里面的东西的状态 , 例如位置啊 , 生命值啊之类的 ;
多少秒要刷新一次呢 ;
据说电影是每秒24帧 , 这样的话游戏世界就应该1/24刷新一次 , 就是一帧一刷新嘛 ;
代码里面有两个js文件 ;
flyBox.js就是那个会上飘的白色方块 , 越大飘得越慢 , 每次点中它得到的分数也越低 ;
flyBox本身带有个worldRun的函数 , 刷新游戏世界的时候就要把游戏世界里面每一个flyBox的worldRun执行一次 , 同时把这一次刷新存活下来的flyBox保留下来 , 其他的就抛弃不会进入下一次世界的刷新了 ;
main.js就是整个游戏世界的控制了 , 它里面包括游戏的开始 , 世界刷新和分数的刷新 , 游戏结束 ,和各种默认设定参数 ;
不过也有不少的问题 , 浏览器效率低 , dom刷新太消耗cpu了 , 游戏渐渐有卡顿的现象....
当然 , 如果用html5的canvas就会好很多了
相关文章推荐
- JS开发打气球游戏
- 【32】css跟js实现打气球的游戏
- 重温js的几个字符串函数
- 我写的一个简单游戏,希望各位给参考一下[steeven]
- JS网络游戏-(模拟城市webgame)提供的一些例子下载
- Jim's游戏外挂学习笔记2——适时编写个读取状态的小程序增加一下士气
- JS保存一下
- 重温一下各种排序算法
- 想起温习一下JS中的this apply call arguments
- 介绍一下JS调试和浏览器调试工具
- 保存一下!动态装载js
- 用一个汽车游戏的例子来介绍一下事件(Event)
- js+ajax实现的A*游戏路径算法整理第1/2页
- js的一个托拽功能,网上找的,记录一下
- JS网络游戏-(模拟城市webgame)提供的一些例子下载
- js+ajax实现的A*游戏路径算法整理第1/2页
- 纪念一下麦蒂创造的奇迹,我一为这样的事情只有在游戏里才能发生呢?!
- 感叹程序员的宿命(附加一个JS游戏代码下载)
- 【转】Prototype.js开发笔记//mark一下
- 来预览一下我业余时间正在写的一个游戏(HGE+DX9+3DS+CN及输入+网络)[+MFC]