Three.js在过去几年中已经成为创建令人惊叹的3D WebGL内容的标准方式。在本书中,我们将探讨Three.js的所有特性,并提供额外的内容,包括如何将Three.js与Blender、React、TypeScript以及最新的物理引擎进行集成。
在本书中,你将学习如何在浏览器中直接创建和动画化沉浸式3D场景,充分利用WebGL和现代浏览器的潜力。
本书从Three.js使用的基本概念和模块开始,并通过大量的示例和代码帮助你详细了解这些基本主题。你还将学习如何使用纹理和材质创建逼真的3D对象。除了手动创建这些对象之外,我们还将解释如何从外部文件加载现有模型。接下来,你将了解如何使用Three.js内置的相机控件轻松控制相机,这将使你能够在你创建的3D场景中飞行或行走。然后,后面的章节将向你展示如何将HTML5视频和canvas元素用作3D对象的材质并为你的模型添加动画。你将学习如何使用变形和蒙皮动画,了解如何将物理效果(如重力和碰撞检测)添加到场景中。最后,我们将解释如何将Blender与Three.js结合使用,如何将Three.js与React和TypeScript集成,以及如何使用Three.js创建VR(Virtual Reality,虚拟现实)和AR(Augmented Reality,增强现实)场景。
通过阅读本书,你将掌握使用Three.js创建3D动画图形所需的技能。
本书专为JavaScript开发者编写,旨在帮助他们掌握Three.js库的用法。
第1章将介绍Three.js库,介绍如何设置你的开发环境,并展示如何创建你的第一个应用程序。
第2章将解释Three.js的核心概念,并介绍每个Three.js应用程序所需的基本组件。
第3章将介绍你可以在Three.js中使用的所有光源,以及如何将光源添加到你的Three.js场景中。
第4章将概述在使用Three.js创建可视化对象时可以使用的不同材质。
第5章将解释Three.js提供的基本几何体,以及如何使用和自定义它们。
第6章将详细解释Three.js提供的高级几何体。
第7章将描述如何在屏幕上创建和操作大量的点和精灵,以及如何更改这些点的外观。
第8章将提供关于如何组合和合并对象,以及如何从外部源加载现有模型的示例和说明。
第9章将介绍Three.js提供的不同相机控制方式,并解释在Three.js中动画是如何工作的,以及如何从外部源加载动画。
第10章将概述Three.js中提供的不同类型的纹理,并介绍如何使用它们来配置Three.js材质。
第11章将描述如何向场景添加渲染后期处理效果,如模糊、光晕和颜色调整。
第12章将介绍Rapier物理引擎库,它可以让你的对象相互作用,模拟现实世界。本章还将展示如何向场景添加有向音频。
第13章将提供有关如何将Blender与Three.js集成、交换模型以及使用Blender烘焙纹理的信息。
第14章将展示如何将Three.js与React和TypeScript结合使用,并概述Three.js对Web-XR标准的支持,以及如何创建VR和AR场景。
阅读本书不需要具备太多的预备知识。唯一的要求是需要掌握一些基本的JavaScript知识。本书提供了有关如何设置开发环境、安装任何附加工具和库以及运行示例的说明。
你可以从GitHub上的https://github.com/PacktPublishing/Learn-Three.js-Fourth-edition下载本书的示例代码文件。如果代码有更新,则将在GitHub存储库中更新。