Three.js 30,815 wraps WebGL and WebGPU in objects: a scene graph, materials whose shaders it writes for you, and renderers for WebGL 2 and WebGPU. BookNest's 3D bookshelf grows in one module, bookshelf.js, until The 3D Bookshelf. Every figure is a real render of Three.js r186 in headless Chrome 1 on an NVIDIA GeForce GTX 1650.
What you will learn
How scenes, cameras, geometries, materials, lights, textures and loaders fit together
How to animate, orbit, pick, post-process, write TSL shaders and move to WebGPURenderer
Sections
- Getting Started with Three.js
- Scene, Camera and Renderer
- Geometries and BufferGeometry
- Materials and PBR
- Lights and Shadows
- Textures and Asset Loaders
- The Animation System
- OrbitControls
- Raycasting and Interaction
- The 3D Bookshelf
- EffectComposer
- ShaderMaterial and TSL
- WebGPURenderer
- Performance and Security
- The Three.js Ecosystem
- How Programs Are Built
- Three.js and Its Alternatives
- Test Yourself!