為 Firefox OS 電視打造遊戲 (下)

隨著 Firefox OS 著眼於連網裝置的趨勢,現正是針對大型螢幕開發遊戲的時候。松下電器 (Panasonic) 現已發售多款 Firefox OS 智慧電視,而相較於一般人所習慣的智慧型手機畫面,我將透過本文簡單介紹該如何對應大型電視螢幕開發 HTML5 遊戲。 在〈為 Firefox OS 電視打造遊戲 (上)〉一文中,我 (作者 Andrzej Mazur) 稍微解釋過第一版羅傑斯.....深入閱讀

為 Firefox OS 電視打造遊戲 (上)

隨著 Firefox OS 著眼於連網裝置的趨勢,現正是針對大型螢幕開發遊戲的時候。松下電器 (Panasonic) 現已發售多款 Firefox OS 智慧電視,而相較於一般人所習慣的智慧型手機畫面,我們將透過本文簡單介紹該如何對應大型電視螢幕開發 HTML5 遊戲。 羅傑斯隊長再臨 我 (作者 Andrzej Mazur) 身為「Enclave Games」的創辦者與開發者,遊戲開發生涯就.....深入閱讀

Demo Studio 將吹熄燈號

Mozilla 開發者交流網路 (Mozilla Developer Network,MDN) 在 2011 年另闢「Demo Studio」網頁,要讓開發者盡情展示自己的 HTML5 與 CSS3 作品。這幾年以來,此網站共接收超過 1,100 組示範作品,一舉成為跨瀏覽器 Web 技術的最大示範網站之一。Demo Studio 更是「Dev Derby」長期競賽的基地,每個月都根據不同技術挑選.....深入閱讀

從 Game Jam 到行動裝置與 Firefox OS

遊戲開發活動「Game Jams」即聚集了多位遊戲開發者,期能在極短時間內一同開發遊戲。我極愛參加此類活動。就我之前參加 Game Jam 所開發的〈Metal vs Hipsters〉遊戲來看,移植到行動 Web 與 Firefox OS 上實在是很酷。 移植到行動裝置 我剛開始是針對桌機打造 HTML5 遊戲,因此就會有解析度固定、透過鍵盤控制等特點。若要將之移植為行動裝置版本的遊戲,就必.....深入閱讀

Mozilla 率先開發的 asm.js 與 WebGL 達新里程碑

「Unity」遊戲引擎現已完整支援 WebGL 有好消息要和大家分享!我們的長期合作夥伴「Unity」已宣佈結束 WebGL 匯出功能的預覽階段,正式成為 Unity 5.3 版本。在過去 6 個月以來,Unity 及瀏覽器開發者均努力突破品質與效能方面的問題,要讓此一技術能完整開發者以達絕妙的視覺效果。 另為大家更新 Mozilla 在 Web 線上遊戲方面所投注的心力。簡單來說,我們將.....深入閱讀

透過 WebExtensions 將 Chrome 的擴充套件移植到 Firefox 上使用

在我看過〈Let’s Write a Web Extension〉一文之後,我就想要實際將附加元件移植到 WebExtension。而我又特別想把高人氣且開放源碼的 Chrome 版本「Reddit Enhancement Suite (RES)」移植成 Firefox 版本。以下就是我的一點心得,希望能讓大家能立刻準備移植自己的附加元件。   附註:連 RES 的作.....深入閱讀

為大家更新 Web Components 與 Firefox 的消息

Web Components 一詞涵蓋了 4 種技術,是為了要達到更簡單、更模組化的 UI 開發作業。Web Components 早從 2011 年起開始開發流程;但這對網路標準來說已經算是頗長的一段時間! 隨著有越來越多供應商開始實作,也有更多開發者親身參與的使用經驗,造成所有規格均不斷的在變化。 所以,我們很自然的不知道各款瀏覽器目前到底支援了哪些元件。  .....深入閱讀

用 Firefox 及其他瀏覽器開拓 Web 的力量

Mozilla 以推動 Web 的開放、創新、機會為己身使命,因此不僅打造如 Firefox 的產品,也努力開發可強化 Web 生態系統的技術。我們希望 Web 能完整發揮潛能,並隨著使用者與開發者的互助經驗一同茁壯。因此包含 Service Workers 與其他技術的實驗,都是要啟發如 Progressive Web App 的新設計模式,這也是 Web App 故事的關鍵下一章節。 .....深入閱讀

用 W3C Push API 繼續推播吧

大家應該都已經很熟悉:手機畫面突然冒出一個對話小方框,內含如「你可愛的小怪獸被抓了,立刻加入戰鬥吧」,或「你不認識的人提出了交友請求,請儘快回覆」等常見訊息。 推播訊息當然不是什麼新概念,而且成為行動平台的長駐功能已有多年,但直到最近才登上 Web 平台。本篇文章就要簡單說明「推播 (Push)」的基礎概念並點出目前情形。   附註:MDN 另提供 Push A.....深入閱讀

HTML5 遊戲開發:3D 碰撞偵測

我們剛看過了〈2D 方塊地圖〉一文,也分享了 MDN 上的幾篇文章。接著來談談幾乎是所有 3D 遊戲必備的技術 ── 3D 碰撞偵測 (Collision detection)。我同時再提供 MDN 上的其他幾篇遊戲開發文章!希望能帶給你靈感並強化你的技巧! 在 3D 遊戲開發過程中,「包圍體 (Bounding volume)」就是用於決定任兩個物體是否碰撞的常用技術之一。包圍體的技術包含.....深入閱讀