我想做html5遊戲，該如何上手？

01-15

本人是前端工程師，但一直沒有染指html5遊戲這一塊領域，感非常神秘。

我是來吐槽的。

@kubisoft@bryant zhang 你們的回答絲毫沒有幫助也就算了，關鍵還冷嘲熱諷，看不過去。

前端開發工程師對html5遊戲開發一無所知再正常不過了，畢竟幾乎完全是兩個不同方向：

前端和html/css/js打交道比較多，是基於DOM的（不太會表述，能懂就行）。html5遊戲則主要是canvas/js，核心在畫布上。開發html5遊戲的，不一定會前端，反之亦然。

java web開發者學習Android遊戲開發也會有不小門檻。

吐槽完畢。

我也不懂html5遊戲開發。html5遊戲畫面是基於canvas的，但是考慮到造輪子的成本。如果想早點開發出遊戲還是找個好用的遊戲引擎吧。

還有就是從入門書籍（文章）看起，程序員不都是這麼過來的么？

我錯了，其實我對這一塊真心不懂，好久找不到問題回答，手賤就點開回答了一下......

----------------------------------------------------------

那我說點吧，html5要做遊戲的話其實是canvas的使用，用一些基本的api在canvas上怎麼畫東西出來, 從畫線、畫點陣圖開始。你可以先做俄羅斯方塊、貪吃蛇這一類的小遊戲，完全用canvas, 不用多，做一個就行了；

然後學學cocos2d-html5, cocos2d最初是用python實現，後來在iphone上火了，然後蔓延到android; 所以其實api是差不多的，只不過用的語言不同。學習cocos2d-html5就可以做做有角色、有場景的小遊戲了，可以弄個小人走走迷宮啊什麼的，然後試著加點子彈、加點敵人讓它更加豐富。

再以後，就應該已經找到感覺了。

學習canvas的基本使用方法，然後去找基於html5 canvas的遊戲庫，用起來，就好。

iOS的話可以看看我這個項目https://github.com/zhj86868649/Aspirin/，自知做得很爛，看看就好，就當看個笑話……

建議從 cocos-js 開始入手。

今年所銷售的2000元以上的手機，升級新系統之後，大多都可以支持 WebGL 渲染

都建議用引擎,其實現在壓根沒有什麼很完善的HTML5遊戲引擎,都處於發展階段,本身HTML5就是新興技術,入引擎首先得去理解引擎里各種組件,然後還未必知道組件為什麼要這麼寫.

如何上手?

1,用canvas畫張圖片,寫兩個字

2,用循環函數改變圖片和文字的屬性讓他們動起來

3,旋轉,放大縮小,位移,混合,透明....

4,綁定按鍵事件,去控制元素的屬性

好了,差不多像個遊戲了

這個過程會學到很多javascript的處理經驗.比較懶的人就會開始想辦法寫對象復用調取和設置屬性.

然後就會去考慮一些增加的部分:滑鼠事件,觸控事件,繪製性能優化,屏幕適配,資源載入.....

逐漸的就豐富起來了,就這樣...

學習html基礎，當然，js，css也要會的，下載些源碼研究研究，差不多了。