Three.js

Three.js

如今浏览器的功能越来越强大,而且这些功能可以通过 JavaScript 直接调用。你可以用 HTML5 标签轻松地添加视频和音频,而且可以在 HTML5 画布上创建各种交互组件。现在 这个功能集合里又有了一个新成员,即支持 WebGL。通过 WebGL,你可以直接使用显卡的 计算资源,创建高性能的二维和三维计算机图形,然后在 JavaScript 里直接使用 WebGL 编 程,创建三维场景并生成动画,这个过程非常复杂,而且容易出错。Three.js 库可以简化这 个过程。Three.js 可以帮助我们的地方如下:

  • 创建简单的和复杂的三维图形
  • 在三维场景中生成动画、移动物体
  • 在物体上应用纹理和材质
  • 从三维建模软件中加载图形
  • 创建基于样条曲线的二维图形

Three.js vs WebGL

Three.js 经常会和 WebGL 混淆;Three.js 其实是使用 WebGL 来绘制三维效果的。WebGL 是一个只能画点、线和三角形的非常底层的系统. 想要用 WebGL 来做一些实用的东西通常需要大量的代码,这就是 Three.js 的用武之地。它帮我们处理了像场景、灯光、阴影、材质、贴图、空间运算、几乎所有你需要自己通过 WebGL 来实现的东西。

Links