Learning Three.js: The JavaScript 3D Library for WebGL, 2nd Edition

Book Description

Create stunning 3D graphics in your browser using the Three.js JavaScript library

About This Book

• Enhance your 3D graphics with light sources, shadows, advanced materials, and textures
• Load models from external sources, and visualize and animate them directly from JavaScript
• Each subject is explained using extensive examples that you can use directly and adapt for your own purposes

Who This Book Is For

If you know JavaScript and want to start creating 3D graphics that run in any browser, this book is a great choice for you. You don’t need to know anything about math or WebGL; all that you need is general knowledge of JavaScript and HTML.

What You Will Learn

• Use the different geometries that are provided by Three.js
• Apply realistic lighting and shadows to the 3D objects you have created
• Use the different camera controls provided by Three.js to effortlessly navigate around your 3D scene
• Make use of advanced textures on materials to create realistic-looking 3D objects by using bump maps, normal maps, specular maps, and light maps
• Import and animate models from external formats, such as OBJ, STL, Collada, and many more
• Create and run animations using morph targets and bone animations
• Explore the Physijs JavaScript library to apply physics to your 3D objects
• Interact directly with WebGL by creating custom vertex and fragment shaders

In Detail

Modern browsers support WebGL, which makes it possible to create 3D graphics in a browser without having to use plugins such as Flash and Java. Programming WebGL, however, is difficult, complex, and very difficult to debug. With Three.js, it is possible to create stunning 3D graphics in an intuitive manner using JavaScript, without the need to know the details of WebGL.

Learning Three.js – the JavaScript 3D Library for WebGL, Second Edition, is a practical, example-rich book that will help you learn about all the features of Three.js. This book will show you how to create or load models from externally created models and realistic-looking 3D objects using materials and textures. You’ll also learn how to use the HTML5 video and canvas elements as a material for your 3D objects, different ways of animating your models, skeleton-based animation, and how to add physics such as gravity and collision detection to your scene. By the end of the book, you’ll know everything that is required to create 3D animated graphics that run in any browser using Three.js.

Table of Contents

Chapter 1: Creating Your First 3D Scene with Three.js
Chapter 2: Basic Components That Make Up a Three.js Scene
Chapter 3: Working with the Different Light Sources Available in Three.js
Chapter 4: Working with Three.js Materials
Chapter 5: Learning to Work with Geometries
Chapter 6: Advanced Geometries and Binary Operations
Chapter 7: Particles, Sprites, and the Point Cloud
Chapter 8: Creating and Loading Advanced Meshes and Geometries
Chapter 9: Animations and Moving the Camera
Chapter 10: Loading and Working with Textures
Chapter 11: Custom Shaders and Render Postprocessing
Chapter 12: Adding Physics and Sounds to Your Scene

中文：

书名：Learning Three.js: The JavaScript 3D Library for WebGL, 2nd Edition

使用Three.js JavaScript库在浏览器中创建令人惊叹的3D图形

关于本书

• 使用光源、阴影、高级材质和纹理增强3D图形
• 从外部源加载模型，并直接从JavaScript可视化和动画
• 每个主题都使用大量的示例进行说明，您可以直接使用这些示例，并根据自己的目的进行调整

这本书是为谁写的

如果您了解JavaScript，并且想要开始创建可以在任何浏览器上运行的3D图形，这本书是您的最佳选择。你不需要知道任何关于数学或WebGL的知识；你所需要的只是一些关于脚本和超文本标记语言的常识。

你将学到什么

• 使用Three.js提供的不同几何图形
• 将逼真的照明和阴影应用于已创建的3D对象
• 使用Three.js提供的不同相机控件轻松地在3D场景中导航
• 利用材质上的高级纹理，通过使用凹凸贴图、法线贴图、镜面反射贴图和光照贴图来创建逼真的3D对象
• 从外部格式(如OBJ、STL、COLLADA等)导入模型并设置其动画
• 使用变形目标和骨骼动画创建和运行动画
• 浏览Physijs JavaScript库以将物理学应用于您的3D对象
• 通过创建自定义顶点和片段着色器直接与WebGL交互

In Detail

现代浏览器支持WebGL，这使得在浏览器中创建3D图形成为可能，而不必使用Flash和Java等插件。然而，编程WebGL是困难的、复杂的，并且非常难以调试。有了Three.js，就可以使用JavaScript以直观的方式创建令人惊叹的3D图形，而不需要了解WebGL的细节。

学习Three.js-WebGL的JavaScript 3D库，第二版，是一本实用的、示例丰富的书，将帮助您了解Three.js的所有功能。本书将向您展示如何使用材质和纹理从外部创建的模型和逼真的3D对象创建或加载模型。您还将学习如何使用HTML5视频和画布元素作为3D对象的材质、设置模型动画的不同方法、基于骨骼的动画，以及如何将重力和碰撞检测等物理特性添加到场景中。到本书结束时，您将了解创建在任何使用Three.js的浏览器上运行的3D动画图形所需的一切。

目录表

第1章：使用Three.js创建第一个3D场景
第2章：组成Three.js场景的基本组件
第3章：使用Three.js中提供的不同光源
第4章：使用Three.js材质
第5章：学习使用几何图形
第6章：高等几何和二元运算
第7章：粒子、精灵和点云
第8章：创建和加载高级网格和几何图形
Chapter 9: Animations and Moving the Camera
第10章：加载和使用纹理
第11章：自定义着色器和渲染后处理
第12章：将物理和声音添加到场景中