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遊戲
- 實戰Flash遊戲開發遊戲開發
- 阿里開源HTML5小遊戲開發框架Hilo實戰教程阿里HTML遊戲開發框架
- python遊戲開發實戰:網路遊戲Demo(客戶端)Python遊戲開發客戶端
- HTML5中canvas實現小球擊打小方塊遊戲HTMLCanvas遊戲
- 【Unity3D開發小遊戲】《戰棋小遊戲》Unity開發教程Unity3D遊戲
- Python 實戰開發俄羅斯方塊遊戲Python遊戲
- 遊戲開發入門(一)遊戲開發概述遊戲開發
- canvas繪製“飛機大戰”小遊戲,真香!Canvas遊戲
- NFT遊戲系統開發/遊戲開發技術遊戲開發
- HTML5遊戲開發過程中的二三事HTML遊戲開發
- 遊戲開發經驗談(二):對戰類全球服遊戲的設計與實現遊戲開發
- 遊戲開發者的思考:什麼是遊戲設計的核心?遊戲開發遊戲設計
- 1.6億潛在玩家!遊戲界的中年男人爭奪戰遊戲
- Android遊戲開發示例——彈幕+戰棋Android遊戲開發
- python開發植物大戰殭屍遊戲Python遊戲
- Unity遊戲示例來了,用Unity開源遊戲資源做遊戲,遊戲開發不再難!Unity遊戲開發
- HTML5遊戲開發(四):飛機大戰之顯示場景和元素HTML遊戲開發
- HTML5遊戲開發(五):飛機大戰之讓所有元素動起來HTML遊戲開發
- 遊戲開發流程遊戲開發
- 原生canvas遊戲效能優化Canvas遊戲優化
- HTML5遊戲開發(二):使用TypeScript編寫程式碼HTML遊戲開發TypeScript
- 悠遊世界合成遊戲系統技術開發解析/合成遊戲/小遊戲遊戲
- 十名遊戲開發者告訴你什麼是「手繪遊戲」遊戲開發
- 遊戲開發中遊戲效能的最佳化遊戲開發
- 悠遊世界/遊戲/系統技術開發/悠遊世界養成遊戲開發解析遊戲開發
- 遊戲AI:AI的遊戲還是遊戲的未來遊戲AI
- Python遊戲開發工程師的起步,幾款遊戲開發案例Python遊戲開發工程師
- HTML5遊戲開發(三):使用webpack構建TypeScript應用HTML遊戲開發WebTypeScript
- 【Android 開發 VR 實戰】三. 開發一個尋寶類 VR 遊戲 TreasureHuntAndroidVR遊戲
- pygame開發小遊戲GAM遊戲
- 【IDL】開發遊戲"2048"開發遊戲
- 遊戲中戰鬥的分層結構(上):長線遊戲的“長壽”祕訣遊戲
- canvas手寫辨色力小遊戲Canvas遊戲
- canvas吃豆小遊戲程式碼Canvas遊戲
- 盲盒是現實版的“開箱遊戲”遊戲
- 遊戲開發商與遊戲發行商如何保持良性關係?遊戲開發
- 遊戲開發者依然能從這7款經典街機遊戲中汲取經驗遊戲開發