Appendices

Name: Discover three.js
Author: Lewy Blue

Welcome to the Appendices! Here, we cover all the technical details of building and running a high-performance, modern JavaScript app.

Table of Contents

0:Welcome to Discover three.js!
0.1:How to Use This Book
0.2:What Do You Need to Run a three.js App?
0.3:Welcome to the Community: three.js Around the Web
0.4:three.js on GitHub - Where the Magic Happens
0.5:How to Include three.js in Your Projects
0.7:Using three.js with React, Vue.js, Angular, Svelte, TypeScript...
1:Getting Started: Here's Where the Real Fun Begins!
1.1:The Structure of a three.js App
1.2:Your First three.js Scene: Hello, Cube!
1.3:Introducing the World App
1.4:Physically Based Rendering and Lighting
1.5:Transformations and Coordinate Systems
1.6:Making Our Scenes Responsive (and also Dealing with Jaggies)
1.7:The Animation Loop
1.8:A Brief Introduction to Texture Mapping
1.9:Extend three.js With a Camera Controls Plugin
1.10:Ambient Lighting: Illumination from Every Direction
1.11:Organizing Your Scenes
1.12:The Built-In Geometries
1.13:Load 3D Models in glTF Format
1.14:The three.js Animation System
2:Production Ready three.js
2.1:JavaScript Classes and Modules
2.2:A Bullet-Proof Reusable App
2.4:Using three.js with package managers such as NPM and Yarn
2.4:Working With Color
2.5:Bundling your JavaScript modules into a Single File
3:Components, Helpers, and Inheritance
3.1:The Object3D Base Class and Inheritance in three.js
3.2:The Scene Graph and the Scene Object
3.3:Visualizing the Invisible: Helper Objects
4:Textures, Models, Sounds, Fonts: Handling Assets Gracefully
4.1:Using Promises and async/await with three.js Loaders
4.2:A Secret Weapon: Draco Geometry Compression
4.3:The three.js LoadingManager
4.4:The Built-In three.js Asset Caching System
5:Cameras and Camera Controls
5.1:Working with the PerspectiveCamera
5.2:Creating 2D Scenes, GUIs, and Overlays: The OrthographicCamera
6:Interactivity
6.1:Adding Interactivity to Our Scene with Event Listeners
6.2:Camera Controls: You've Seen OrbitControls, Now What About the Rest?
6.3:Picking Objects in Our Scene with the Raycaster
7:Lighting and Shadows
7.1:Physically Correct Lighting Revisited
7.2:Working with the three.js Lights
7.3:Introducing Shadows
8:The Built-In Materials
8.1:Shading Models Used by the Built-In Materials
8.2:Common Material Properties And Methods
8.3:Physically Based Rendering with MeshStandardMaterial and MeshPhysicalMaterial
8.4:Fast, but OldSchool: MeshBasicMaterial, MeshLambertMaterial, MeshPhongMaterial, and MeshToonMaterial
8.5:Specialty Materials: MeshDepthMaterial and MeshNormalMaterial
9:Working with Textures
9.1:Loading and Working with Textures, and Preparing Textures for Use in Your Scenes
9.2:Adding Realism with Environment Maps
9.3:MeshStandardMaterial and the Metal/Rough Workflow
9.4:MeshPhongMaterial and the Specular Workflow
9.5:Bump, Normal, and Displacement Maps
9.6:Two Ways of Approaching Transparency
9.7:Emissive, Light, and Ambient Occlusion Maps
10:Understanding Geometry
10.1:Basic Geometry Concepts: Vertices, Normals and UVs
10.2:Creating A Custom Geometry
11:Points, Particles Systems, and Sprites
11.1:Particle Systems
11.2:Introducing Sprites
12:Lines, Shapes, and Text
12.1:Throwing Shapes: Recreating the 2D Canvas API in 3D
12.2:Text in 3D: The FontLoader and TextBufferGeometry
13:Rendering Your Scenes with WebGL
13.1:The WebGLRenderer in Depth
13.2:Rendering Off-Screen to a WebGLRendererTarget
14:Animating Your Scenes
14.1:Unraveling the Animation System
14.2:Introducing Morph Targets
14.3:Bones, Skinning, and Skeletal Animation
15:Post-Processing, Shaders, and Effects
15.1:Adding Post-Processing To A Scene
15.2:Anti-Aliasing A Post-Processed Scene
15.3:A Big List of all the Post Effects (currently) Available in three.js
16:Sound in a 3-Dimensional World
16.1:The WebAudio API
16.2:Positional Sound
A:Appendices
A.1:HTML and CSS Used in This Book
A.2:JavaScript Reference
A.3:The Document Object Model and DOM API
A.4:JavaScript Modules
A.5:Asynchronous JavaScript
B.1:Dealing with Different three.js Versions
R:References and Resources
R:The Big List of three.js Tips and Tricks!
:

Discover three.js has been updated to ES6!

Appendices