Porting Quake to Three.js with Claude Code: Workflow and Limitations
Project Overview
A developer successfully ported Quake's source code to JavaScript and Three.js using Claude Code. The result is a web-based version of the classic first-person shooter game.
Key Details from the Source
The developer described this as "quite a lot of prompting work" but found a good workflow for porting projects like this. The working implementation is available at https://mrdoob.github.io/three-quake/ with source code on GitHub at https://github.com/mrdoob/three-quake.
During the porting process, Claude struggled specifically with porting the multiplayer server code (QuakeWorld) to Deno+WebTransport. The developer noted that "Codex figured it out somehow," suggesting that different AI coding assistants may have varying capabilities for specific technical challenges.
The developer recommends others try similar porting projects, indicating that despite the challenges, the approach yielded useful results and workflow insights.
Technical Context
Porting a complex C-based game engine like Quake to JavaScript and Three.js involves translating low-level graphics, physics, and networking code to web technologies. Three.js is a popular JavaScript 3D library that runs in browsers using WebGL. Deno is a JavaScript/TypeScript runtime alternative to Node.js, and WebTransport is a modern web API for low-latency, bidirectional communication.
📖 Read the full source: r/ClaudeAI
👀 See Also
Claude AI coding assistant requires precise task breakdowns to avoid wasted time
A developer spent 4.5 hours with Claude Code trying to fix a page, only to solve it in 10 minutes by rewriting from scratch with a different library. The issue stemmed from unclear instructions that didn't specify exploring alternative tools.
Postmortem: Governance System for AI Coding Projects with Claude
A developer shared a postmortem on a 2-week Claude Code project that produced 23k lines of code and 2,629 tests for approximately $100, emphasizing that the governance system was more important than the prompts. The framework is open source.
Autonomous Magazine Pipeline with Claude Code: Agentic Architecture Breakdown
A seven-step pipeline using Claude Code as an editorial team produces up to five fact-checked, multilingual articles per headline. The system includes five sub-agents, institutional memory via embeddings, and automated fact-checking against a growing database.
73-Year-Old Cardiac Patient Builds Health Tracking PWA with Claude AI
A 73-year-old with no coding experience and multiple cardiac conditions built ClinBridge, a Progressive Web App for health tracking, using Claude AI. The app tracks blood pressure, fluid intake, weight, heart rate, symptoms, meals, and activities, works completely offline, and is open source.