Discover Three.js!

In this training proposed by Three.js University, we will discover the use of Three.js !

Content of the training package

This training package consists of :

• 27 training videos ( 30% theory and 70% practice )
• 29 slideshows in PDF format
• More than 70 code examples
• Ready-to-use 3D models for our experiments !

Training Course

Module 1 - Three.js

1. Setting up a basic environment ( 5min )
2. The basic concepts of Three.js ( 5min )
3. Hello World ( 1h )
   
4. Geometry : The basic geometric structures ( 20min )
   
5. Material : The visual appearance of 3D objects ( 22min30 )
   
6. Texture ( 18min )
   
7. Sprite ( 6min30 )
   
8. Shadows and Lights ( 22min30 )
   
9. Controlling the camera ( 32min30 )
10. Load 3D models ( 20min )
11. Using animations of 3D models ( 28min )
12. Mouse / Touch Interaction with Raycaster ( 17min30 )
13. The Render Targets ( 37min )
    
14. Create 3D text ( 17min )
15. Bonus
16. To go further

Module 2 - Bonus - Discovering Ammo.js

1. Ammo.js - Introduction and Hello World ( 53mn )
2. Ammo.js - Advanced Notions ( 1h02mn )
3. Ammo.js SoftBody - Creating a rope ( 41mn )

Technical specifications and details

Last update : July 2023 - Three.js r153 update

Text and documents : English - EN / US

Sound and audio : French - FR

Subtitles : English - EN / US

Precautions for use

Some visual effects are composed of bright flickering or flashing lights and can potentially trigger seizures in people with photosensitive epilepsy.