H5小游戲主要由HTML5、css3 和 JavaScript這些代碼類型組成。總的來說開發一款小游戲分為兩種情況。
第一種是不引用游戲渲染引擎，游戲聯網引擎，使用常規的開發方法，自己實現場景渲染和網絡對戰開發。
第二種是使用游戲渲染引擎和游戲聯網引擎。
完全自主研發
第一步：擬定游戲開發方案，設計游戲UI圖片。游戲開發方案就是確定要開發什么樣的游戲，達到什么樣的效果。設計游戲UI圖片可以使用相關軟件如PS/CAD等。
第二步：搭建游戲前端框架游戲場景畫面渲染架構設計。使用HTML5和CSS3設計游戲場景的架構，封裝好UI層處理的接口，待游戲邏輯開發時，只需要調用接口即可操作UI顯示效果。
第三步：游戲邏輯處理架構設計和實現。常用的軟件設計模式都是MVC模式，就是UI、業務邏輯和數據控制都是分開來的，使用JavaScript實現游的邏輯控制和游戲數據存儲。設計一套框架，同樣以接口的形式調用，在設計一套把UI和游戲邏輯聯系在一起的程序。
第四步：游戲網絡對戰服務器搭建和服務器程序架構設計與實現。上一步把基本游戲邏輯都實現了，但是畢竟是互動游戲，要實現網絡通信那還得設計一套服務器通信程序，用于游戲實現網絡對戰功能。服務器程序開發有多重選擇，這里就根據開發者自己決定。
第五步：游戲客戶端與服務端聯調。開發好服務模塊，要確保游戲運行的穩定性和邏輯的正確性，需要花一定的時間進行聯調工作。
使用引擎工具
第一步：擬定游戲開發方案，設計游戲UI圖片，這里和前面的一樣。
第二步：使用游戲渲染引擎開發工具開發游戲邏輯。不需要開發者關心游戲的界面是如何渲染的，開發者只要關心游戲實現的邏輯，對應游戲畫面渲染可直接調用引擎接口來實現畫面效果。
第三步：游戲聯網聯調。
為移動游戲而生，提供更周全的聯網與服務端服務
方法/步驟
基于問題,你需要學習:javascript的基礎,高級使用,性能優化,定時器,主要時間是在跟js打交道.
游戲循環的處理邏輯,不管是自己造輪子還是用引擎,自己必須知道架構怎么去搭建和運作.
數學,尤其幾何學,勾股定理的使用,線性代數的理解,2D的還好說,3D的矩陣運算.
另外,當前很多HTML5游戲都是想跑在微信平臺里的,如果你也是這個打算,最好理解下微信的后臺開發一些事情
如果自己不想做這方面的開發,找個做過微信后臺的朋友問問大概的流程,知道自己在什么條件下可以拿到什么用戶信息.
游戲邏輯是比代碼能力重要的，而游戲邏輯也比代碼能力容易獲得，只要平時多玩游戲，多思考就行了。
甚至于沒有一點代碼基礎的人，只要想做游戲，都會有辦法制作出來的
作者：繪生活文創空間
來源：簡書
