Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js
Course Architecture Overview
Go behind the scenes of how we built 3D AJ the Cat on CodingCat.dev. Connect AI agents to Blender via Blender MCP, export compact glTF 2.0 (.glb) armatures, and render them in Three.js with deterministic window.seek(t) physics.
Primary Open-Source Repository: github.com/blender/blender + ahujasid/mcp-for-blender + mrdoob/three.js
course lessons.
Core Architecture & Deterministic Implementation
- 1.1Lesson 1: From 2D Turnaround Sheet to 3D Mesh & Canonical Node Hierarchy
Welcome to Lesson 1 of Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js on CodingCat.dev. Today we break down From 2D Turnaround Sheet to 3D Mesh & Canonical Node Hierarchy and see how it powers our deterministic 3D AJ and code-rendered video pipeline.
📖 Written LessonStart Lesson → - 1.2Lesson 2: Controlling Blender 5.0 Over TCP Socket with Blender MCP
Welcome to Lesson 2 of Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js on CodingCat.dev. Today we break down Controlling Blender 5.0 Over TCP Socket with Blender MCP and see how it powers our deterministic 3D AJ and code-rendered video pipeline.
📖 Written LessonStart Lesson → - 1.3Lesson 3: PBR Vinyl-Toy Materials, Royal Purple Rim Lights & ACES Tone Mapping
Welcome to Lesson 3 of Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js on CodingCat.dev. Today we break down PBR Vinyl-Toy Materials, Royal Purple Rim Lights & ACES Tone Mapping and see how it powers our deterministic 3D AJ and code-rendered video pipeline.
📖 Written LessonStart Lesson → - 1.4Lesson 4: Zero-LCP-Penalty Lazy Loading & Orbital Camera Controls in Three.js
Welcome to Lesson 4 of Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js on CodingCat.dev. Today we break down Zero-LCP-Penalty Lazy Loading & Orbital Camera Controls in Three.js and see how it powers our deterministic 3D AJ and code-rendered video pipeline.
📖 Written LessonStart Lesson → - 1.5Lesson 5: Unifying 2D Vector SVG and 3D GLB Bones Under window.seek(t)
Welcome to Lesson 5 of Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js on CodingCat.dev. Today we break down Unifying 2D Vector SVG and 3D GLB Bones Under window.seek(t) and see how it powers our deterministic 3D AJ and code-rendered video pipeline.
📖 Written LessonStart Lesson →
how this course connects together.
Follow AJ from first principles to production-ready architecture.