- Three.js Cookbook
- Table of Contents
- Three.js Cookbook
- Credits
- About the Author
- Acknowledgments
- About the Reviewers
- www.PacktPub.com
- Preface
- Getting started with the WebGL renderer
- Getting started with the Canvas renderer
- Getting started with the CSS 3D renderer
- Detecting WebGL support
- Setting up an animation loop
- Determining the frame rate for your scene
- Controlling the variables used in the scene
- Setting up a local web server with Python
- Setting up a local web server using Mongoose
- Solving cross-origin-domain error messages in Chrome
- Solving cross-origin-domain error messages in Firefox
- Adding keyboard controls
- Loading textures asynchronously
- Loading models asynchronously
- Loading models asynchronously with progress
- Waiting until resources are loaded
- Dragging a file from the desktop to the scene
- 2. Geometries and Meshes
- Pointing an object to another object
- Rendering 3D formulas as 3D geometries
- Extending Three.js with a custom geometry object
- Creating a spline curve between two points
- Creating and exporting a model from Blender
- Using OBJMTLLoader with multiple materials
- Applying matrix transformations
- 3. Working with the Camera
- Introduction
- Making the camera follow an object
- Zooming the camera to an object
- Using a perspective camera
- Using an orthographic camera
- Creating a 2D overlay
- Rotating the camera around a scene
- Matching the rendered view to a resized browser
- Converting world coordinates to screen coordinates
- Selecting an object in the scene
- 4. Materials and Textures
- Introduction
- Adding depth to a mesh with a bump map
- Adding depth to a mesh with a normal map
- Using HTML canvas as a texture
- Using HTML video as a texture
- Creating a mesh with multiple materials
- Using separate materials for faces
- Setting up repeating textures
- Making part of an object transparent
- Using a cubemap to create reflective materials
- Using a dynamic cubemap to create reflective materials
- Using Blender to create custom UV mapping
- Configuring blend modes
- Using a shadow map for fixed shadows
- 5. Lights and Custom Shaders
- Introduction
- Creating shadows with THREE.SpotLight
- Creating shadows with THREE.DirectionalLight
- Softening lights by adding ambient lighting
- Using THREE.HemisphereLight for natural lighting
- Adding a moving all-directional light
- Moving a light source along a path
- Making a light source follow an object
- Creating a custom vertex shader
- Creating a custom fragment shader
- 6. Point Clouds and Postprocessing
- Styling individual points
- Moving individual points of a point cloud
- Setting up the basic postprocessing pipeline
- Creating custom postprocessing steps
- Saving WebGL output to disk
- 7. Animation and Physics
- Introduction
- Creating animations with Tween.js
- Animating using morph targets
- Animating with skeletons
- Using morph animations created in Blender
- Using skeleton animations created in Blender
- Adding a simple collision detection
- Saving a movie of an animation in Chrome
- Dragging and dropping objects around a scene
- Index
In this chapter, we'll cover the following recipes:
- Creating animations with Tween.js
- Animation using morph targets
- Animation with skeletons
- Using morph animations created in Blender
- Using skeleton animations created in Blender
- Adding a simple collision detection
- Saving a movie of an animation in Chrome
- Dragging and dropping objects around a scene
- Adding a physics engine
In the chapters so far, we've mostly dealt with static scenes or scenes with limited animation. In this chapter, we show you a number of recipes that you can use to make your scenes more dynamic. We show you recipes that talk about how to add advanced animations, how to drag and drop objects around your scene, and even how to add physics to your scene, such as gravity and collision detection.
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.