【WebGL学习入门到精通】1. WebGL介绍

admin

  F; Q# b; ^, r% Q【WebGL学习入门到精通】1. WebGL介绍
' z7 P: Z) t, u! Q. n  a
4 W. ?) O0 ^4 O) Y) Q
8 M, O% |% E  i) c: G& d1 Q! y& ZWebGL (Web图形库) 是一种JavaScript API，用于在任何兼容的Web浏览器中呈现交互式3D和2D图形，而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API，可以在HTML5 <canvas> 元素中使用。

. A" i8 }. ~! i/ [- ^) l
目前支持 WebGL 的浏览器有：Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+ 和 Internet Explorer 11+；然而, WebGL一些特性也需要用户的硬件设备支持。
) h# P+ G* `" W9 ?- e9 t2 L% d

* P$ Q1 b1 ?( ?* G) O  B <canvas> 元素也被 Canvas 2D 用于在网页上做2D图形。
; X# l) J6 `( H5 l% c$ Z
) ?/ |2 K' k5 A! h3 N; H% \浏览器的兼容如下：
0 K1 a  H" j+ _. u4 `, @

  y5 h/ F4 Z3 ]5 |" y
! }' w) z4 b* L8 {' T

WebGL 使得在支持HTML 的 canvas 标签的浏览器中，不需要安装任何插件，便可以使用基于 OpenGL ES 2.0 的 API 在 canvas 中进行2D和3D渲染。WebGL程序包括用 JavaScript 写的控制代码，以及在图形处理单元（GPU, Graphics Processing Unit）中执行的着色代码（GLSL，注：GLSL为OpenGL着色语言）。WebGL 元素可以和其他 HTML 元素混合使用，并且可以和网页其他部分或者网页背景结合起来。

# j5 v( ^8 q5 C/ ]& \7 a2 i