HTML5APP實戰(2): 賽車遊戲

標籤：web   html5   

    先Show一下最終的運行效果：

    http://gamebuilder.duapp.com/apprun.html?appid=genius-441422599398441

   線上編輯介面：

   http://gamebuilder.duapp.com/gamebuilder.php?appid=genius-441422599398441

   1.建立項目，刪除籃球和草地。選擇垂直方向平鋪，在道路中間放置一個剛體檢把道路一分為2。

    2.設定遊戲情境的虛擬高度為5000，X方向和Y方向重力設定為0

  3.放置一個計數器來計算顯示分數

   4.放置兩個剛體並設定背景圖片，來表示兩個小汽車。

  

    4.設定汽車密度為1，摩擦係數和彈力係數都是0.5

     

        5.在跑道上放置隨機放置一些紙巾和糞便表示障礙物。

    

   6.為了避免產生碰撞效果，把障礙物剛體設定為感應器。

    

   接下來開始編寫代碼,

    1) 處理當小汽車碰撞的是否更新分數：

   2) 實現情境的Onopen事件處理

    參考資料：

    https://github.com/drawapp8/gamebuilder/wiki/%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3

HTML5APP實戰(2): 賽車遊戲