WebGL是什么

WebGL 是一种 JavaScript API，用于在不使用插件的情况下在任何兼容的网页浏览器中呈现交互式 2D 和 3D 图形。WebGL 完全集成到浏览器的所有网页标准中，可将影像处理和效果的 GPU 加速使用方式当做网页 Canvas 的一部分。WebGL 元素可以加入其他 HTML 元素之中并与网页或网页背景的其他部分混合。

WebGL 程序由 JavaScript 编写的句柄和 OpenGL Shading Language（GLSL）编写的着色器代码组成，该语言类似于 C 或 C++，并在电脑的图形处理器（GPU）上运行。WebGL 由非营利 Khronos Group 设计和维护。

设计

WebGL 1.0 基于 OpenGL ES 2.0，并提供了 3D 图形的 API。它使用 HTML5 Canvas 并允许利用文档对象模型接口。WebGL 2.0 基于 OpenGL ES 3.0，确保了提供许多选择性的 WebGL 1.0 扩展，并引入新的 API。可利用部分 Javascript 实现自动存储器管理。

历史

WebGL 起源于 Mozilla 员工弗拉基米尔·弗基西维奇的一项称为 Canvas 3D 实验项目。2006 年，弗基西维奇首次展示了 Canvas 3D 的原型。2007 年底在 Firefox 和 Opera 被实现。

在 2009 年初，非营利技术联盟 Khronos Group 引导了 WebGL 的工作组，最初的工作成员包括 Apple、Google、Mozilla、Opera 等。2011 年 3 月发布 WebGL 1.0 规范。截至 2012 年 3 月，工作组的主席由肯·罗素（Ken Russell，全名“Kenneth Bradley Russell”）担任。

WebGL 的早期应用包括 Zygote Body。

WebGL 2 规范的发展始于 2013 年，并于 2017 年 1 月完成。该规范基于 OpenGL ES 3.0。首度实现在 Firefox 51、Chrome 56 和 Opera 43 中。

支持

目前，WebGL 在最新的浏览器中被广泛支持。然而，其可用性取决于其他因素，如 GPU 支持。WebGL 官方网站提供了一个简单的测试页。而第三方网站提供了更详细的消息（如浏览器使用的渲染器以及可用的扩展）。