A community driven collection of lesson-examples from Bruno Simons threejs-journey ported to React. Threejs-journey is one of the best resources available for learning Threejs.
The goal is to ease the learning curve by moving from OOP to components, which reduce code and encourage clean separation. You will progress much quicker since each primitive is a separate unit that can be studied as such, as opposed to something that is connected to practically everything else across the project.
At the moment the focus is on structural patterns and the experience, these examples are reduced and will use eco-system spare parts where possible.
Examples
Basics
Textures
Materials
3D Text
Classic Techniques
Lights
Haunted House
Particles
Particles Animated
Galaxy Generator
Raycaster
Scroll Based Animation
Advanced Techniques
Physics
Shaders
Shader Patterns
Raging Sea
Animated Galaxy
Modified Material
Extra
Post Processing
Loading
Mixing Html and Webgl
Portal
Levels
Level 1
