眾所周知，網站的前端頁面結構一般是由div組成，父div包涵子div，子div包涵各種標簽和項，
同理，游戲中我們也將若干游戲模塊拆分成層，在后續的代碼維護和游戲程序邏輯中將更加清晰和便於控制。
Web頁面的層結構：
游戲中的層結構：
如下圖，用谷歌debug一下可以看到游戲初始化后，自動生成了一個Canvas畫布，
那么我們本篇討論的重點就是在Canvas中如何設計分層。
依照“怪獸必須死”這個游戲，主要的玩法就是升級英雄、技能、鑲嵌寶石等一系列提升屬性的功能來攻擊屏幕中心的若干怪獸，
同時還有全屏技能，點擊攻擊等玩法，我們由淺入深，先從最基本的功能模塊划分開始，設想一下，剛進入游戲時我們最先看到的是什么，
應該先加載什么，很顯然，首先是游戲背景，其次是英雄層，怪物層，菜單層，頭部游戲信息層，對照游戲實際畫面，大的分層應如下圖：
如上圖所示，這是顯式分層，是肉眼能看見的大體布局，但在實際開發過程中，這樣的分層並不能滿足我們的要求，
就會有隱式的層結構，更加便於開發，例如怪物層，同層級關系下其實還有怪物被攻擊時顯示的數字層，爆出金幣的效果層等等，
這在后續的教程中我們將深入淺出，跟隨項目進度和源代碼，實現一個完整的游戲層結構。
本篇結束 主要是一些基本概念 下一篇我們將講解 游戲中圖像的加載與操作