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