threejs

threejs column articles.

• 1. 开篇词

  Published:2026年4月29日

  |  at 00:00

  3D 是前端的一个重要分支，而 Three.js 是最主流的 3D 渲染框架。

• 2. 实战列表

  Published:2026年4月29日

  |  at 00:00

  这一节单独来列一下我们做过的所有实战，持续更新：

• 3. 通知

  Published:2026年4月29日

  |  at 00:00

  通知一

• 4. 第一个 3D 场景

  Published:2026年4月29日

  |  at 00:00

  Three.js 是用来创建和渲染三维世界的。

• 5. dat.gui 可视化调试

  Published:2026年4月29日

  |  at 00:00

  上节我们设置立方体大小、相机位置、光照强度等，都是直接设置了一个值。

• 6. 深入理解透视相机和视椎体

  Published:2026年4月29日

  |  at 00:00

  对于刚接触 Three.js 的同学来说，透视相机的视椎体确实是个比较难理解的概念。

• 7. BufferGeometry：顶点生成各种几何体

  Published:2026年4月29日

  |  at 00:00

  前面我们用过立方体 BoxGeometry，其实 Three.js 还有很多别的几何体。

• 8. 点模型、线模型、网格模型

  Published:2026年4月29日

  |  at 00:00

  上节我们学了网格模型，也就是每三个顶点构成一个三角形，三角形构成各种几何体。

• 9. 实战：随机山脉地形

  Published:2026年4月29日

  |  at 00:00

  学完顶点和网格模型之后，我们来做一个实战：生成山脉地形。

• 10. 材质颜色和纹理贴图

  Published:2026年4月29日

  |  at 00:00

  所有的物体，不管是网格模型 Mesh、点模型 Points、还是线模型 Line，都是由几何体和材质构成。