20141122 重温一下 纯js 做个打气球的游戏

测试地址


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就会好很多了

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页