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