Three.js——基于原生WebGL封装运行的三维引擎

---

前言

Three.js中文官网
Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。既然Threejs是一款WebGL三维引擎，那么它可以用来做什么想必你一定很关心。所以接下来内容会展示大量基于Threejs引擎或Threejs类似引擎开发的Web3D应用，以便大家了解。

---

一、什么是WebGL？

WebGL（英语：Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。

---

二、Three.js 特性

1、效果：浮雕，对眼和视差屏障。

2、场景：在运行时添加和删除对象；雾

3、镜头：视角和正字法；控制器：轨迹球、FPS、路径等

4、动画：电枢，运动学，逆运动学，变形和关键帧

5、灯光：环境、方向、点和点光；阴影：投射和接收

6、材料：Lambert、海防、光滑阴影，纹理和更多

7、材质：访问完整的 OpenGL 着色语言（GLSL）能力：镜头光晕，经过深入而广泛的后置处理库

8、对象：网格、粒子、精灵、线、带、骨头和更多-所有细节层次

9、几何：平面，立方体，球体，圆环，3D 文本等；修改器：车床，挤压和管

10、数据加载器：二进制，图像，JSON 和场景

11、事业：全套时间和三维数学函数包括锥、矩阵、四元、UVs 等

12、输入输出：three.js-compatible JSON 文件：Blender，openctm，FBX，Max，OBJ

13、支持：API 文档正在建设中，公共论坛和维基全面运作

14、例子：超过 150 个文件的编码例子加字体，模型，纹理，声音和其他支持文件

15、调试：Stats.js，WebGL 检查员，Three.js 检查员