HTML5 遊戲開發資源(上) | 社區大學終身學習網
![HTML5 遊戲開發資源(上)](https://i.imgur.com/1IaoGs0.jpg)
已釋出的Firefox31具備多項新功能,可協助HTML5遊戲開發者進行編碼與除錯。此外,Mozilla率先開發之asm.js技術,亦首次應用於Web商業遊戲─《地城守護者(Dungeon ...
![HTML5 遊戲開發資源(上)](https://i.imgur.com/1IaoGs0.jpg)
已釋出的 Firefox 31 具備多項新功能,可協助HTML5[1]遊戲開發者進行編碼與除錯。此外,Mozilla率先開發之 asm.js 技術,亦首次應用於 Web 商業遊戲[2] ─《地城守護者 (Dungeon Defenders)》與《雲端入侵者(Cloud Raiders)》。此兩款遊戲都是透過 Emscripten 編譯器而跨平台編譯為 JavaScript。這類遊戲都足以證明 HTML5 可作為強大的遊戲平台。
如果你對 Emscripten 感興趣,可至 Emscripten wiki[3] 取得相關資訊,或到 github 頁面[4]取得程式碼,也能在 MDN 上找到 Emscripten 線上教學[5]以利自己入門。如果你還是對 asm.js 的效能存疑,則可參閱《最新版 Firefox 提升的 asm.js 效能讓遊戲飛也似的執行!》[6]以進一步了解。
本篇文章提到的資源均是由 Mozillian 所開發,讓你能順利撰寫 HTML5 遊戲並除錯。以下所列工具尚有缺漏。歡迎各位向我們建議任何有效資源,讓大家能更順利的開發遊戲。敬請直接留言告訴我們。
該從何開始
在開發 HTML5 架構的遊戲時,開發者必須先決定要使用哪種編輯器;根據遊戲所使用的繪圖框架與遊戲引擎,也可能使用 Canvas 2d、WebGL[7]、SVG,甚或 CSS。而這些大多數都取決於開發者本身的經驗,以及遊戲所將發行的平台。沒有其他文章會回答這些問題,讓我們先透過本文協助你入門。
遊戲開發者可找到的重要資源之一,就是在 MDN 上的 Games Zone[8]。本專區提供一般遊戲的開發文章、展示程式、外部資源、範例等等。開發者在建構 HTML5 遊戲所應注意的某些 API,專區亦提供詳細解說。如音效管理、網路連線、儲存作業、圖形繪製作業。我們目前正努力豐富相關內容並升級整個專區。將來希望能納入最常見的遊戲場景、框架、系列工具等的內容與範例。
...HTML5 遊戲開發工程師|齊拓軟體開發 | 社區大學終身學習網
HTML5 遊戲開發資源(上) | 社區大學終身學習網
HTML5遊戲開發(一):3分鐘創建一個helloworld | 社區大學終身學習網
HTML5遊戲開發 | 社區大學終身學習網
Web 遊戲開發介紹 | 社區大學終身學習網
【專欄】淺談HTML5 跨平台遊戲的優劣勢 | 社區大學終身學習網
了不起的LayaBox:HTML5遊戲開發指南 | 社區大學終身學習網
為什麼HTML5是2D遊戲開發的最佳選擇 | 社區大學終身學習網
![](https://i.imgur.com/1IaoGs0.jpg)
遊戲程式設計哪裡學?臺東縣臺東社區大學開課資訊
想要學習遊戲程式設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
手機必學APP與雲端工具哪裡學?臺北市中正社區大學開課資訊
想要學習手機必學APP與雲端工具可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
android 手機平板app 自己做哪裡學?臺北市萬華社區大學開課資訊
想要學習android手機平板app自己做可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,...
![](https://i.imgur.com/1IaoGs0.jpg)
生活藝術攝影初級哪裡學?桃園市八德社區大學開課資訊
想要學習生活藝術攝影初級可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大...
![](https://i.imgur.com/1IaoGs0.jpg)
數位影片剪輯與特效進階班哪裡學?臺中市北屯社區大學開課資訊
想要學習數位影片剪輯與特效進階班可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,...
![](https://i.imgur.com/1IaoGs0.jpg)
影像詩創作哪裡學?嘉義市嘉義社區大學開課資訊
想要學習影像詩創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...
![](https://i.imgur.com/1IaoGs0.jpg)
親子遊戲與戲劇故事哪裡學?臺南市台南社區大學開課資訊
想要學習親子遊戲與戲劇故事可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫...
![](https://i.imgur.com/1IaoGs0.jpg)
HTML網頁設計哪裡學?宜蘭縣羅東社區大學開課資訊
想要學習HTML網頁設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
遊戲程式設計哪裡學?臺東縣臺東社區大學開課資訊
想要學習遊戲程式設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
◆「趣味簡易影音製作」哪裡學?臺北市大安社區大學開課資訊
想要學習◆「趣味簡易影音製作」可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以...
![](https://i.imgur.com/1IaoGs0.jpg)
手機應用輕鬆上手哪裡學?桃園市八德社區大學開課資訊
想要學習手機應用輕鬆上手可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大...
![](https://i.imgur.com/1IaoGs0.jpg)
遊戲程式設計哪裡學?臺東縣臺東社區大學開課資訊
想要學習遊戲程式設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整...
![](https://i.imgur.com/1IaoGs0.jpg)
輕鬆學互動式網頁設計哪裡學?桃園市中壢社區大學開課資訊
想要學習輕鬆學互動式網頁設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下...
![](https://i.imgur.com/1IaoGs0.jpg)
支持地方的旅行哪裡學?臺北市內湖社區大學開課資訊
想要學習支持地方的旅行可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家...
![](https://i.imgur.com/1IaoGs0.jpg)
生活藝術攝影初級哪裡學?桃園市八德社區大學開課資訊
想要學習生活藝術攝影初級可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大...