使用WebGL 2.0更快地渲染 3D

釋出人：Google 軟體工程師 Zhenyao Mo

WebGL JavaScript API 將硬體加速 3D 圖形技術帶入網路。Chrome 56 帶來了對 WebGL 2.0 的支援，後者是對此 API 的一次重大升級，其解鎖了各種新圖形功能和高階渲染技術。WebGL 2.0 目前可供擁有當代圖形硬體並執行 Windows、macOS 和 Linux 的 Chrome 使用者使用，很快還會推廣到 Android 平臺上。

WebGL 2.0 轉換反饋演示：

github.com/toji/webgl2-particles-2

WebGL 1.0 首次引入 Chrome 是在 6 年前，有了它，開發者能夠創造免外掛的沉浸式圖形體驗，從實時重混世界盃賽事到視覺化一篇新聞文章裡的攀巖路線，精彩不斷。WebGL 2.0 進一步簡化了 3D 網路應用的構建，可以更快速地實時渲染，支援全新型別的紋理和著色器，還減少了視訊的記憶體佔用。 現在，包括延遲著色、色調對映、容積效應、粒子效應在內的各種技術均可高效實現。全新 API 還為 WebGL 帶來了與 OpenGL ES 3.0 相仿的功能，後者是移動遊戲中常用的圖形平臺之一。

除了最新的渲染功能之外，WebGL 2.0 還引入了一個經過大幅擴容、包含超過 34 萬個測試用例的合規性測試套件，用於幫助確保不同的網路瀏覽器提供相容的圖形平臺。Chrome 在使用不同供應商的 GPU 的所有桌面平臺上都通過了 100% 的測試用例，確保了其 WebGL 2.0 的實現穩定可靠並且始終如一。

要開始使用 WebGL 2.0，請查閱 WebGL 2.0 樣例包：

github.com/WebGLSamples/WebGL2Samples

其中包含了小巧的自包含樣例，展示了大多數的新 API 功能。您還可以在 After the Flood¹ 中檢視 WebGL 2.0 例項，後者是 PlayCanvas 與 Mozilla 聯合創造的一段互動演示。最後，請回來檢查有關未來圖形功能（例如 OpenGL ES 3.1 支援）的更多訊息，探索支援新的顯式圖形介面（例如 Vulkan、Metal 和 DirectX 12）的低階網路圖形 API。

[1] 如果此演示或其他 WebGL 2.0 內容在您的機器上無法執行，您可能需要更新您的圖形硬體或驅動程式。

推薦閱讀：

Python Fire開源—用於自動生成命令列介面的內容庫

FlexboxLayout幫助您完成聰明的UI佈局

Chrome渲染管道的效能改進

Chrome 57 Beta 新特性

3.21 Google Doodle: 2017 母親節（MENA 地區）