asm.js 在多家瀏覽器上的效能均有斬獲 (下)

asm.js 是可輕鬆最佳化的 JavaScript 子集,且不需外掛程式就能在所有瀏覽器中執行,也是移植 C/C++ 程式碼的絕佳工具。如「Unity 3D」與「Unreal Engine」等遊戲引擎,即透過 asm.js 進行移植。再一起來看看還有哪兩家瀏覽器也愈發重視 asm.js 的效能。   Internet Explorer Internet Explore.....深入閱讀

MDN 研究方案之一:快來寫教學課程吧!

如果你才剛看到這篇文章,想進一步了解《MDN 研究方案》的來龍去脈,可先參閱此篇召集令。當然,Mozilla 隨時歡迎你加入我們的任何專案。但請注意,「MDN 研究方案」有報名期限的喔!   我是 Chris Mills。和大家聊聊今年由我負責輔導 MDN 研究方案的課程開發部分。   每當我為 Mozilla 開發者社群網站 (Mozi.....深入閱讀

asm.js 在多家瀏覽器上的效能均有斬獲 (上)

asm.js 是可輕鬆最佳化的 JavaScript 子集,且不需外掛程式就能在所有瀏覽器中執行,也是移植 C/C++ 程式碼的絕佳工具。如「Unity 3D」與「Unreal Engine」等遊戲引擎,即透過 asm.js 進行移植。 想當然耳,如果遊戲開發者要使用 asm.js 移植遊戲,也就是想能橫跨所有瀏覽器執行遊戲。但因為各款瀏覽器具備不同的 JavaScript 引擎、不.....深入閱讀

「絲綢」專案 (下)

在透過《「絲綢」專案 (上)》初步了解 VSync 的概念,以及 FPS 與遊戲效能之間的關係之後,緊接著來看看繪圖流程,設法讓自己的 App 畫面更流暢吧! 繪圖流程 Gecko 的繪圖流程可簡單解釋為下列三步驟: 在主執行緒上繪製新的幀像 透過 LayerTransaction IPC 將更新過的內容傳送到合成器 (Compositor) 使用合成器產生新的幀像.....深入閱讀

「絲綢」專案 (上)

許多人在過去幾個月來努力進行「絲綢 (Silk)」專案,期能跨瀏覽器來提升作業的順暢度,就如同絲綢一樣滑順。「絲綢」專案其實和「Butter for Android」專案極為相似,且已有部分登上了 Firefox OS。「絲綢」主要可達到以下三項: 使用硬體垂直同步訊號 (VSync) 來同步繪圖的時間點 (Align Painting) 根據硬體 VSync 來對裝置的觸控輸入事件進.....深入閱讀

將原生遊戲送上 Web 的進度看來有點超前

在 Mozilla 與全球最大遊戲引擎開發商的長期合作之下,2015 年的遊戲開發者大會 (Game Developer Conference,GDC) 可說是重要里程碑。我們所設定的「不需外掛程式即讓 Web 執行高效能遊戲」目標,現在真正實現了。Unity Technologies 現為「Unity 5」加入 WebGL 匯出預覽功能。而 Epic Games 亦新增了測試版的 HTML5 匯.....深入閱讀

簡單初探 WebGL 2

從我們著手要將高效能遊戲帶上 Web 開始,最常聽見的需求之一,就是要能利用桌機 GPU 所提供的最新 3D 繪圖功能,這當然也包含最新一代行動裝置的 GPU。「WebGL」則是 Web 的 3D 圖形標準,並與行動的 3D 圖形標準「OpenGL ES」息息相關。而 WebGL 1.0 即以 OpenGL ES 2.0 為基礎,確保 WebGL 內容可於最多樣的硬體 (包含桌機與行動裝置) 上運.....深入閱讀

簡介「object-fit」

在相關 Web 文件上常見的問題之一,就是要讓同一地方顯示不同尺寸的圖片 (或影片)。或許你正在撰寫動態圖庫 App,以接收使用者所提交的檔案。但你無法要求所有人上傳的圖片都是一樣的解析度或長寬比。這時候該怎麼辦呢? 雖然可以不管圖片長寬比例,逕自讓圖片填滿「置換元素 (Replaced element)」,但效果往往不佳且看起來不甚美觀。又如果每次都即時執行一些動態切割或縮放,又比.....深入閱讀

「Webmaker」是數位素養的新培養方式

在巴塞隆納的世界行動通訊大會 (MWC) 上,Mozilla 發表「Webmaker」App 測試版本。此免費且獨立的 Web 發佈工具,將是 Mozilla 提升全球數位素養的重要一步。 Webmaker App 是根據孟加拉 (Bangladesh)、印度 (India)、肯亞 (Kenya) 當地一年期研究的結果而發想。此份研究指出 1). 剛接觸智慧型手機的使用者仍往往須耗時.....深入閱讀

只要輕點滑鼠就能用 Unity 5 匯出 WebGL 內容

在「Unity 5」現身之後,Mozilla 距離「讓 Web 提供無須外掛程式的高品質遊戲」的目標又再更近一步。身為全球最受歡迎的遊戲開發工具,新版本「Unity 5」現可預覽其 WebGL 匯出功能。使用 Unity 5 的遊戲開發者只要輕點一下滑鼠,就能利用 WebGL 與 asm.js 而將自己的遊戲移植至 Web 之上。最後不需外掛程式,也能在桌機版瀏覽器上達到原生遊戲的視覺效果。 .....深入閱讀