Create and animate stunning 3D browser-based graphics with the Three.js JavaScript library without needing to understand the complexity of WebGL
Key Features
Construct 3D graphics and animations for the web without needing to understand WebGL
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
Book Description
WebGL allows us to create 3D graphics in the browser without having to use plugins such as Flash and Java. However, programming in WebGL can be complex and challenging. With Three.js, you can create stunning 3D graphics intuitively using JavaScript without having to learn WebGL. In this book, you'll learn how to create and animate immersive 3D scenes directly in your browser using the full potential of WebGL and modern browsers.
This latest edition of Learn Three.js starts with extensive examples and code samples of the basic concepts and building blocks of Three.js, before diving headlong into more advanced concepts, such as DecalGeometry. You'll also learn how to create, or load from externally created models, realistic 3D objects using materials and textures. You'll learn how to use morph target and skeleton-based animation, before adding physics, such as gravity and collision detection, to your scene. In this new edition, we'll show you how to use Cannon.js to add realistic physics to your scenes, and you'll see how easy it is to integrate Blender, React, and TypeScript with Three.js, as well as WebXR, which we'll use to create virtual reality and augmented reality scenes.
By the end of this book, you'll have gained the skills you need to create impressive 3D animated graphics using Three.js.
What you will learn
Understand how materials interact with your 3D objects
Implement the different camera controls provided by Three.js
Work with vertices to create snow, rain, and galaxy-like effects
Import models from external formats such as OBJ, STL, and COLLADA
Create and run animations using morph target and skeletal animation
Use bump maps, normal maps, specular maps, and light maps
Interact with WebGL by creating custom vertex and fragment shaders
Integrate Blender, WebXR, React, and Typescript with Three.js
Who This Book Is For
This book is for JavaScript developers who are looking to learn how to use the Three.js library confidently.
Table of Contents
Creating Your First 3D Scene withThree.js
The Basic Components that Make Up a Three.js Application
Working with Light Sources in Three.js
Working with Three.js Materials
Learning to Work with Geometries
Advanced Geometries and Binary Operations
Points and Sprites
Creating and Loading Advanced Meshes and Geometries
Create and animate stunning 3D browser-based graphics with the Three.js JavaScript library without needing to understand the complexity of WebGL
Key Features
Book Description
WebGL allows us to create 3D graphics in the browser without having to use plugins such as Flash and Java. However, programming in WebGL can be complex and challenging. With Three.js, you can create stunning 3D graphics intuitively using JavaScript without having to learn WebGL. In this book, you'll learn how to create and animate immersive 3D scenes directly in your browser using the full potential of WebGL and modern browsers.
This latest edition of Learn Three.js starts with extensive examples and code samples of the basic concepts and building blocks of Three.js, before diving headlong into more advanced concepts, such as DecalGeometry. You'll also learn how to create, or load from externally created models, realistic 3D objects using materials and textures. You'll learn how to use morph target and skeleton-based animation, before adding physics, such as gravity and collision detection, to your scene. In this new edition, we'll show you how to use Cannon.js to add realistic physics to your scenes, and you'll see how easy it is to integrate Blender, React, and TypeScript with Three.js, as well as WebXR, which we'll use to create virtual reality and augmented reality scenes.
By the end of this book, you'll have gained the skills you need to create impressive 3D animated graphics using Three.js.
What you will learn
Who This Book Is For
This book is for JavaScript developers who are looking to learn how to use the Three.js library confidently.
Table of Contents