Learning Roadmap
Your path through video courses, browser tools, and free interactive series across the creative tracks.
Start anywhere. There's no single path — pick what excites you.
Roadmap direction
Creative 3D + Interactive Art: one unified path.
One creative 3D + interactive art direction: Blender foundation, generative canvas, shaders, Three.js scenes, WebGPU compute, Gaussian splatting capture, computer vision, audio-reactive visuals, browser games, real-time streaming, and animation plugins — all connected. It belongs beside drawing, Blender, photography, and AI because it is a practical way to make art, references, portfolios, scenes, and learning tools.
Blender Bootcamp
Model, light, animate, and think in form. This is the 3D art foundation before browser-native and capture-based work.
Video course
Creative Coding From Zero
Generative art on raw canvas: the loop, noise, particles, flow fields, fractals, and emergent simulations — the 2D foundation for everything visual.
Interactive episodes
Shaders From Zero
Write GLSL fragment shaders from zero — UVs, SDFs, noise, lighting, and raymarched 3D worlds that run entirely on the GPU.
Interactive episodes
Three.js From Zero
Turn drawings, models, shaders, and portfolio pieces into interactive web scenes with live code and artist-friendly demos.
Interactive articles
WebGPU From Zero
The next-generation GPU API from zero: render pipelines, compute shaders, WGSL, a million particles, and a tiny PBR renderer.
Interactive episodes
Gaussian Splatting From Zero
Capture real spaces and objects, understand splat rendering, and bring photoreal 3D scans into creative web projects.
Interactive episodes
Interactive Vision From Zero
Control the web with your body: hand, pose, and face tracking wired to real interfaces via MediaPipe.
Interactive episodes
Audio-Reactive From Zero
Make the screen dance to sound: FFT spectrum, beat detection, and music-driven visuals on raw Web Audio.
Interactive episodes
Web Games From Zero
Build a real game in the browser on raw canvas — the game loop, sprites, collisions, physics, and the juice that sells it.
Interactive episodes
Real-Time & Streaming From Zero
Make the web live: media capture, canvas streaming, WebRTC peers, and multiplayer presence — serverless.
Interactive episodes
Blender Free Plugins
Master free Blender plugins for character animation, retargeting, and mocap as the animation toolkit that feeds your 3D creative pipeline.
Skill-graph tutorials
One creative 3D + interactive art direction: Blender foundation, generative canvas, shaders, Three.js scenes, WebGPU compute, Gaussian splatting capture, computer vision, audio-reactive visuals, browser games, real-time streaming, and animation plugins — all connected.
One creative 3D + interactive art direction: Blender foundation, generative canvas, shaders, Three.js scenes, WebGPU compute, Gaussian splatting capture, computer vision, audio-reactive visuals, browser games, real-time streaming, and animation plugins — all connected.
One creative 3D + interactive art direction: Blender foundation, generative canvas, shaders, Three.js scenes, WebGPU compute, Gaussian splatting capture, computer vision, audio-reactive visuals, browser games, real-time streaming, and animation plugins — all connected.