Three.js 锯齿 使用 EffectComposer 后处理
在没有使用 EffectComposer 后处理的时候关于渲染器的锯齿问题，可以参考本站文章 Three.js 锯齿 FXAAShader 着色器通道设置 引入着色器文件 FXAAShad…
Three.js 物理材质 MeshStandardMaterial 和 MeshPhysicalMaterial
MeshStandardMaterial 和 MeshPhysicalMaterial 类是PBR物理材质，可以更好的模拟光照计算，相比较高光网格材质 MeshPhongMaterial 渲染效果更逼真。 …
Three.js 音频
Threejs 音频相关的 API 音频 Audio、位置音频 PositionalAudio、监听者 AudioListener、音频分析器 AudioAnalyser、音频加载器 AudioLoader。关于这…
Three.js 层级模型 Group
本文通过 Three.js 的一个类 Group 来介绍 Threejs 层级模型的概念，如果你对 WebGL 层级模型已经有一定的概念，直接把重点放在 Group 的了解上，如果…
Three.js 物体模型朝向某个对象
在 Threejs 中可以通过模型对象的 .lookAt() 方法控制表示某个物体的模型始终朝向某个模型或者说位置。 比如 cylinderMesh 模型表示一个摄像机对象，…
Three.js 材质透明度设置
材质：材质就像物体的皮肤，决定了几何体的外表，例如是否像草地/金属，是否透明，是否显示线框等 Three.js 提供了一个材质基类 THREE.Material，该基…
Three.js 如何三维建模
通过材质的透明度属性 .opacity 可以设置材质的透明程度，.opacity 属性值的范围是 0.0~1.0，0.0 值表示完全透明, 1.0 表示完全不透明，.opacity默认…
Three.js 全屏 / 局部 渲染
通过 Three.js 发开 Web3D 应用的时候，渲染窗口可能是全屏效果占满web页面整个body区域，也可能是web页面上一个特定位置特定区域，比如渲染区域是一…
Three.js 精灵模型 Sprite
Three.js的精灵模型对象Sprite和Threejs的网格模型Mesh一样都是模型对象，基类都是Object3D,关于精灵模型对象Sprite的方法和属性除了可以查看文档obje…
Three.js 矩形平面 PlaneGeometry
通过 PlaneGeometry 类可以创建一个矩形几何体，PlaneGeometry 的基类是 Geometry 和 PlaneGeometry 功能相同的类是PlaneBufferGeometry，PlaneBuffer…
Three.js 圆柱 CylinderGeometry
通过 CylinderGeometry 类可以创建一个圆柱或圆台几何体。通过构造函数 CylinderGeometry 创建一个几何体，前两个参数如果相同是圆柱，不同就是圆台，…
Three.js 边界线框 EdgesGeometry
网格模型 Mesh 材质的.wireframe属性设置为 true，网格模型会显示为线框模式，网格模型的每一个三角形会通过 Threejs 线模型 Line 绘制出来。有时候并…
Three.js 删除模型对象 .remove() 和 .dispose() 方法
通过Threejs开发Web3D应用的时候，可能需要删除场景中的模型对象，如果想从一个场景 Scene 或组对象 Group 删除一个三维模型对象，可以通过 .remove()…
Three.js 加载 .GLTF 文件
本文主要对三维模型的 GLTF 格式进行介绍，然后讲解如何通过 Threejs 加载 .GLTF 格式模型文件。 GLTF 格式是新 2015 发布的三维模型格式，随着物联网…
Three.js 本地矩阵 .materix 和世界矩阵 .matrixWorld
在学习本地矩阵 .materix 之前你应该先对 WebGL 的旋转、平移、缩放等变换矩阵有一定的认知，在了解世界矩阵.matrixWorld之前你应该现对象Three.js中…
