ThreeJS初识

238 阅读1分钟

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等等。

1676614521731.png

各版本渲染库关系图

3.Three.js应用

Threejs官网中有着极为丰富的案例,可以根据个人的需求进行学习

1.数字孪生3D可视化

2.智慧城市、智慧交通、智慧工厂等

3.Web3D大屏展示

4.产品展厅