> Canonical URL: https://codingcat.dev/course/agentic-3d-web-pipelines-blender-mcp-threejs

# Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js | CodingCat.dev Course

🧶 CodingCat.dev Course5 Lessons[▶ Watch Course Playlist on YouTube ↗](https://www.youtube.com/@codingcatdev/playlists?sub_confirmation=1)[Start Course →](/course/agentic-3d-web-pipelines-blender-mcp-threejs/lesson/agentic-3d-web-pipelines-blender-mcp-threejs-lesson-1-3d-turnaround)

# Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js

![Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js Architecture Diagram](https://cdn.sanity.io/images/hfh83o0w/production/fea9a3c9fd0bdbafbe164f21c0ec3b4ab4c90709-1376x768.png?w=1376&q=82&fit=max&auto=format)

## 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.

1

### Core Architecture & Deterministic Implementation

- [1.1Lesson 1: From 2D Turnaround Sheet to 3D Mesh & Canonical Node HierarchyWelcome 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 →](/course/agentic-3d-web-pipelines-blender-mcp-threejs/lesson/agentic-3d-web-pipelines-blender-mcp-threejs-lesson-1-3d-turnaround)
- [1.2Lesson 2: Controlling Blender 5.0 Over TCP Socket with Blender MCPWelcome 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 →](/course/agentic-3d-web-pipelines-blender-mcp-threejs/lesson/agentic-3d-web-pipelines-blender-mcp-threejs-lesson-2-blender-mcp)
- [1.3Lesson 3: PBR Vinyl-Toy Materials, Royal Purple Rim Lights & ACES Tone MappingWelcome 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 →](/course/agentic-3d-web-pipelines-blender-mcp-threejs/lesson/agentic-3d-web-pipelines-blender-mcp-threejs-lesson-3-pbr-shaders)
- [1.4Lesson 4: Zero-LCP-Penalty Lazy Loading & Orbital Camera Controls in Three.jsWelcome 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 →](/course/agentic-3d-web-pipelines-blender-mcp-threejs/lesson/agentic-3d-web-pipelines-blender-mcp-threejs-lesson-4-zero-lcp)
- [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 →](/course/agentic-3d-web-pipelines-blender-mcp-threejs/lesson/agentic-3d-web-pipelines-blender-mcp-threejs-lesson-5-unified-rig)

✏️ Visual Architecture Diagram

## how this course connects together.

Follow AJ from first principles to production-ready architecture.

Let’s build it!✏️ Visual Diagram: Flagship 2: Agentic 3D Web Pipelines with Blende…✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Flagship 2: Agentic 3D Web Pipelines with Blender, Blender MCP & Three.js: start with Core Architecture & Deterministic Implementation, implement Hands-On Implementation, and ship to production.AAA Contrast Verified