HTML5 canvas遊戲開發實戰 7 : "是男人就下一百層“遊戲

CopperDong發表於2018-02-07

   卷軸遊戲是因為遊戲的背景看起來像是卷軸在滾動而得名,”是男人就下一百層“即為一款2D卷軸遊戲。遊戲中玩家的任務是讓主角持續下落,其過程中會遇到各種麻煩,或地板消失,或地板消失,或地板帶刺致使血量降低,可以讓玩家挑戰一下自己的極限。

7.1 遊戲分析

    製作此遊戲,需要用到的要素如下:

    遊戲層次劃分為:進度條顯示層、背景層、人物層、障礙層。進度條顯示層用來顯示圖片讀取時的進度,背景層用來顯示不斷捲動的背景圖片,人物層用來顯示遊戲中的主角,障礙層用來顯示不斷出現的各種地板。

7.2 遊戲標題畫面顯示

     先利用LSprite物件的graphics屬性和LTextField物件製作一個遊戲標題畫面。

7.3 讀取圖片與背景顯示

     為了使遊戲中的背景圖片可以連貫地捲動顯示,就需要準備一個可以上下銜接的圖片

7.4 新增一個靜止的地板

     之所以先新增地板,後新增遊戲主角,是因為遊戲主角在遊戲中是不斷下落的,如果沒有地板,遊戲主角就無法在遊戲畫面上停留。在這個遊戲中,有各種各樣的地板,這些地板有一些共同的屬性,比如它們都在不停地向上移動。為了實現這些共同的屬性,我們先來建立一個Floor類,作為所有地板的父類,這個父類裡包含所有地板的公共部分。

7.5 新增遊戲主角

     Chara類來實現對遊戲主角的控制。

7.6 新增多種多樣的地板

     會消失的地板

     帶刺的地板

     帶有彈性的地板

     向左和向右移動的地板

7.7 遊戲資料的顯示

      遊戲的資料包括遊戲主角的血量和遊戲主角總共下降的層數。

7.8 遊戲結束與重開

     

     













    















相關文章