HTML5小游戏研究(二):完善上一节的问题
来源:互联网 发布:c语言开发软件有哪些 编辑:程序博客网 时间:2024/06/05 19:29
昨天打球打得不错,找到手感上来两个crossover,简直无情。心情好了,继续解决遗留问题。
首先,看看需要搞定哪些问题
- 加速跳跃
- 各种bug
- 碰撞检测
(吐槽,CSDN的markdown编辑器有BUG,之前打到一半的文章,因为我编辑了一下另一篇,文章内容都没了,这是因为他的HTML5存储有问题,所有文章公用一个存储区域)
加速跳跃
之前的跳跃太呆了,完全匀速,我玩了好久原著找感觉,发现他的方块跳跃是有加速度的,于是先加上一个跳跃的加速度。
各种BUG
由于我之前列举了好多问题,但由于文章丢了,我反复调试消灭了很多BUG,我自己也想不起来有什么了。
比如,方块落地的一瞬间会猛的前进一小段距离;撞墙后方块会在天上闪一下。诸如种种,都是一些小细节的参数微调,花点时间调试就可以。
碰撞检测
这个真是难到我了,实在想不出什么好办法来判断方块撞墙。搜索了一些方法,但对我这个案例的应用性不强,最容易理解的方法是给方块和障碍的边加坐标,但是太麻烦了了。
刚开始思考时,我给障碍加了一个辅助线,我发现匀速跳跃只有贴着线才能勉强通过。我就开始琢磨跳跃的轨迹和碰撞的关系。
3
我仔细观察了原著,他的方块跳跃的轨迹好像一个半圆,而这个半圆又是(障碍物高度 x 2)外接圆的轨迹,然后轨迹的半径在外接圆的半径的基础上加上方块的,就完美的解决了碰撞的问题。因为方块在空中转180度,从跳跃到落地的轨迹,正好是这个外接圆的外切矩形的运动轨迹,这样几乎不存在方块在空中时,边角碰到障碍的情况。我觉得是个不错的方法。
于是我也如法炮制,做了一个类似的,但是因为想不出来怎么才能跳出来半圆轨迹。这个也是有BUG的,如果仔细尝试。暂时先做一个,日后再研究。
小结
经过慢慢修改,逐渐有一点意思了,看来CANVAS做这个也是可以的,昨天看的电影《明日世界》里说“想象力比知识更重要”,要多想少限制自己。接下来,继续消除bug,增加开始界面,声音,动画元素。
- HTML5小游戏研究(二):完善上一节的问题
- Linux设备驱动程序之二 ---- 完善上一节的驱动程序
- HTML5经典小游戏之坦克(二)
- HTML5 经典小游戏之坦克(二)
- LBP局部二值模式研究(待完善)
- HTML5编写的小游戏
- HTML5编写的小游戏
- 一个html5的小游戏
- html5小游戏(-)待续
- Office Word页眉页脚设置、显示分节符、页眉“与上一节相同”的问题
- 第二十一节HTML5
- HTML5小游戏研究(一):canvas初探,雏形:方块跳跃障碍
- HTML5小游戏研究(三):增加开始界面、声音、碰撞动画
- HTML5小游戏研究(四):完结:增加多个关卡,手机支持, 记分牌
- HTML5编写的小游戏集锦
- html5写的射击小游戏
- html5写的射击小游戏
- 超简单的HTML5小游戏
- 第一篇博客
- 欢迎使用CSDN-markdown编辑器
- centos 6.4安装oracle11g数据库
- java集合详解2
- Android百度地图(六)自定义导航路线规划
- HTML5小游戏研究(二):完善上一节的问题
- Codeforces Round #363 (Div. 2) D. Fix a Tree
- 5.在p标签里不能嵌套所有快属性的标签
- soft raid5阅读笔记之二--读数据流程
- 高德地图导航简单实例
- php集成动态口令认证
- CSS3 Gradient
- .Net语言 APP开发平台Smobiler3.1版本新增了大量的控件
- STM32F103C8T6按键中断功能实现