AllBluefm的专栏

原因：FBX 是 Autodesk 的专有格式，是面向 3ds Max / Maya 的格式，Blender 支持不完善，而Three.js 的 FBXLoader 兼容 Autodesk FBX SDK 的结构，对某些不标准 FBX 有容错能力。描述：在 Blender 中打开 FBX：结构乱了，比如零件位置不对、车轮飞了、方向盘错位等。但在threejs中加载是正常的。解决方案：用 FBX2glTF 工具。

【代码】常见三维引擎坐标轴 webgl threejs cesium blender unity ue 左手坐标系、右手坐标系、坐标轴方向。

上篇写道，可通过修改相机fov方式缩放视角。本篇采用修改相机zoom方式缩放视角。对比zoom和fov。

iOS 的 WebGL 实现相对严格，某些特性可能不兼容，需要特殊处理，以下是一些优化项。四、压缩使用到的glb模型。一、设置renderer。三、使用ktx2压缩纹理。

疑问：按道理来说，设置 texture.flipY = true;就能翻转过来，达到和TextureLoader一样的效果，但设置了并没有生效，如果有大佬知道原因，请指教。默认不会翻转 Y 轴，采用的是图像原点在左上角的坐标系，因此它加载的图像会上下翻转。为了与传统的纹理坐标系统保持一致，KTX2 文件的解析通常会需要额外的转换。threejs中使用TextureLoader和KTX2Loader加载相同纹理，出现了上下翻转的情况。默认翻转 Y 轴，按正常的方式加载纹理图像，原点位于左下角，Y 轴朝上。

有两个模型，只需要在xy轴重合就认为它们是重合的，比如图一，看起来有重叠，但转动视角到图二，发现并没有重叠，此时如果用包围盒判断，这两个模型肯定是不相交的。此时可以压平包围盒，只计算 XY 平面上的重叠。

5、优化项（省略此步骤，直接进行步骤6），进入到视图着色方式（此时没有灯光，整体偏暗，如果不调整灯光，烘培出来的材质也偏暗，因此此步骤为优化项，通畅建议调整）。在右边栏进入世界环境，调整颜色。7、烘焙成功之后，新建一个材质，将第三步创建的纹理图像作为材质的纹理，连接到基础色，并把模型的材质改为此材质，其他的材质全部删除。2、处理uv，在侧边栏选择数据-uv贴图，选中使用的uv，进入编辑模式，全选，键盘u，选择智能uv投射。3、处理材质，在侧边栏选择材质，进入着色，在着色器编辑器新建一个图像纹理，新建图像。

为指定相机创建一个辅助对象，显示这个相机的视锥。

在上篇中写到，可以采取更改当前观察点或者相机的位置来解决，但如果此时只在缩放，并没有能点击的物体，此方法就不太适用了。此时可以采用监听wheel事件，改变fov的方式。优化：采用动画让缩放更平滑。

3、cesium：米，使用WGS84地理坐标系。1、blender：米。2、unreal：厘米。4、threejs：米。

orbitControls有个默认的minDistance，表示相机位置camera.position和相机目标观察点orbitControls.target的最小距离，出现上述情况的原因就是在当前视角下，相机位置和目标观察点距离小于minDistance了，导致相机的缩放没有反应。举个例子，点击模型，获取点击位置，将orbitControls.target设置成这个位置，再把camera.position沿着这个位置向后移动一点，此时相机就能看向你想看的位置，并且能继续缩放。

1、FBXLoader和TGALoader使用同一个LoadingManager。本例用的是threejs内置的全局加载器管理器DefaultLoadingManager。2、fbx文件和tga文件在同一个目录下，tga文件可以在子目录中，threejs会自动查找fbx所在目录及子目录。加载fbx之前，在LoadingManager中添加TGALoader。加载fbx后，找到使用tga的材质，再手动加载tga。1、需要知道哪个材质使用了tga。描述：threejs加载带tga贴图的fbx时，提示。

【代码】threejs 点击模型拾取，页面有偏移导致拾取不准。

【代码】threejs 获取视角 设置视角 camera OrbitControls。

注意setRotation设置的值是在初始rotation值的基础上设置的，不会覆盖初始rotation。用mapboxgl+threebox加载glb，有两种方式设置模型方向。