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

admin

8 ~$ Q' b+ j" \9 F5 \5 A+ H【WebGL学习入门到精通】1. WebGL介绍
% e0 b4 I$ w6 Z, Z0 y. C$ ~9 |
" x( \! a' |& e
0 _2 y) e8 k3 H, C8 h+ S$ yWebGL (Web图形库) 是一种JavaScript API，用于在任何兼容的Web浏览器中呈现交互式3D和2D图形，而无需使用插件。WebGL通过引入一个与OpenGL ES 2.0紧密相符合的API，可以在HTML5 <canvas> 元素中使用。
+ Y7 X5 z! }' M& m3 a4 u" r6 |+ p) c
5 R7 h) [, d9 O; r' k+ w
目前支持 WebGL 的浏览器有：Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+ 和 Internet Explorer 11+；然而, WebGL一些特性也需要用户的硬件设备支持。
" e/ }$ Y0 S+ s  u/ f

<canvas> 元素也被 Canvas 2D 用于在网页上做2D图形。

* Q5 `8 y5 k0 p# E5 x# M浏览器的兼容如下：

  x$ s# {4 j" J) a2 X0 }. g
0 r! @$ M/ H, [! Z8 w
! l: C" y, k/ ]4 @3 r! _8 J3 _* e

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

1 V+ H9 i, l* y$ R  J