Skip to content

bachphuc/threejs-journey

 
 

Repository files navigation

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

About

⚛️ Bruno Simons journey demos in React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 85.8%
  • CSS 7.2%
  • JavaScript 7.0%