WebGL

**WebGL**
原作者	Mozilla基金会
開發者	Khronos WebGL Working Group
初始版本	2011年3月3日
穩定版本	2.0（2017年1月17日）
操作系统	跨平台
类型	API
網站	www.khronos.org/webgl/

WebGL是一種在任何可相容的網頁瀏覽器中渲染3D圖形的JavaScript API，無需加裝外掛程式^[2]。透過WebGL的技術，只需要編寫網頁代碼即可實現3D圖像的展示^[3]。WebGL的規格尚在發展中，由非營利的Khronos Group管理^[4]。

概览

WebGL 1.0基于OpenGL ES 2.0，並提供了3D圖形的API^[5]。它使用HTML5 Canvas并允许利用文档对象模型接口。可利用部分Javascript实现自动記憶體管理^[4]。WebGL使用GLSL作為著色器。

WebGL 2.0基于OpenGL ES 3.0^[6]。

歷史

WebGL起源於Mozilla員工弗拉基米爾·弗基西維奇的一項稱為Canvas 3D實驗計畫。2006年，弗基西維奇首次展示了Canvas 3D的原型。2007年底在Firefox^[7]和Opera^[8]被實作。

在2009年初，非營利技術聯盟Khronos Group啟動了WebGL的工作組，最初的工作成員包括Apple、Google、Mozilla、Opera等^[4]^[9]。2011年3月發布WebGL 1.0規範^[1]。截至2012年3月，工作組的主席由肯·羅素（Ken Russell，全名「Kenneth Bradley Russell」）擔任。

WebGL的早期應用包括Zygote Body^[10]^[11]。

WebGL 2規範的發展始於2013年，並於2017年1月完成^[12]。該規範基於OpenGL ES 3.0^[13]。首度實作在Firefox 51、Chrome 56和Opera 43中^[14]。

支援

目前，WebGL在最新的瀏覽器中被廣泛支援。然而，其可用性取決於其他因素，如GPU支援。WebGL官方網站提供了一個簡單的測試頁^[15]。而第三方網站提供了更詳細的訊息（如瀏覽器使用的渲染器以及可用的擴展）^[16]^[17]。

桌面瀏覽器

Mozilla Firefox – 從4.0開始支援預設啟用^[18]。
Google Chrome – 從9.0開始支援預設啟用^[19]^[20]。
Internet Explorer – 从11开始支持^[21]。較舊的版本可以安裝第三方外掛程式來支援，如IEWebGL^[22]。
Safari – 在Mac OS X Snow Leopard上的Safari 5.1、OS X Mountain Lion、Mac OS X Lion上的Safari6.0或較新版本開始支援WebGL，預設情況下禁用^[23]^[24]^[25]^[26]^[27]。
Opera – 需自行啟用^[28]^[29]。

行動瀏覽器

Firefox OS^[30]
Firefox for mobile^[31]^[30]
Google Chrome^[32]
Opera Mobile^[33]
Tizen^[34]
Ubuntu Touch
WebOS
iOS^[35]

WebGL和其它標準的整合

WebGL相對於HTML5的關係就好比是OpenGL庫和三維應用程序的關係。WebGL只是提供了底層的渲染和計算的函數，而並沒有定義一個高級的文件格式或交互函數。有一些開發者正在WebGL的基礎上建立高階的程序庫，比如在Web3D聯盟推進下，瀏覽器可以解析X3D-XML DOM文檔樹中的三維內容，這樣就可以直接在瀏覽器中瀏覽X3D格式的三維場景而不需要再安裝額外的插件。

参考文献

^ ^1.0 ^1.1 Khronos Releases Final WebGL 1.0 Specification. [2015-05-18].
^ Gregg Tavares. WebGL Fundamentals. HTML5 Rocks. 2012-02-09.
^ Tony Parisi. WebGL: Up and Running. O'Reilly Media, Incorporated. 2012-08-15.
^ ^4.0 ^4.1 ^4.2 WebGL - OpenGL ES 2.0 for the Web
^ WebGL Specification. Khronos.org. [2011-05-14].
^ WebGL 2.0 Specification. Khronos.org. [2017-02-27].
^ Canvas 3D: GL power, web-style. Blog.vlad1.com. [2011-05-14]. （原始内容存档于2011-07-17）.
^ Taking the canvas to another dimension. My.opera.com. 2007-11-26 [2011-05-14]. （原始内容存档于2007-11-17）.
^ Khronos Details WebGL Initiative to Bring Hardware-Accelerated 3D Graphics to the Internet. Khronos.org. 2009-08-04 [2011-05-14].
^ Google Body – Google Labs. Bodybrowser.googlelabs.com. [2011-05-14].
^ Bhanoo, Sindya N. New From Google: The Body Browser. Well.blogs.nytimes.com. 2010-12-23 [2011-05-14].
^ WebGL 2 Specification. khronos.org. 2013-09-26 [2013-10-28].
^ https://www.khronos.org/registry/webgl/specs/latest/2.0/
^ https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API
^ WebGL test page. webgl.org.
^ WebGL Report. webglreport.com.
^ WebGL Browser Report — WebGL Detection — WebGL Tester — BrowserLeaks. browserleaks.com.
^ Mozilla Firefox 4 Release Notes. Mozilla.com. 2011-03-22 [2012-03-20].
^ Paul Mah. Google releases Chrome 9; comes with Google Instant, WebGL – FierceCIO:TechWatch. FierceCIO. February 8, 2011 [2012-03-20].
^ WebGL in Chrome Stable! - Learning WebGL. learningwebgl.com.
^ WebGL (Windows). 微软. [2014-03-05].
^ IEWebGL. Iewebgl. [2014-08-14].
^ New in OS X Lion: Safari 5.1 brings WebGL, Do Not Track and more. Fairerplatform.com. 2011-05-03 [2012-03-20].
^ Enable WebGL in Safari. Ikriz.nl. 2011-08-23 [2012-03-20].
^ Getting a WebGL Implementation. Khronos.org. 2012-01-13 [2012-03-20].
^ Implementations/WebKit. Khronos.org. 2011-09-03 [2012-03-20].
^ WebGL Now Available in WebKit Nightlies. Webkit.org. [2012-03-20].
^ WebGL and Hardware Acceleration. My.opera.com. 2011-02-28 [2012-03-20]. （原始内容存档于2011-03-03）.
^ Introducing Opera 12 alpha. My.opera.com. 2011-10-13 [2012-03-20]. （原始内容存档于2011-10-15）.
^ ^30.0 ^30.1 Mobile HTML5 compatibility on iPhone, Android, Windows Phone, BlackBerry, Firefox OS and other mobile devices. [2015-09-16].
^ iclkevin. WebGL on Mobile Devices. iChemLabs. 2011-11-12 [2011-11-25].
^ Kersey, Jason. Chrome Beta for Android Update. Chrome Releases Blog. Google. [2013-08-23].
^ Opera Mobile 12. Opera Software. [27 February 2012]. （原始内容存档于1 March 2012）.
^ HTML5test - How well does your browser support HTML5?. [2015-09-16].
^ Cunningham, Andrew. iOS 8, Thoroughly Reviewed. Ars Technica. 2014-09-17 [2014-09-19].

外部链接

YouTube上的WebGL / Canvas 3D Preview in WebKit r48331
WebGL Experiments
X3DOM WebGL和X3D結合的樣例

[WebGLFinal-1] 1.0 ^1.1 Khronos Releases Final WebGL 1.0 Specification. [2015-05-18].

[2] Gregg Tavares. WebGL Fundamentals. HTML5 Rocks. 2012-02-09.

[3] Tony Parisi. WebGL: Up and Running. O'Reilly Media, Incorporated. 2012-08-15.

[WebGLWebsite-4] 4.0 ^4.1 ^4.2 WebGL - OpenGL ES 2.0 for the Web

[WebGLSpecification-5] WebGL Specification. Khronos.org. [2011-05-14].

[WebGL2Specification-6] WebGL 2.0 Specification. Khronos.org. [2017-02-27].

[7] Canvas 3D: GL power, web-style. Blog.vlad1.com. [2011-05-14]. （原始内容存档于2011-07-17）.

[8] Taking the canvas to another dimension. My.opera.com. 2007-11-26 [2011-05-14]. （原始内容存档于2007-11-17）.

[WebGLAnnouncement-9] Khronos Details WebGL Initiative to Bring Hardware-Accelerated 3D Graphics to the Internet. Khronos.org. 2009-08-04 [2011-05-14].

[10] Google Body – Google Labs. Bodybrowser.googlelabs.com. [2011-05-14].

[11] Bhanoo, Sindya N. New From Google: The Body Browser. Well.blogs.nytimes.com. 2010-12-23 [2011-05-14].

[12] WebGL 2 Specification. khronos.org. 2013-09-26 [2013-10-28].

[13] ttps://www.khronos.org/registry/webgl/specs/latest/2.0/

[14] ttps://developer.mozilla.org/en-US/docs/Web/API/WebGL_API

[15] WebGL test page. webgl.org.

[16] WebGL Report. webglreport.com.

[17] WebGL Browser Report — WebGL Detection — WebGL Tester — BrowserLeaks. browserleaks.com.

[18] Mozilla Firefox 4 Release Notes. Mozilla.com. 2011-03-22 [2012-03-20].

[19] Paul Mah. Google releases Chrome 9; comes with Google Instant, WebGL – FierceCIO:TechWatch. FierceCIO. February 8, 2011 [2012-03-20].

[20] WebGL in Chrome Stable! - Learning WebGL. learningwebgl.com.

[21] WebGL (Windows). 微软. [2014-03-05].

[22] IEWebGL. Iewebgl. [2014-08-14].

[23] New in OS X Lion: Safari 5.1 brings WebGL, Do Not Track and more. Fairerplatform.com. 2011-05-03 [2012-03-20].

[24] Enable WebGL in Safari. Ikriz.nl. 2011-08-23 [2012-03-20].

[25] Getting a WebGL Implementation. Khronos.org. 2012-01-13 [2012-03-20].

[26] Implementations/WebKit. Khronos.org. 2011-09-03 [2012-03-20].

[27] WebGL Now Available in WebKit Nightlies. Webkit.org. [2012-03-20].

[28] WebGL and Hardware Acceleration. My.opera.com. 2011-02-28 [2012-03-20]. （原始内容存档于2011-03-03）.

[29] Introducing Opera 12 alpha. My.opera.com. 2011-10-13 [2012-03-20]. （原始内容存档于2011-10-15）.

[mobilehtml5.org-30] 30.0 ^30.1 Mobile HTML5 compatibility on iPhone, Android, Windows Phone, BlackBerry, Firefox OS and other mobile devices. [2015-09-16].

[31] vin. WebGL on Mobile Devices. iChemLabs. 2011-11-12 [2011-11-25].

[32] Kersey, Jason. Chrome Beta for Android Update. Chrome Releases Blog. Google. [2013-08-23].

[33] Opera Mobile 12. Opera Software. [27 February 2012]. （原始内容存档于1 March 2012）.

[34] HTML5test - How well does your browser support HTML5?. [2015-09-16].

[35] Cunningham, Andrew. iOS 8, Thoroughly Reviewed. Ars Technica. 2014-09-17 [2014-09-19].

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]

[21]

[22]

[23]

[24]

[25]

[26]

[27]

[28]

[29]

[30]

[31]

[32]

[33]

[34]

[35]

Login

Top Links

Social Share

WebGL (21452 views - CAD & CAM (Mechanical) Dictionary)

PARTcloud - webgl