/threejs-journey

⚛️ Bruno Simons journey demos in React

Primary LanguageTypeScript

Stage 1

👉 Visit examples at https://journey.pmnd.rs/

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