注意：另一方面就是网格模型的位置、角度、缩放属性，也会对转化代码也会有影响，后面遇到具体问题具体分析。对于不同形状的碰撞体Body，需要选择CannonJS不同的几何体表示，比如用球体。如果没有index数据，转化代码和上面稍微有区别。获取gltf模型的三角形顶点数据，转化为CannonJS凸多面体。提醒：学下面内容之前，确保你已经掌握前面基础课程介绍的几何体。注意：课程案例gltf模型有顶点索引

预处理命令#define、#ifdef、#if、#include本文是WebGL电子书的2.17节内容宏定义#define注意宏定义和着色器声明的变量不同，着色器程序执行前需要进行编译处理，着色器程序编译处理之后程序才会在GPU上执行，宏定义主要是在编译处理阶段起作用。比如宏定义#define PI 3.14,PI符号表示圆周率3.14，如果在代码return float f = PI*10...

需要生成一条飞线轨迹线，要求轨迹线把这两个点作为起始点,曲线有一定的高度。表示一个飞线曲线轨迹有多重方案，圆弧、椭圆弧、贝塞尔、样条…下面曲线的起始点设置在XOZ平面上，y方向为曲线高度方向。下面曲线的起始点设置在XOZ平面上，y方向为曲线高度方向。比如你有一个项目，已知平面上两个点坐标。

注意把纹理贴图.flipY的值设置给gltf中纹理的值false。下面给大家演示如何给gltf的网格模型Mesh更换颜色贴图。属性更换贴图，会出现纹理贴图错位的问题，这主要和纹理对象。表示是否翻转纹理贴图在Mesh上的显示位置。如果更换单独加载的纹理贴图，比如颜色贴图。注意：如果你直接给gltf模型材质设置。注意单独加载的纹理贴图的。gltf的贴图翻转属性。和webgl渲染器的。就可以更换材质贴图

前面几节课给大家说过，通过美术减面，可以把模型文件变小，不过除此外，还可以通过Draco压缩工具，把gltf模型里面的几何顶点数据进一步压缩。物联网、数字孪生、展厅等Web3D可视化项目，通常最大的文件是3D模型文件，再具体就是模型文件中的三角形面、顶点数据。模块，可以通过命令行压缩gltf模型文件，不过这比较麻烦，不采用这种方式，下面给大家演示Blender软件的压缩方式。，这时候你对比下，压缩

本节课做一个全流程演示，先用Blender绘制一个三维模型，接着导出gltf格式模型，最后threejs加载Blender导出的gltf模型。代码基础上给大家演示，咱们把threejs代码创建的长方体网格模型删除掉，然后加载Blender导出的gltf或glb格式模型代替。会返回一个gltf对象，作为参数2函数的参数gltf包含了模型的多种数据，其中。加载gltf格式的模型，需要借助threejs

顶点法向量数据光照计算本文是Three.js电子书的2.3节前面两节课讲解到了顶点位置坐标数据、顶点颜色数据，这节课讲解第三种顶点数据：顶点法向量。如果你有初高中物理的光学基础，应该会有漫反射、镜面反射的概念。比如太阳光照在一个物体表面，物体表面与光线夹角位置不同的区域明暗程度不同，WebGL中为了计算光线与物体表面入射角，你首先要计算物体表面每个位置的法线方向，在Threejs中表示物体的...

下面用一个立方体给大家进行测试验证，实际开发，你也可以从外部加载模型。几何体结构分为两种情况，一种有顶点索引index数据，一种没有，整体思路相同，只是注意获取顶点位置数据的语法细节不同。网格模型Mesh其实就一个一个三角形拼接构成，这意味着，我们可以通过计算Mesh所有三角形面积，然后累加，就可以获取模型的表面积。获取模型对象所有的三角形，分别计算某个三角形对应的面积，然后所有三角形面积累加，就

Three.js音频Threejs音频相关的API音频Audio、位置音频PositionalAudio、监听者AudioListener、音频分析器AudioAnalyser、音频加载器AudioLoader。关于这些API的具体介绍可以参考Three.js官方文档。音频Audio、位置音频PositionalAudio等Threejs类本质上是对原生Web Audio API的封装。关于...

设置播放模式为非循环模式的时候，你会发现关键帧动画执行完成一个后，模型回到了关键帧动画开头状态，如果你希望模型停留在关键帧动画结束的状态，可以设置。，做了整体介绍，下面进一步介绍关键帧动画播放的知识，比如关键帧动画停止播放、暂停播放、倍速播放…对象的功能就是用来控制如何播放关键帧动画，比如是否播放、几倍速播放、是否循环播放、是否暂停播放…方法，动画会停止，并结束，模型回到动画开始状态,注意不是暂停