《HTML5 2D游戏编程核心技术》——第3章,第3.10节小结-阿里云开发者社区

开发者社区> 华章出版社> 正文
登录阅读全文

《HTML5 2D游戏编程核心技术》——第3章,第3.10节小结

简介:

本节书摘来自华章出版社《HTML5 2D游戏编程核心技术》一书中的第3章,第3.10节小结,作者[美] 戴维·吉尔里,更多章节内容可以访问云栖社区“华章计算机”公众号查看。

3.10 小结
视频游戏最重要的地方是图像和动画。在本章中,我们一起学习了如何使用HTML5 canvas元素绘制图形和图像,了解了如何使用包装在requestNextAnimationFrame() polyf?ill中的requestAnimationFrame()函数来实现对时间要求较高的动画帧绘制,而不是使用传统的setTimeout()函数和setInterval()函数,因为它们不适合用于动画制作。
本章还介绍了如何通过持续地平移canvas元素绘图区域的坐标系,来产生明显的运动效果。尽管本章讨论的坐标系平移仅限于水平滚动,但可以很容易地扩展本章中的代码来完成垂直方向的,甚至是两个方向的滚动。
视频游戏中的物体不应该因为潜在帧速率的改变而简单地减速或者加速,因此本章介绍了如何实现基于时间的运动,也即运动严格基于时间,而非依赖于当前的帧速率。
最后,本章介绍了如何通过使前景物体比后景物体移动快的方法,来产生视差假象。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:

华章出版社

官方博客
官网链接