本页使用了标题或全文手工转换

WebGL

维基百科,自由的百科全书
跳转至: 导航搜索
WebGL
WebGL Logo.svg
原作者 Mozilla基金会
開發者 Khronos WebGL工作組
初始版本 2011年3月3日 (2011-03-03)[1]
穩定版本 2.0(2017年1月17日 (2017-01-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的工作組,最初的工作成員包括AppleGoogleMozillaOpera[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]

桌面瀏覽器[编辑]

行動瀏覽器[编辑]

WebGL和其它標準的整合[编辑]

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

参考文献[编辑]

  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. 
  4. ^ 4.0 4.1 4.2 WebGL - OpenGL ES 2.0 for the Web
  5. ^ WebGL Specification. Khronos.org. [2011-05-14]. 
  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). 
  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. ^ https://www.khronos.org/registry/webgl/specs/latest/2.0/
  14. ^ https://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]. 
  19. ^ WebGL in Chrome Stable! - Learning WebGL. learningwebgl.com. 
  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]. 
  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). 
  30. ^ 30.0 30.1 Mobile HTML5 compatibility on iPhone, Android, Windows Phone, BlackBerry, Firefox OS and other mobile devices. [2015-09-16]. 
  31. ^ iclkevin. 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]. 

外部链接[编辑]

參見[编辑]