使用Html5+C#+微信 開發移動端遊戲詳細教程: （四）遊戲中層的概念與設計

 

衆所周知，網站的前端頁面結構通常是由div組成，父div包涵子div，子div包涵各類標籤和項，

同理，遊戲中咱們也將若干遊戲模塊拆分紅層，在後續的代碼維護和遊戲程序邏輯中將更加清晰和便於控制。

 

Web頁面的層結構：

 

遊戲中的層結構：

 

以下圖，用谷歌debug一下能夠看到遊戲初始化後，自動生成了一個Canvas畫布，

那麼咱們本篇討論的重點就是在Canvas中如何設計分層。

 

 

 

依照「怪獸必須死」這個遊戲，主要的玩法就是升級英雄、技能、鑲嵌寶石等一系列提高屬性的功能來攻擊屏幕中心的若干怪獸，

同時還有全屏技能，點擊攻擊等玩法，咱們由淺入深，先從最基本的功能模塊劃分開始，設想一下，剛進入遊戲時咱們最早看到的是什麼，

應該先加載什麼，很顯然，首先是遊戲背景，其次是英雄層，怪物層，菜單層，頭部遊戲信息層，對照遊戲實際畫面，大的分層應以下圖：

 

 

如上圖所示，這是顯式分層，是肉眼能看見的大致佈局，但在實際開發過程當中，這樣的分層並不能知足咱們的要求，

就會有隱式的層結構，更加便於開發，例如怪物層，同層級關係下其實還有怪物被攻擊時顯示的數字層，爆出金幣的效果層等等，

這在後續的教程中咱們將深刻淺出，跟隨項目進度和源代碼，實現一個完整的遊戲層結構。

 

本篇結束 主要是一些基本概念 下一篇咱們將講解   遊戲中圖像的加載與操做