中国住房和城乡建设部网站公文,国内seo公司哪家最好,网页制作讲解视频,wordpress 网站积分打赏本节书摘来自华章出版社《HTML5 2D游戏编程核心技术》一书中的第1章#xff0c;第1.3节特别功能#xff0c;作者#xff3b;美#xff3d; 戴维吉尔里#xff0c;更多章节内容可以访问云栖社区“华章计算机”公众号查看。 1.3 特别功能 Snail Bait游戏有3个特别的功能第1.3节特别功能作者美 戴维·吉尔里更多章节内容可以访问云栖社区“华章计算机”公众号查看。 1.3 特别功能 Snail Bait游戏有3个特别的功能既能为游戏带来加分又能让游戏测试更加便捷它们分别是开发者后门时间系统粒子系统当你按下CtrlD组合键时Snail Bait游戏就会显示开发者后门如图1.11所示。当开发者后门处于可见状态时你可以通过控制游戏时间流逝的速率来缓慢地运行游戏以便观察游戏中诸如碰撞检测这样的事件是如何发生的。反过来你也可以加速运行游戏从而获得游戏的最佳运行速率。你可以打开碰撞矩形以便更好地观察碰撞是如何发生的如果烟雾孔阻碍了你的视野你可以通过不选烟雾的复选框来关掉烟雾。你也可以调节Snail Bait游戏中显示游戏运行缓慢提示板的阈值如图1.8所示 或者你也可以完全关掉它这样你就可以在没有阈值限制的前提下测试慢帧的速率。当测试游戏的某个特定内容时你可以避免运行之前的游戏内容。除了游戏canvas元素顶部的控制键之外开发者后门还在canvas元素的底部显示了一个尺子用于显示背景水平滚动的像素点数。你可以通过设置这些值以便在一个指定的水平位置上重启游戏这样可以避免重新运行之前的游戏。为了方便在开发者后门可见的情况下你可以简单地拖曳游戏包括背景和所有的sprite对象来改变跑步小人的水平位置。开发者后门可以让你在游戏中通过Snail Bait游戏的时间系统控制时间流逝的速率。在Snail Bait游戏中发生的所有事件都依赖于当前的游戏时间在游戏启动时时间就开始流逝例如当跑步小人开始跳跃时游戏记录当前的时间之后通过跳跃序列一帧一帧地移动跑步小人帧数依赖于跑步小人开始跳跃之后有多少时间流逝。图1.11 Snail Bait的开发者后门 Snail Bait游戏默认的时间模式是使用真实时间代表游戏时间。但是Snail Bait游戏的时间系统也可以不使用真实时间例如时间系统可以持续地使用真实时间的一半这样游戏运行的速率就会降为原来的1/2。除了可以让你控制游戏时间流逝的速率之外Snail Bait游戏的时间系统也是一些特效的源泉。当跑步小人撞到一个坏家伙并爆炸时Snail Bait游戏会在转换下一条生命时放缓时间。一旦转换完成Snail Bait游戏就将时间恢复正常游戏重新开始。最后Snail Bait游戏使用两个粒子系统来在背景中完成烟雾和火焰特效。在第16章我们将进一步学习粒子系统你可以在完成学习后创造出类似的特效来。既然你已经对该游戏有了深层次的理解接下来让我们看一看代码。Snail Bait游戏的代码统计代码行数JavaScript5230CSS690HTML350Snail Bait游戏的代码详述snailbait.js3740JavaScript支持代码1500sprite对象初始化数据500创建sprite对象400sprite对象的行为实现730事件处理300用户交互225声音130
