HTML5 canvas遊戲開發實戰 7 : "是男人就下一百層“遊戲
卷軸遊戲是因為遊戲的背景看起來像是卷軸在滾動而得名,”是男人就下一百層“即為一款2D卷軸遊戲。遊戲中玩家的任務是讓主角持續下落,其過程中會遇到各種麻煩,或地板消失,或地板消失,或地板帶刺致使血量降低,可以讓玩家挑戰一下自己的極限。
7.1 遊戲分析
製作此遊戲,需要用到的要素如下:
遊戲層次劃分為:進度條顯示層、背景層、人物層、障礙層。進度條顯示層用來顯示圖片讀取時的進度,背景層用來顯示不斷捲動的背景圖片,人物層用來顯示遊戲中的主角,障礙層用來顯示不斷出現的各種地板。
7.2 遊戲標題畫面顯示
先利用LSprite物件的graphics屬性和LTextField物件製作一個遊戲標題畫面。
7.3 讀取圖片與背景顯示
為了使遊戲中的背景圖片可以連貫地捲動顯示,就需要準備一個可以上下銜接的圖片
7.4 新增一個靜止的地板
之所以先新增地板,後新增遊戲主角,是因為遊戲主角在遊戲中是不斷下落的,如果沒有地板,遊戲主角就無法在遊戲畫面上停留。在這個遊戲中,有各種各樣的地板,這些地板有一些共同的屬性,比如它們都在不停地向上移動。為了實現這些共同的屬性,我們先來建立一個Floor類,作為所有地板的父類,這個父類裡包含所有地板的公共部分。
7.5 新增遊戲主角
Chara類來實現對遊戲主角的控制。
7.6 新增多種多樣的地板
會消失的地板
帶刺的地板
帶有彈性的地板
向左和向右移動的地板
7.7 遊戲資料的顯示
遊戲的資料包括遊戲主角的血量和遊戲主角總共下降的層數。
7.8 遊戲結束與重開
相關文章
- 是男人就下100層小遊戲開發教程遊戲開發
- 李興球Python是男人就下一百層測試程式tkinter遊戲Python遊戲
- HTML5 canvas遊戲開發實戰 5 : 石頭剪刀布HTMLCanvas遊戲開發
- HTML5 canvas遊戲開發實戰 6 : 俄羅斯方塊HTMLCanvas遊戲開發
- 讓“是男人就下到100層”在Android平臺上跑起來Android
- 《HTML5Canvas遊戲開發實戰》——3.4 小結HTMLCanvas遊戲開發
- 《HTML5Canvas遊戲開發實戰》——第3章 Canvas高階功能HTMLCanvas遊戲開發
- html5 canvas分層HTMLCanvas
- 《HTML5Canvas遊戲開發實戰》——第1章 準備工作HTMLCanvas遊戲開發
- 實戰Flash遊戲開發遊戲開發
- 是男人就上120層破解教程
- HTML5遊戲開發進階 12:多人對戰遊戲操作HTML遊戲開發
- 阿里開源HTML5小遊戲開發框架Hilo實戰教程阿里HTML遊戲開發框架
- HTML5 Canvas製作雷達圖實戰HTMLCanvas
- HTML5 Canvas(實戰:繪製餅圖2 Tooltip)HTMLCanvas
- HTML5遊戲開發進階 5 :建立即時戰略遊戲世界HTML遊戲開發
- HTML5遊戲開發進階 7 :單位智慧移動HTML遊戲開發
- HTML5遊戲開發大牛是這樣煉成的?!HTML遊戲開發
- HTML5遊戲開發進階 9:新增武器和戰鬥HTML遊戲開發
- HTML5遊戲開發進階 10:完成單人戰役HTML遊戲開發
- html5 canvas 英雄打怪小遊戲HTMLCanvas遊戲
- 《HTML5遊戲程式設計核心技術與實戰》一第2章 Canvas繪圖HTML遊戲程式設計Canvas繪圖
- HTML5遊戲開發進階 11:WebSocket與多人對戰模式HTML遊戲開發Web模式
- HTML5中canvas實現小球擊打小方塊遊戲HTMLCanvas遊戲
- [Canvas前端遊戲開發]——FlappyBird詳解Canvas前端遊戲開發APP
- 7款炫酷的HTML5 Canvas動畫特效HTMLCanvas動畫特效
- python遊戲開發實戰:網路遊戲Demo(客戶端)Python遊戲開發客戶端
- HTML5 遊戲開發基礎的教程HTML遊戲開發
- HTML5遊戲開發——骰子游戲(一)HTML遊戲開發
- HTML5遊戲開發(四):飛機大戰之顯示場景和元素HTML遊戲開發
- HTML5遊戲開發(五):飛機大戰之讓所有元素動起來HTML遊戲開發
- HTML5 -- CanvasHTMLCanvas
- 7 個頂級的 HTML5 Canvas 動畫賞析HTMLCanvas動畫
- 7個華麗的基於Canvas的HTML5動畫CanvasHTML動畫
- Unity3D 2D實戰遊戲開發Unity3D遊戲開發
- 男人是藍芽,女人是WiFi藍芽WiFi
- 《HTML5完美遊戲開發》——2.8資源分享HTML遊戲開發
- HTML5遊戲開發進階 8 :新增更多的遊戲元素HTML遊戲開發