一，初始化1，安装依赖（注意项目name不能为three，否则会有冲突）npm i three --save2，在需要使用three的组件中引入threeimport THREE from "three";3，初始化（1）场景scene初始化this.secen = new THREE.Secen();（2）相机camera初始化const aspect = window.i...

二，模型加载在three官方文档中可以看到有多种加载器，这里我采用的是objLoader，obj模型是产品给的，关于3d建模不是很清楚就不说了。关于模型，我这里用到了两个文件（其实是产品就给了两个，模型不同文件个数不一定，有的可能还会用到图片）。分别是obj和mtl文件，obj文件即3d模型，但是他只有形状，没有外观，如色彩啊等等，所以需要mtl材质文件。（1）加载模型，需要使用加载器。这里...

实际需求中，模型总会有一个文字标签，解释模型相关的信息。这里要用到的是：精灵平面（Sprite）精灵平面（Sprite）是一个在3D场景中总是面对着相机的平面。也就是无论你怎么旋转，你会发现他都朝向你哟，是不是很厉害的样子~好的，现在开始给模型增加sprite：（1）利用canvas绘制文字，作为sprite的材质var canvas = document.createElement(...