threejs

threejs column articles.

• 21. 各种灯光和常用 Helper（二）

  Published:2026年4月29日

  |  at 00:00

  上节还剩了两种灯光，还有各种 Helper，这节我们继续：

• 22. 顶点法线和反射原理

  Published:2026年4月29日

  |  at 00:00

  我们知道，用基础材质 MeshBasicMaterial 是不受光照影响的，而漫反射材质 MeshLambertMaterial 或者镜面反射材质 MeshPhongMaterial 都可以反光。

• 23. 自定义顶点颜色实现渐变

  Published:2026年4月29日

  |  at 00:00

  我们学过了 geometry 的很多属性：

• 24. 实战：颜色渐变柱状图

  Published:2026年4月29日

  |  at 00:00

  echarts 的柱状图可以设置多种颜色，根据不同的数值大小来显示不同的颜色，中间的数值颜色渐变：

• 25. 如何加载外部模型

  Published:2026年4月29日

  |  at 00:00

  前面我们用 Three.js 的几何体画过房子：

• 26. GLTF 的三种文件结构

  Published:2026年4月29日

  |  at 00:00

  上节我们加载了一个 gltf 的模型，并用 Three.js 渲染了出来：

• 27. gltf-pipeline：处理 gltf 模型的工具

  Published:2026年4月29日

  |  at 00:00

  上节讲了 gltf 模型有三种格式，包括 glb、gltf、gltf + bin + jpg/png

• 28. Draco：压缩 gltf 模型，提升性能

  Published:2026年4月29日

  |  at 00:00

  gltf 模型通常会比较大，导致 3D 场景加载较慢。

• 29. 包围盒与模型大小计算

  Published:2026年4月29日

  |  at 00:00

  不同模型的大小都不同：

• 30. 包围盒 Box3 常用 api

  Published:2026年4月29日

  |  at 00:00

  上节我们学了包围盒 Box3，并且计算了模型大小：