Creative 3D Roadmap · Free Series

Three.js From Zero

A creative Web 3D series for artists. Turn drawings, Blender models, shaders, and portfolio ideas into interactive browser scenes. Each article ships with prose, a live demo, and a code-along you can copy.

Where this fits

Creative 3D is one art direction, not a side quest.

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.

01 · Video course

Blender Bootcamp

Model, light, animate, and think in form. This is the 3D art foundation before browser-native and capture-based work.

02 · Interactive episodes

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.

03 · 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.

04 · Interactive articles

Three.js From Zero

Turn drawings, models, shaders, and portfolio pieces into interactive web scenes with live code and artist-friendly demos.

05 · Interactive episodes

WebGPU From Zero

The next-generation GPU API from zero: render pipelines, compute shaders, WGSL, a million particles, and a tiny PBR renderer.

06 · Interactive episodes

Gaussian Splatting From Zero

Capture real spaces and objects, understand splat rendering, and bring photoreal 3D scans into creative web projects.

07 · Interactive episodes

Interactive Vision From Zero

Control the web with your body: hand, pose, and face tracking wired to real interfaces via MediaPipe.

08 · Interactive episodes

Audio-Reactive From Zero

Make the screen dance to sound: FFT spectrum, beat detection, and music-driven visuals on raw Web Audio.

09 · 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.

10 · Interactive episodes

Real-Time & Streaming From Zero

Make the web live: media capture, canvas streaming, WebRTC peers, and multiplayer presence — serverless.

11 · Skill-graph tutorials

Blender Free Plugins

Master free Blender plugins for character animation, retargeting, and mocap as the animation toolkit that feeds your 3D creative pipeline.