R3F / Three Js

Learn R3F and Three.js to create stunning, interactive 3D graphics and visualizations for the web.

Course Curriculum

Week 1

Basics
- Intro
- Create Threejs Project
- Transform Objects
- Animations
- Cameras
- Full Screen & Resizing
- Geometries
- Go Live

Week 2

Basics
- Debug UI
- Textures
- Materials

Classic techniques
- Lights
- Shadows
- Particles
- Scroll Based Animation

Week 3

Advanced techniques
- Physics
- Imported Models
- Raycaster And Mouse Events
- Environment Map
- Realistic Render

Week 4

Shaders
- Shaders
- Patterns
- Raging Sea
- Animated Galaxy
- Modified Materials
- Fireworks

Week 5

Shaders
- Earth
- Particles Cursor Animation
- Particles Morphing
- GPGPU FLow Field Particles

Week 6

Extra
- Post-Processing
- Loading progress

Portal Scene
- Scene Creation in Blender
- Import, Optimize & add Details to the scene

Week 7

React Three Fiber (R3F)
- Intro
- First R3F Application
- Drei
- Debug
- Environment & Staging

Week 8

React Three Fiber (R3F)
- Load Models
- 3d Text
- Portal Scene
- Mouse Events
- Post Processing

Week 9

React Three Fiber (R3F)
- Simple Portfolio
- Physics

Week 10

DemoProject

Week 11

Demo Project (Continue)
Live Project

Week 12

Live Project

Register Here