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

简介:

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

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

相关文章
|
7月前
|
移动开发 前端开发 Shell
《HTML5 Canvas核心技术 图形、动画与游戏开发》 读书笔记
《HTML5 Canvas核心技术 图形、动画与游戏开发》 读书笔记
|
移动开发 监控 前端开发
【phaser】快速实现HTML5 2d小游戏
使用 js 的 游戏框架 phaser 实现 html 小游戏
309 0
【phaser】快速实现HTML5 2d小游戏
|
JSON 移动开发 前端开发
基于 HTML5 Canvas 的简易 2D 3D 编辑器
不管在任何领域,只要能让非程序员能通过拖拽来实现 2D 和 3D 的设计图就是很牛的,今天我们不需要 3dMaxs 等设计软件,直接用 HT 就能自己写出一个 2D 3D 编辑器,实现这个功能我觉得成就感还是爆棚的,哈哈!只要你会想,能做,就能根据这个编辑器延展成 big thing! 本例地址:http://www.
1245 0
|
移动开发 前端开发 HTML5
基于HTML5 Canvas 点击添加 2D 3D 机柜模型
今天又返回好好地消化了一下我们的数据容器 DataModel,这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单,实际上结合了数据模型中非常重要的三个事件处理的部分:属性变化事件监听、选中变化事件监听以及数据模型变化事件监听。
1216 0
|
移动开发 Java HTML5
《HTML5游戏编程核心技术与实战》——导读
对游戏的热爱使我萌发了写书的念头。漫画和电子游戏是童年最美好的回忆,任天堂的红白机陪伴着我度过了童年最快乐的时光,20世纪80年代,大街小巷的街机室成了孩子们快乐的天堂。随着时光流逝,许多经典的游戏画面已成为过去,但对游戏的热情依然不减,希望能借此书得以慰藉逝去的青春。青春不在,游戏热血永存!
1650 0