前言

在过去的几年里，Three.js已经成为创建令人惊叹的3D WebGL内容的标准方式。在本课程中，我们将介绍Three.js的所有功能，并提供有关如何将Three.js与Blender、React、TypeScript和最新的物理引擎集成。

在这本书中，您将学习如何直接在浏览器中创建沉浸式3D场景并设置动画，充分利用WebGL和现代浏览器的潜力。

本书从Three.js中使用的基本概念和构建块开始，帮助您探索通过大量的示例和代码示例详细介绍了这些重要主题。您还将学习如何

使用纹理和材质创建逼真的三维对象。除了手动创建这些对象之外，我们还将解释如何从外部源加载现有模型。接下来，您将了解如何使用Three.js内置的相机控件轻松控制相机，这将使您能够飞行或在您创建的三维场景中漫游。随后的章节将向您展示如何使用HTML5视频和画布元素作为3D对象的材质，并为模型设置动画。你会学到的如何使用变形和基于骨架的动画，然后再了解如何添加物理，例如如重力和碰撞检测。最后，我们将解释如何将Blender与Three.js，如何将Three.js与React和TypeScript集成，以及如何使用Three.js来创建VR和AR场景。

到本书结束时，您将获得创建3D动画图形所需的技能使用Three.js。