mshumer/Claude-of-Duty

A Call of Duty-quality FPS in Three.js, built from a single prompt.

What it solves

Claude of Duty is a technical demonstration of a first-person shooter (FPS) built entirely in the browser using Three.js and WebGL2. The project aims to push the boundaries of procedural generation and AI-driven software engineering, creating a complex game with no external art assets (textures, meshes, or audio files) and writing the codebase through the orchestration of AI agents.

How it works

The game is built across 11 specialized subsystems, including a custom physics engine written from scratch, a GPU texture forge for procedural surfaces, and a Web Audio synthesis system for sound. To ensure performance and visual consistency, the project uses a rigorous tooling harness featuring headless Chromium for bit-identical screenshot captures and per-pixel image differencing to gate optimization passes.

Who it’s for

This project is primarily for developers interested in AI-assisted coding, procedural generation, and high-performance WebGL graphics programming.

Highlights

  • Zero Art Assets: Every texture, mesh, animation, and sound is generated procedurally from code at load time.
  • AI-Orchestrated Development: The codebase (roughly 55k lines) was written by a fleet of AI agents working under a strict architectural contract.
  • Custom Physics Engine: Features a Binned-SAH BVH for fast raycasting, a swept-capsule character controller, and PBD ragdolls.
  • Advanced Rendering Pipeline: Includes HDR, cascaded shadow maps, GTAO, TAA, and a procedural 33³ grade LUT.
  • Rigorous Performance Tooling: Uses a custom profiler to identify and fix mid-frame shader compilation stalls.

Related

  • Project
    majidmanzarpour/threejs-game-skills

    A skill pack for Codex and Claude Code that lets AI agents build, polish and verify full Three.js browser games. Install via `npx skills add …` (or the provided `install.sh`), then prompt the `threejs‑game‑director` with a natural‑language request (e.g., “create a futuristic tower‑defense game”). The director orchestrates specialist sub‑skills for gameplay, AAA graphics, UI, asset generation (optional Tripo/Gemini/ElevenLabs APIs), debugging, and QA, using a bundled Vite+TypeScript scaffold and Playwright‑based test harnesses. Demos include Neon Ridge Drift, Snooker Arena, Starship Dogfight, etc. MIT‑licensed.

  • Project
    scottstts/Threejs-Awesome-Graphics-Agent-Skills

    Threejs‑Awesome‑Graphics‑Agent‑Skills is an npm package that bundles ready‑to‑use, high‑quality Three.js code snippets (called “skills”) for advanced visual effects—procedural materials, realistic oceans, volumetric clouds, ray‑marched space scenes, and more. It installs these snippets into the directory layout expected by AI coding assistants (Codex, Claude Code, Cursor, etc.), letting the agents copy‑paste proven implementations when a user asks for “awesome graphics”. The repo includes an example gallery, validation scripts, and a deterministic capture pipeline, making it a practical resource for developers and AI‑augmented workflows.

  • Project
    Donchitos/Claude-Code-Game-Studios

    Claude Code Game Studios is a template that adds a full AI‑driven studio hierarchy (49 agents, 74 slash‑command skills, 15 safety hooks) to a Claude Code session, letting you manage game design, coding, art, QA, and release with configurable rigor levels.

  • Project
    pulkitxm/claude-directory

    An open-source gallery of web UI experiments and components generated with Claude, providing the code and prompts for landing pages, 3D scenes, and animations.

  • Project
    vibe-motion/skills

    vibe‑motion/skills is a catalog of visual‑effects plug‑ins (“skills”) that LLM agents can call to generate short animations, videos, or interactive HTML. Install via `npx skills add vibe-motion/skills`, then trigger a skill with natural‑language commands (e.g., “尺子进度动画”). Each skill wraps a Remotion/Three.js/p5.js pipeline, pulls in external repos, and outputs GIF/MP4/HTML. The repo is deprecated and points to motionface.cc.