Back to Track Overview
React 19

Advanced 3D, Shaders & Physics

Custom GLSL shaders in R3F, post-processing pipeline, Rapier 3D physics, InstancedMesh for 50,000+ objects, and Spatial WebXR

5 lessons•~120 min•+150 XP
Topic Progress
0%(0/5)
Remaining to learn: 5

Lessons in Module (5)

5 lessons in order
01

Custom GLSL Shaders in R3F: Vertex & Fragment Shaders, Uniforms, and Procedural Materials

25 min•+30 XP
02

Post-Processing in React Three Fiber: Bloom, SSAO, Depth of Field Pipeline, and Custom Shader Passes

25 min•+30 XP
03

3D Physics with @react-three/rapier: RigidBody, Colliders, Joints, Gravity, and Raycasting

25 min•+30 XP
04

Heavy 3D Scene Optimization: InstancedMesh for 50,000+ Objects, Draco Compression, and LOD

25 min•+30 XP
05

Spatial Interfaces and WebXR: Interactive 3D Overlays (Drei Html), VR/AR Controllers, and 3D HUD

20 min•+30 XP
Go to next section (Next.js 16+)