ThreeJS初识
1.Three.js
Three.js是JavaScript编写的WebGL第三方库。
Three.js是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。
GitHub源码:GitHub - mrdoob/three.js: JavaScript 3D Library.
Three.js官网: threejs.org/
npm安装:
npm install three
Three导入:
import * as THREE from 'three';
2.Three.js发展史
Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。
WebGL是基于OpenGL ES发展而来的,用于对二维及三维图像进行交互式渲染,主要内嵌于浏览器,可以与HTML5一起使用的Javascript API。
OpenGL ES是OpenGL的一个子集,主要用于移动平台上的图形绘制编程接口标准。主要满足嵌入式移动端开发。
OpenGL是用于渲染2D、3D矢量图形的跨语言、跨平台的应用程序编程接口(API)。用于视频,图片处理,2D/3D游戏引擎开发,科学,可视化软件,CAD,AR,VR等等。
各版本渲染库关系图
3.Three.js应用
Threejs官网中有着极为丰富的案例,可以根据个人的需求进行学习
1.数字孪生3D可视化
2.智慧城市、智慧交通、智慧工厂等
3.Web3D大屏展示
4.产品展厅