WebGL - 为互联网生而

Posted 2021-04-25 JavaEE企业级开发

WebGL is a cross-platform, royalty-free web standard for a low-level 3D graphics API based on OpenGL ES 2.0, exposed through the html5 Canvas element as Document Object Model interfaces. Developers familiar with OpenGL ES 2.0 will recognize WebGL as a Shader-based API using GLSL, with constructs that are semantically similar to those of the underlying OpenGL ES 2.0 API. It stays very close to the OpenGL ES 2.0 specification, with some concessions made for what developers expect out of memory-managed languages such as javascript.

WebGL 是免授权费的，跨平台的应用程序接口API，它将OpenGL ES 2.0作为在HTML网页内的3D绘图环境，作为低级别文档对象模型接口开放。它使用OpenGL渲染语言GLSL ES，并可被整洁地与其他3D内容上层或下层的网页内容捆绑。它是使用JavaScript编程开发语言开发适合动态3D网页应用的理想工具，并已被主流互联网浏览器集成。

WebGL brings plugin-free 3D to the web, implemented right into the browser. Major browser vendors Apple (Safari), Google (Chrome), Mozilla (Firefox), and Opera (Opera) are members of the WebGL Working Group.

WebGL不需要3D插件，就可以在web页面里展示。同时支持主流浏览器，比如苹果Safari，谷歌Chrome，Mozilla火狐和Opera，而且它们都是WebGL工作组成员。

• WebGL 1.0 Specification（1.0版本规范）

• WebGL Public Wiki（公开维基）

• WebGL Public Mailing List (spec discussion) and Public Mailing List Archives

• WebGL Reference Card

• Google Groups and StackOverflow discussions on developing with WebGL

• Filing bugs about the WebGL spec or conformance tests

• WebGL Security white paper

由于原生WebGl的复杂性，现已有许多优秀的开源框架可供使用：

 【WEBGL最受欢迎的框架】

Three.js 是一个开源的JavaScript 3D引擎，该项目的目标是创建一个低复杂、轻量级的3D库，用最简单、直观的方式封装WebGL中的常用方法。目前由一个强大的贡献团队维护。

 

PhiloGL 是由Sencha 实验室开发的一个新的WebGL开源框架，提供了强大的API，可帮助开发者轻松开发WebGL并整合到Web应用中，实现数据可视化，代码。创作和游戏开发。

一个强大的3D游戏引擎，由Microsoft的员工David Cathue主导开发。和Three.js相比，three.js更倾向于动画，而Babylon.js则更适合游戏开发。

SceneJS是一个开源的JavaScript 3D引擎，特别适合需要高精度细节的模型需求，比如工程学和医学上常用的高精度模型。

 

X3DOM是一个实验性的开源框架，它有一个原创的X3D元素，可以通过X3D插件、Flash或WebGL渲染。

 

这是一个“商业级别的WebGL 3D引擎和编辑器”，你可以免费使用，但是要想获得未压缩的完整版带支持文档的源码和其他服务，则需要购买授权。

 

每个框架都有各自的特点，开发者可以根据自己的需求选择最适合自己的框架。在接下来的几章中，我们会使用Three.js作为3D引擎做示例，它是目前最受欢迎的WebGL框架。

在这么多WebGL框架中应用最广泛的，相关文档资料最丰富的当数three.js莫属了。