WebGL

WebGL
原作者	Mozilla基金会
開發者	WebGL Working Group
首次发布	2011年3月3日
当前版本	2.0（2017年1月17日）
操作系统	跨平台
类型	API
网站	www.khronos.org/webgl/

WebGL是一種JavaScript API，用於在不使用外掛程式的情況下在任何相容的網頁瀏覽器中呈現交互式2D和3D圖形^[2]。WebGL完全整合到瀏覽器的所有網頁標準中，可將影像處理和效果的GPU加速使用方式當做網頁Canvas的一部分。WebGL元素可以加入其他HTML元素之中並與網頁或網頁背景的其他部分混合^[3]。WebGL程序由JavaScript編寫的控制代碼和OpenGL Shading Language（GLSL）編寫的著色器代碼組成，該語言類似於C或C++，並在電腦的圖形處理器（GPU）上執行。WebGL由非營利 Khronos Group設計和維護^[4]。

設計

WebGL 1.0基于OpenGL ES 2.0，並提供了3D圖形的API^[5]。它使用HTML5 Canvas并允许利用文档对象模型接口。WebGL 2.0基于OpenGL ES 3.0，確保了提供許多選擇性的WebGL 1.0擴充功能，並引入新的API^[6]。可利用部分Javascript实现自动記憶體管理^[4]。

歷史

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]。

桌面瀏覽器

Google Chrome – 從9.0開始支援預設啟用^[18]^[19]。
Internet Explorer – 从11开始支持^[20]。較舊的版本可以安裝第三方外掛程式來支援，如IEWebGL^[21]。
Mozilla Firefox – 從4.0開始支援預設啟用^[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]。

行動瀏覽器

参考文献

^ ^1.0 ^1.1 Khronos Releases Final WebGL 1.0 Specification. [2015-05-18]. （原始内容存档于2016-11-08）.
^ Gregg Tavares. WebGL Fundamentals. HTML5 Rocks. 2012-02-09.
^ Parisi, Tony. WebGL: Up and Running. O'Reilly Media, Incorporated. 2012-08-15 [2017-06-11]. （原始内容存档于2013-02-01）.
^ ^4.0 ^4.1 ^4.2 WebGL - OpenGL ES 2.0 for the Web
^ WebGL Specification. Khronos.org. [2011-05-14]. （原始内容存档于2012-04-12）.
^ 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]. （原始内容存档于2012-04-12）.
^ Google Body – Google Labs. Bodybrowser.googlelabs.com. [2011-05-14]. （原始内容存档于2011-05-13）.
^ 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.
^ Paul Mah. Google releases Chrome 9; comes with Google Instant, WebGL – FierceCIO:TechWatch. FierceCIO. February 8, 2011 [2012-03-20]. （原始内容存档于2011-10-25）.
^ WebGL in Chrome Stable! - Learning WebGL. learningwebgl.com. [2015-12-27]. （原始内容存档于2015-05-28）.
^ WebGL (Windows). 微软. [2014-03-05].
^ IEWebGL. Iewebgl. [2014-08-14].
^ Mozilla Firefox 4 Release Notes. Mozilla.com. 2011-03-22 [2012-03-20]. （原始内容存档于2011-03-23）.
^ New in OS X Lion: Safari 5.1 brings WebGL, Do Not Track and more. Fairerplatform.com. 2011-05-03 [2012-03-20]. （原始内容存档于2012-03-19）.
^ Enable WebGL in Safari. Ikriz.nl. 2011-08-23 [2012-03-20]. （原始内容存档于2012-03-04）.
^ 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]. （原始内容存档于2012-03-08）.
^ 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]. （原始内容存档于2013-03-12）.
^ Kersey, Jason. Chrome Beta for Android Update. Chrome Releases Blog. Google. [2013-08-23].
^ Opera Mobile 12. Opera Software. [27 February 2012]. （原始内容存档于2012年3月1日）.
^ 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]. （原始内容存档于2014-09-20）.

外部链接

官方网站
WebGL （页面存档备份，存于互联网档案馆）於MDN Web Docs

參見

[WebGLFinal-1] 1.0 ^1.1 Khronos Releases Final WebGL 1.0 Specification. [2015-05-18]. （原始内容存档于2016-11-08）.

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

[3] Parisi, Tony. WebGL: Up and Running. O'Reilly Media, Incorporated. 2012-08-15 [2017-06-11]. （原始内容存档于2013-02-01）.

[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]. （原始内容存档于2012-04-12）.

[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]. （原始内容存档于2012-04-12）.

[10] Google Body – Google Labs. Bodybrowser.googlelabs.com. [2011-05-14]. （原始内容存档于2011-05-13）.

[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] Paul Mah. Google releases Chrome 9; comes with Google Instant, WebGL – FierceCIO:TechWatch. FierceCIO. February 8, 2011 [2012-03-20]. （原始内容存档于2011-10-25）.

[19] WebGL in Chrome Stable! - Learning WebGL. learningwebgl.com. [2015-12-27]. （原始内容存档于2015-05-28）.

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

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

[22] Mozilla Firefox 4 Release Notes. Mozilla.com. 2011-03-22 [2012-03-20]. （原始内容存档于2011-03-23）.

[23] New in OS X Lion: Safari 5.1 brings WebGL, Do Not Track and more. Fairerplatform.com. 2011-05-03 [2012-03-20]. （原始内容存档于2012-03-19）.

[24] Enable WebGL in Safari. Ikriz.nl. 2011-08-23 [2012-03-20]. （原始内容存档于2012-03-04）.

[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]. （原始内容存档于2012-03-08）.

[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]. （原始内容存档于2013-03-12）.

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

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

[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]. （原始内容存档于2014-09-20）.

[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]

查论编科納斯組織制定標準
活跃	OpenCL SYCL OpenGL OpenGL ES WebGL OpenGL SC EGL（英语：EGL (OpenGL)） OpenVX OpenVG OpenXR SPIR（英语：Standard Portable Intermediate Representation） Vulkan glTF
不活跃	COLLADA（英语：COLLADA） OpenKCam OpenKODE（英语：OpenKODE） OpenMAX OpenML OpenSL ES（英语：OpenSL ES） OpenWF（英语：OpenWF） StreamInput WebCL（英语：WebCL）