Three.js是一款运行在浏览器中的 3D 引擎(基于WebGL的API的封装),你可以用它来创造你所需要的一系列3D动画场景,如最近比较火的在线试衣间、医疗设备可视化等等,如果你第一次接触Three.js,那么就跟着我们的文章一起学习就好了。
什么是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网页游戏等等。
什么是OpenGL?
OpenGL(英语:Open Graphics Library)是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口(API)。这个接口由近350个不同的函数调用组成,用来绘制从简单的图形比特到复杂的三维景象。
也就是说OpenGL是一个大家都在使用的图形库标准。为了使得OpenGL可以在web开发中得以应用,WebGL封装了OpenGL的JavaScript实现。而实现的WebGL又因为API比较多,实际开发起来比较麻烦,于是Three.js又在WebGL上面给封装了一套,这样我们就可以愉快的使用Three.js来完成web 3D开发了。