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