《学习Three.js:使用 JavaScript 和 WebGL 为 Web 编程 3D 动画和可视化,第 4 版》

作者:

日期:2023-02-19

出版:

  • 408
  • 0
  • 0

作品总结

《学习Three.js:使用 JavaScript 和 WebGL 为 Web 编程 3D 动画和可视化,第 4 版》

通过从头到尾使用 Three.js 创建令人惊叹的3D动画,以及基于浏览器的图形,成为一名富有创造力的 JavaScript 专业人士;

本书的主要特点

  • 使用光源、阴影、高级材质和纹理增强 3D 图形
  • 从外部源加载模型,可视化并使用JavaScript直接对其进行动画处理
  • 创建您自己的自定义 WebGL 着色器,探索 Three.js 的后处理功能,并学习如何与 Blender、React 和 Typescript 集成

本书的内容简介

Three.js已成为创建令人惊叹的3D WebGL内容的行业标准。在本版中,您将了解 Three 的所有功能.js并了解如何将其与最新的物理引擎集成。您还将掌握直接在浏览器中创建和动画沉浸式3D场景的强大能力,从而获得WebGL和现代浏览器的全部潜力。

本书从 Three.js 中使用的基本概念和构建块开始,并通过广泛的示例和代码示例帮助您详细探索这些基本主题。您将学习如何使用纹理和材质创建逼真的 3D 对象,以及如何从外部源加载现有模型。接下来,您将了解如何使用 Three.js 内置相机控件控制摄像机,这将使您能够在创建的 3D 场景中飞行或行走。后面的章节将介绍如何使用 HTML5 视频和画布元素作为 3D 对象的材质来制作模型动画。在了解如何向场景添加物理效果(如重力和碰撞检测)之前,您将学习如何使用变形目标和基于骨架的动画。最后,您将掌握将Blender与Three.js相结合并创建VR和AR场景。

在本书结束时,您将熟练地使用Three.js创建3D动画图形。

你将学到什么

  • 实现 Three.js 提供的不同相机控件来导航 3D 场景
  • 了解直接使用顶点来创建雪、雨和类似星系的效果
  • 从外部格式(如 glTF、OBJ、STL 和 COLLADA )导入模型并为其添加动画效果
  • 使用变形目标和基于骨骼的动画设计和运行动画
  • 使用材质上的高级纹理创建逼真的 3D 对象
  • 通过创建自定义顶点和片段着色器直接与 WebGL 交互
  • 使用剑杆物理引擎制作场景,并将Three.js与VR和AR集成

这本书是为谁写的

本书面向希望学习使用Three.js库的JavaScript开发人员。

目录

  1. 使用Three.js创建您的第一个3D场景
  2. 构成Three.js应用程序的基本组件
  3. Three.js中使用光源
  4. 使用Three.js材质
  5. 学习使用几何图形
  6. 探索高级几何图形
  7. 点和精灵
  8. 创建和加载高级网格和几何体
  9. 动画和移动相机
  10. 加载和使用纹理
  11. 渲染后处理
  12. 向场景添加物理和声音
  13. 使用Blender和Three.js
  14. Three.js连同React,Typescript和Web-XR

0条评论