2.1 WebGL 2.0概述

隨著OpenGL ES版本的發展，WebGL的版本也由原先的WebGL 1.0升級為WebGL 2.0。WebGL 2.0是一種3D繪圖標準，這種繪圖技術標準允許把JavaScript和OpenGL ES 3.0結合在一起。通過增加OpenGL ES 3.0的一個JavaScript綁定，WebGL 2.0可以為HTML5 Canvas提供硬件3D加速渲染，這樣Web開發人員就可以借助系統顯卡在瀏覽器里更流暢地展示3D場景和模型了，還能創建復雜的導航和數據視覺化。

WebGL 2.0標準已出現在Mozilla Firefox、Apple Safari及開發者預覽版Google Chrome等瀏覽器中，這項技術支持Web開發人員借助系統顯示芯片在瀏覽器中展示各種3D模型和場景。隨著HTML5的興起，WebGL 2.0的前景不可估量。

2.1.1 WebGL 2.0簡介

WebGL 2.0和3D圖形規范OpenGL、通用計算規范OpenCL都來自Khronos Group，同樣免費開放。WebGL 2.0標準工作組的成員包括AMD、愛立信、Google、Mozilla、英偉達以及Opera等，這些成員與Khronos公司通力合作，創建了一種多平臺環境可用的WebGL 2.0標準。

WebGL 2.0完美地解決了現有的Web交互式三維動畫的3個問題。

? 通過HTML腳本本身實現Web交互式三維動畫的制作，無須任何特定瀏覽器插件的支持。

? 利用底層圖形硬件的加速功能進行3D圖形渲染，效率很高。

? 通過統一、標準、跨平臺的OpenGL ES接口來實現，免去了開發人員多次學習不同編程接口的麻煩。

WebGL目前有兩個版本的標準，具體情況如下。

? WebGL 1.0。其提供的是JavaScript與OpenGL ES 2.0的綁定，目前除了微軟的IE之外，大部分瀏覽器都能很好地支持它。

? WebGL 2.0。其提供的是JavaScript與OpenGL ES 3.0的綁定，目前已經發展完善，除了微軟的IE之外，大部分瀏覽器都能很好地支持它。

隨著HTML5的興起，大量優秀的網頁涌現出來。作為HTML5官方的Web 3D解決方案，WebGL 2.0立刻受到無數開發人員的追捧。由于其以網頁形式進行展示，所以可以不受平臺的限制，這也省去了在各種平臺上移植的步驟。

隨著微信平臺兼容性的快速發展，進一步降低WebGL 2.0的推廣成本。微信平臺中，只需要單擊項目所在鏈接即可運行，操作步驟十分簡便。也省去了傳統游戲安裝客戶端的麻煩，同時保證了項目代碼不被泄露。相信在不久的將來，WebGL 2.0將會凸顯出更大的優勢和能力。

2.1.2 WebGL 2.0效果展示

2.1.1節介紹了WebGL 2.0的基本知識，相信讀者已經對其有了一定的了解。隨著HTML5標準的不斷完善，為HTML 5 Canvas提供硬件3D加速渲染的WebGL 2.0已經被越來越多的開發人員所接受。市面上采用WebGL 2.0的網絡游戲如雨后春筍般涌現出來。下面的幾幅圖（見圖2-1、圖2-2）就是作者看到的使用WebGL 2.0技術制作的精美網頁截圖。

從圖2-1、圖2-2中可以看出，使用WebGL 2.0技術渲染出的3D場景與直接使用OpenGL ES技術在移動設備上開發出的場景效果基本是一致的。讀者通過對前面章節的學習，再結合本章內容便可在Web端開發出與移動端一樣絢麗流暢的3D場景。