asm.js 在多家瀏覽器上的效能均有斬獲 (下) 3月 26 2015 asm.js 是可輕鬆最佳化的 JavaScript 子集,且不需外掛程式就能在所有瀏覽器中執行,也是移植 C/C++ 程式碼的絕佳工具。如「Unity 3D」與「Unreal Engine」等遊戲引擎,即透過 asm.js 進行移植。再一起來看看還有哪兩家瀏覽器也愈發重視 asm.js 的效能。 Internet Explorer Internet Explore.....深入閱讀
asm.js 在多家瀏覽器上的效能均有斬獲 (下) 3月 26 2015 asm.js 是可輕鬆最佳化的 JavaScript 子集,且不需外掛程式就能在所有瀏覽器中執行,也是移植 C/C++ 程式碼的絕佳工具。如「Unity 3D」與「Unreal Engine」等遊戲引擎,即透過 asm.js 進行移植。再一起來看看還有哪兩家瀏覽器也愈發重視 asm.js 的效能。 Internet Explorer Internet Explore.....深入閱讀
MDN 研究方案之一:快來寫教學課程吧! 3月 25 2015 如果你才剛看到這篇文章,想進一步了解《MDN 研究方案》的來龍去脈,可先參閱此篇召集令。當然,Mozilla 隨時歡迎你加入我們的任何專案。但請注意,「MDN 研究方案」有報名期限的喔! 我是 Chris Mills。和大家聊聊今年由我負責輔導 MDN 研究方案的課程開發部分。 每當我為 Mozilla 開發者社群網站 (Mozi.....深入閱讀
MDN 研究方案之一:快來寫教學課程吧! 3月 25 2015 如果你才剛看到這篇文章,想進一步了解《MDN 研究方案》的來龍去脈,可先參閱此篇召集令。當然,Mozilla 隨時歡迎你加入我們的任何專案。但請注意,「MDN 研究方案」有報名期限的喔! 我是 Chris Mills。和大家聊聊今年由我負責輔導 MDN 研究方案的課程開發部分。 每當我為 Mozilla 開發者社群網站 (Mozi.....深入閱讀
asm.js 在多家瀏覽器上的效能均有斬獲 (上) 3月 24 2015 asm.js 是可輕鬆最佳化的 JavaScript 子集,且不需外掛程式就能在所有瀏覽器中執行,也是移植 C/C++ 程式碼的絕佳工具。如「Unity 3D」與「Unreal Engine」等遊戲引擎,即透過 asm.js 進行移植。 想當然耳,如果遊戲開發者要使用 asm.js 移植遊戲,也就是想能橫跨所有瀏覽器執行遊戲。但因為各款瀏覽器具備不同的 JavaScript 引擎、不.....深入閱讀
asm.js 在多家瀏覽器上的效能均有斬獲 (上) 3月 24 2015 asm.js 是可輕鬆最佳化的 JavaScript 子集,且不需外掛程式就能在所有瀏覽器中執行,也是移植 C/C++ 程式碼的絕佳工具。如「Unity 3D」與「Unreal Engine」等遊戲引擎,即透過 asm.js 進行移植。 想當然耳,如果遊戲開發者要使用 asm.js 移植遊戲,也就是想能橫跨所有瀏覽器執行遊戲。但因為各款瀏覽器具備不同的 JavaScript 引擎、不.....深入閱讀
「絲綢」專案 (下) 3月 20 2015 在透過《「絲綢」專案 (上)》初步了解 VSync 的概念,以及 FPS 與遊戲效能之間的關係之後,緊接著來看看繪圖流程,設法讓自己的 App 畫面更流暢吧! 繪圖流程 Gecko 的繪圖流程可簡單解釋為下列三步驟: 在主執行緒上繪製新的幀像 透過 LayerTransaction IPC 將更新過的內容傳送到合成器 (Compositor) 使用合成器產生新的幀像.....深入閱讀
「絲綢」專案 (下) 3月 20 2015 在透過《「絲綢」專案 (上)》初步了解 VSync 的概念,以及 FPS 與遊戲效能之間的關係之後,緊接著來看看繪圖流程,設法讓自己的 App 畫面更流暢吧! 繪圖流程 Gecko 的繪圖流程可簡單解釋為下列三步驟: 在主執行緒上繪製新的幀像 透過 LayerTransaction IPC 將更新過的內容傳送到合成器 (Compositor) 使用合成器產生新的幀像.....深入閱讀
「絲綢」專案 (上) 3月 17 2015 許多人在過去幾個月來努力進行「絲綢 (Silk)」專案,期能跨瀏覽器來提升作業的順暢度,就如同絲綢一樣滑順。「絲綢」專案其實和「Butter for Android」專案極為相似,且已有部分登上了 Firefox OS。「絲綢」主要可達到以下三項: 使用硬體垂直同步訊號 (VSync) 來同步繪圖的時間點 (Align Painting) 根據硬體 VSync 來對裝置的觸控輸入事件進.....深入閱讀
「絲綢」專案 (上) 3月 17 2015 許多人在過去幾個月來努力進行「絲綢 (Silk)」專案,期能跨瀏覽器來提升作業的順暢度,就如同絲綢一樣滑順。「絲綢」專案其實和「Butter for Android」專案極為相似,且已有部分登上了 Firefox OS。「絲綢」主要可達到以下三項: 使用硬體垂直同步訊號 (VSync) 來同步繪圖的時間點 (Align Painting) 根據硬體 VSync 來對裝置的觸控輸入事件進.....深入閱讀
將原生遊戲送上 Web 的進度看來有點超前 3月 13 2015 在 Mozilla 與全球最大遊戲引擎開發商的長期合作之下,2015 年的遊戲開發者大會 (Game Developer Conference,GDC) 可說是重要里程碑。我們所設定的「不需外掛程式即讓 Web 執行高效能遊戲」目標,現在真正實現了。Unity Technologies 現為「Unity 5」加入 WebGL 匯出預覽功能。而 Epic Games 亦新增了測試版的 HTML5 匯.....深入閱讀
將原生遊戲送上 Web 的進度看來有點超前 3月 13 2015 在 Mozilla 與全球最大遊戲引擎開發商的長期合作之下,2015 年的遊戲開發者大會 (Game Developer Conference,GDC) 可說是重要里程碑。我們所設定的「不需外掛程式即讓 Web 執行高效能遊戲」目標,現在真正實現了。Unity Technologies 現為「Unity 5」加入 WebGL 匯出預覽功能。而 Epic Games 亦新增了測試版的 HTML5 匯.....深入閱讀
簡單初探 WebGL 2 3月 12 2015 從我們著手要將高效能遊戲帶上 Web 開始,最常聽見的需求之一,就是要能利用桌機 GPU 所提供的最新 3D 繪圖功能,這當然也包含最新一代行動裝置的 GPU。「WebGL」則是 Web 的 3D 圖形標準,並與行動的 3D 圖形標準「OpenGL ES」息息相關。而 WebGL 1.0 即以 OpenGL ES 2.0 為基礎,確保 WebGL 內容可於最多樣的硬體 (包含桌機與行動裝置) 上運.....深入閱讀
簡單初探 WebGL 2 3月 12 2015 從我們著手要將高效能遊戲帶上 Web 開始,最常聽見的需求之一,就是要能利用桌機 GPU 所提供的最新 3D 繪圖功能,這當然也包含最新一代行動裝置的 GPU。「WebGL」則是 Web 的 3D 圖形標準,並與行動的 3D 圖形標準「OpenGL ES」息息相關。而 WebGL 1.0 即以 OpenGL ES 2.0 為基礎,確保 WebGL 內容可於最多樣的硬體 (包含桌機與行動裝置) 上運.....深入閱讀
簡介「object-fit」 3月 11 2015 在相關 Web 文件上常見的問題之一,就是要讓同一地方顯示不同尺寸的圖片 (或影片)。或許你正在撰寫動態圖庫 App,以接收使用者所提交的檔案。但你無法要求所有人上傳的圖片都是一樣的解析度或長寬比。這時候該怎麼辦呢? 雖然可以不管圖片長寬比例,逕自讓圖片填滿「置換元素 (Replaced element)」,但效果往往不佳且看起來不甚美觀。又如果每次都即時執行一些動態切割或縮放,又比.....深入閱讀
簡介「object-fit」 3月 11 2015 在相關 Web 文件上常見的問題之一,就是要讓同一地方顯示不同尺寸的圖片 (或影片)。或許你正在撰寫動態圖庫 App,以接收使用者所提交的檔案。但你無法要求所有人上傳的圖片都是一樣的解析度或長寬比。這時候該怎麼辦呢? 雖然可以不管圖片長寬比例,逕自讓圖片填滿「置換元素 (Replaced element)」,但效果往往不佳且看起來不甚美觀。又如果每次都即時執行一些動態切割或縮放,又比.....深入閱讀
「Webmaker」是數位素養的新培養方式 3月 10 2015 在巴塞隆納的世界行動通訊大會 (MWC) 上,Mozilla 發表「Webmaker」App 測試版本。此免費且獨立的 Web 發佈工具,將是 Mozilla 提升全球數位素養的重要一步。 Webmaker App 是根據孟加拉 (Bangladesh)、印度 (India)、肯亞 (Kenya) 當地一年期研究的結果而發想。此份研究指出 1). 剛接觸智慧型手機的使用者仍往往須耗時.....深入閱讀
「Webmaker」是數位素養的新培養方式 3月 10 2015 在巴塞隆納的世界行動通訊大會 (MWC) 上,Mozilla 發表「Webmaker」App 測試版本。此免費且獨立的 Web 發佈工具,將是 Mozilla 提升全球數位素養的重要一步。 Webmaker App 是根據孟加拉 (Bangladesh)、印度 (India)、肯亞 (Kenya) 當地一年期研究的結果而發想。此份研究指出 1). 剛接觸智慧型手機的使用者仍往往須耗時.....深入閱讀
只要輕點滑鼠就能用 Unity 5 匯出 WebGL 內容 3月 06 2015 在「Unity 5」現身之後,Mozilla 距離「讓 Web 提供無須外掛程式的高品質遊戲」的目標又再更近一步。身為全球最受歡迎的遊戲開發工具,新版本「Unity 5」現可預覽其 WebGL 匯出功能。使用 Unity 5 的遊戲開發者只要輕點一下滑鼠,就能利用 WebGL 與 asm.js 而將自己的遊戲移植至 Web 之上。最後不需外掛程式,也能在桌機版瀏覽器上達到原生遊戲的視覺效果。 .....深入閱讀
只要輕點滑鼠就能用 Unity 5 匯出 WebGL 內容 3月 06 2015 在「Unity 5」現身之後,Mozilla 距離「讓 Web 提供無須外掛程式的高品質遊戲」的目標又再更近一步。身為全球最受歡迎的遊戲開發工具,新版本「Unity 5」現可預覽其 WebGL 匯出功能。使用 Unity 5 的遊戲開發者只要輕點一下滑鼠,就能利用 WebGL 與 asm.js 而將自己的遊戲移植至 Web 之上。最後不需外掛程式,也能在桌機版瀏覽器上達到原生遊戲的視覺效果。 .....深入閱讀