All (150+) learning three.js third edition examples online

4 minute read

A couple of months ago the third edtion of my book on learning three.js was released: View on Packt. Just as for the previous examples I’ve put all the examples online so you can easily see what’s in the book, or just explore the samples, without the book.

The sources can also be found on github here: https://github.com/josdirksen/learning-threejs-third

Chapter 1

Example 01.01 - Basic skeleton
Example 01.02 - First Scene
Example 01.03 - Materials and light
Example 01.04 - Materials, light and animation
Example 01.05 - Control gui
Example 01.06 - Screen size change

Chapter 2

Example 02.01 - Basic Scene
Example 02.02 - Foggy Scene
Example 02.03 - Override Material
Example 02.04 - Geometries
Example 02.05 - Custom geometry
Example 02.06 - Mesh Properties
Example 02.07 - Cameras
Example 02.08 - Cameras

Chapter 3

Example 03.01 - Ambient Light
Example 03.03 - Spot Light
Example 03.02 - point Light
Example 03.04 - Directional Light
Example 03.05 - Directional Light
Example 03.06 - Area Light
Example 03.07 - Lensflarest

Chapter 4

Example 04.01 - MeshBasicMaterial
Example 04.02 - Depth Material
Example 04.03 - Combined Material
Example 04.04 - Mesh normal material
Example 04.05 - Mesh face material
Example 04.06 - Mesh Lambert material
Example 04.07 - Mesh Phong material
Example 04.08 - Mesh Toon material
Example 04.09 - Mesh Standard material
Example 04.10 - Mesh Physical material
Example 04.11 - Shader material - http://glsl.heroku.com/
Example 04.12 - Linematerial
Example 04.13 - Linematerial Dashed

Chapter 5

Example 05.01 - Basic 2D geometries - Plane
Example 05.02 - Basic 2D geometries - Circle
Example 05.03 - Basic 3D geometries - Ring
Example 05.04 - Basic 2D geometries - Shape
Example 05.05 - Basic 2D geometries - Cube
Example 05.06 - Basic 3D geometries - Sphere
Example 05.07 - Basic 3D geometries - Cylinder
Example 05.08 - Basic 3D geometries - Cone
Example 05.09 - Basic 3D geometries - Torus
Example 05.10 - Basic 3D geometries - Torusknot
Example 05.11 - Basic 3D geometries - Polyhedron

Chapter 6

Example 06.01 - Advanced 3D geometries - Convex Hull
Example 06.02 - Advanced 3D geometries - Lathe
Example 06.03 - Extrude Geometry
Example 06.04 - Extrude TubeGeometry
Example 06.05 - Extrude SVG
Example 06.06 - Parametric geometries
Example 06.07 - Text geometry
Example 06.08 - Binary operations

Chapter 7

Example 07.01 - Sprites
Example 07.02 - Points
Example 07.03 - Basic Point Cloud
Example 07.04 - Particles - Canvas based texture
Example 07.05 - Points - Canvas based texture - WebGL
Example 07.04 - Particles - Canvas based texture
Example 07.07 - Particles - Rainy scene
Example 07.08 - Particles - Snowy scene
Example 07.09 - Sprites
Example 07.10 - Sprites in 3D
Example 07.11 - 3D Torusknot

Chapter 8

Example 08.01 - Grouping
Example 08.02 - Merge objects
Example 08.03 - Save and Load
Example 08.04 - Load and save scene
Example 08.05 - Load blender model
Example 08.06 - Load OBJ model
Example 08.07 - Load OBJ and MTL
Example 08.08 - Load collada model
Example 08.09 - Load stl model
Example 08.10 - Load ctm model
Example 08.11 - Load vtk model
Example 08.12 - Load pdb model
Example 08.13 - Load ply model
Example 08.14 - Load awd model
Example 08.15 - Load assimp model
Example 08.16 - Load vrml model
Example 08.17 - Load babylon model
Example 08.18 - Load TDS model
Example 08.19 - Load 3FM model
Example 08.20 - Load AMF model
Example 08.21 - Load Play Canvas model
Example 08.22 - Load Draco model
Example 08.23 - Load PRWM model
Example 08.24 - Load GCode model
Example 08.25 - Load nrrd model
Example 08.26 - Load svg model

Chapter 9

Example 09.01 - Simple animation
Example 09.02 - Selecting objects
Example 09.03 - Load ply model
Example 09.04 - Trackball controls
Example 09.05 - Fly controls
Example 09.06 - FPS controls
Example 09.07 - Orbit controls
Example 09.08 - Morph targets
Example 09.09 - Manual morph targets
Example 09.10 - Bones manually
Example 09.11 - Animation from Blender
Example 09.12 - Animation from Collada
Example 09.13 - Animation from MD2
Example 09.14 - gltf loader
Example 09.15 - Animation from FBX
Example 09.16 - Animation from x
Example 09.11 - Animation from BVH
Example 09.18 - Animation from SEA

Chapter 10

Example 10.01 - Basic Textures
Example 10.01 - Basic Textures
Example 10.02 - Basic Textures
Example 10.03 - Basic Textures PVR
Example 10.04 - Basic Textures TGA
Example 10.05 - KTX Textures
Example 10.06 - EXR Textures
Example 10.07 - HDR/RGBE Textures
Example 10.08 - Bump map
Example 10.09 - Normal map
Example 10.10 - Displacement map
Example 10.11 - Ambient occlusion map
Example 10.12 - Light map
Example 10.14 - Metalness and Roughness
Example 10.14 - Alpha map
Example 10.15 - Emissive
Example 10.16 - Specular
Example 10.17 - Envmap static
Example 10.17 - Envmap dynamic
Example 10.19 - UV Mapping
Example 10.20 - UV Mapping Manual
Example 10.21 - Repeat wrapping
Example 10.22 - Canvas Texture
Example 10.22 - Bump map from Canvas
Example 10.24 - Video texture

Chapter 11

Example 11.01 - Basic Effect Composer
Example 11.02 - Simple Pass Effects - 1
Example 11.03 - Simple Pass Effects - 2
Example 11.04 - Post processing masks
Example 11.05 - Bokeh
Example 11.06 - Ambient Occlusion
Example 11.07 - Shader pass simple
Example 11.08 - Blur passes
Example 11.09 - Basic Effect Composer
Example 11.03 - Post processing masks
Example 11.04 - Shader Pass simple
Example 11.04 - Shader Pass simple
Example 11.06 - Advanced
Example 11.07 - custom shaderpass

Chapter 12

Example 12.01 - Dominos
Example 12.02 - Material
Example 12.03 - Shapes
Example 12.04 - PointConstraint
Example 12.05 - Sliders and hinges
Example 12.06 - DOF Constraint
Example 12.07 - Audio

Updated: