algoritmau / threejs-journey

Extended exploration of the Bruno Simon's course: Three.js Journey (threejs-journey.xyz)

Three.js Journey

This is an extended exploration of the Bruno Simon's course: Three.js Journey.

I've added some personal touches that helped me to get a better understading of Three.js

• I've reviewed and used approaches and functionality from the official Three.js documentation and other online resources.

• I used TypeScript and Sass.

• I've also written each lesson in React Three Fiber.

Lessons

01 Basics

03 Basic Scene

04 Local Server

Vite React Three Fiber

05 Transforming Objects

Vite React Three Fiber

06 Animations

Vite React Three Fiber

07 Cameras

Vite React Three Fiber

08 Fullscreen and Resizing

Vite React Three Fiber

09 Geometries

Vite React Three Fiber

10 Debug UI

Vite React Three Fiber

11 Textures

Vite React Three Fiber

12 Materials

Vite React Three Fiber

13 3D Text

Vite React Three Fiber

15 Lights

Vanilla Three.js react-three-fiber

16 Shadows

Vanilla Three.js react-three-fiber

17 Haunted House

Vanilla Three.js