背景 ​ 由于公司业务的持续发展，模型的体积从几十兆变成几百兆又逐渐增加到上G，同样，请求速度和加载速度也从几秒钟变成几分钟。作为一个急性子，加载loading页面这么久，这不能忍，这绝对不能忍。因此

在3D世界中，很多模型，包括OBJ、VTK、GLTF等等，它们有很多相似的地方。无论是什么模型，在三维世界中它们都是由点线面组成的，在加上纹理、材质和光线，就更接近自然世界中的物体。

上一节我们主要做了将obj模型加载到场景中，并且给模型添加了纹理贴图，这节我们来具体讲述下OBJLoader使用过程中需要注意的一些问题。让我们来看看吧。

「这是我参与2022首次更文挑战的第16天，活动详情查看：2022首次更文挑战」 .obj obj文件是3D模型文件格式。 它包含的信息都是几何体顶点相关数据，不包含动画、材质特性、粒子等信息。 使用

本文主要展示three.js如果导入多个外部模型（obj），并增加控制器，从而达到缩放、旋转、拖拽、平移的效果。 but 这还不够，现在只是可以显示出来，不能进行任何操作。

在Three.js中，像创建比较简单的Mesh时，我们可以直接使用Three.js自带的API实现，如果当我们需要创建形状复杂的物体时，我们就需要导入模型。

Three.js 提供了很多原始模型，但如果我们需要更复杂的模型，最好使用 3D 软件建模，然后导入到场景中。本节我们就来学学如何导入一个做好的 3D 模型。

初我想做的时直升飞机在绿色的草坪起飞的场景，但是经费和时间有限就先实现一个低配版的场景加入纹理贴图和.glb格式模型

纹理贴图（Textures）字面意思就是給几何体对象贴上不同的纹理图！它是 Three.js一个很重要的内容，掌握了纹理贴图可以让3d效果产生质的飞跃。