Three.js入门篇之1 - WebGL on HTML

一. 何为WebGL？

      WebGL 是基于Web的 三维渲染接口，与OpenGL的不同之处在于，添加了对 JavaScript 的支持，能够为 HTML5 提供硬件加速的三维图形渲染（通过Canvas来和DOM打交道）。

      WebGL 是基于 OpenGL ES 2.0 的 Javascript API。通过 HTML5 的 Canvas 来和 DOM 打交道。

      讲到这里，总结一下：

1. 如果你是OpenGL程序员，学习WebGL对你来讲会是非常简单的；

     你只需要熟悉 JS 语法 和WebGL对应的API就好了，大多数人两个月能够入门。

2. 如果你只是熟悉 Web，那么GL对你来讲也许是个挑战；

     你要熟悉3D坐标系、World-View-Proj 成像、三维渲染流程、Shader等等，也许需要更多的时间。

       幸运的是，Three.js 引擎已经为我们提供了底层的封装，你需要提前熟悉三维渲染流程，然后 run demo，这是最好的也是最快的入门流程。

       Three.js 已在主流浏览器下得到支持，调试建议用 FireFox 或者 Chrome，下载地址：https://threejs.org/  ，下图是第一个例子效果：

       &