一、什么是ThreeJS?
简单来说,ThreeJS就是前端开发使用的一个三方库,和dayjs、Echarts一样;不简单的是,ThreeJS可以帮我我们在2D页面上绘制3D效果。
二、2D与3D的互相转化
2D,即只有X轴和Y轴的二维平面,生活中常见的照片、画、以及电脑平面都可以看作是2D平面;
3D,有X轴、Y轴以及Z轴的三维空间,我们真是生活所在的世界就可以看作一个3D空间;
1、3D到2D
那如何将3D的空间映射到2D中呢?其实我们生活中已经经常会用到,那就是照相机拍照;我们通过相机,可以将生活中的一个立体的空间,变成一个2D的照片;
2、2D到3D
那如何在2D平面中,还原3D的世界呢?在Web端开发中,我们需要用到WebGL,而three.js是一款基于原生WebGL封装通用Web 3D引擎,目前three.js已广泛应用于物联网、数字孪生、智慧城市园区、智慧看房等各个领域。
三、学习ThreeJS
基于工作的需要以及技术的追求,开始学习ThreeJS,并生成笔记,当作学习过程的记录。
- 学习网站: Three.js中文网
- 学习环境:Vue3 + Typescript
- 代码编辑器:vscode