当前位置: 老葡京网站娱乐 > 网页设计 > HTML 5教程 > 正文

HTML 5 2D 游戏开发: 实现重力和添加声音

时间:2014-03-16 ibm David Geary

老葡京网站娱乐 www.sdguanhua.com 现在,Snail Bait 已可检测碰撞—在本系列的 上一篇文章中实现—游戏必须处理一种重要的非碰撞 类型:跑步小人未落到一个平台上。在此情况下,她会开始下落。在本文中,我将展示如何结合重力来 实现逼真的下落。重力和下落完成了 Snail Bait 需要的游戏设置的所有力学结构。然后,我将转变方 向,展示如何将声音(包括音乐)合并到游戏中。本期文章的完整示例代码可 下载获得。

下落

Snail Bait 的跑步者会在离开平台边缘或从下面碰撞平台时掉落,如图 1 所示:

图 1. 从平台边缘下落

跑步小人在一次跳跃的下降阶 段末尾未落到平台上时也会下落,如图 2 所示:

图 2. 跳跃末尾的下落

跑步小人借助 她的下落行为来下落。清单 1 显示了跑步小人 sprite 的实例化,指定了她的行为数组:

清单 1. 跑步小人的行为

Sprite = function () { 
  ... 
  this.runner = new Sprite('runner',           // type 
                           this.runnerArtist,  // artist 
                           [ this.runBehavior, // behaviors 
                             this.jumpBehavior, 
                             this.collideBehavior, 
                             this.fallBehavior, 
                           ]); 
};