mshumer/Claude-of-Duty
A Call of Duty-quality FPS in Three.js, built from a single prompt.
何を解決するか
Claude of Duty は、Three.js と WebGL2 を使用して完全にブラウザ内で構築された第一人称シューティングゲーム（FPS）の技術的デモです。このプロジェクトは、手続き型生成とAI駆動のソフトウェア開発の限界を押し広げることを目指しており、外部のアート資産（テクスチャ、メッシュ、オーディオファイルなど）を一切使用せず、AIエージェントの調整によってコードベースを構築しています。
動作方法
ゲームは、独自の物理エンジン（スクラッチから作成）、GPUテクスチャフォージ（手続き型表面用）、Web Audio合成システム（音声用）を含む11の専門サブシステムで構成されています。パフォーマンスと視覚的一貫性を確保するため、ヘッドレス Chromium を使用したビット同一のスクリーンショットキャプチャと、ピクセル単位の画像差分比較を用いた最適化フェーズのゲート制御を実施する厳格なツールハーネスを採用しています。
対象ユーザー
このプロジェクトは、AI補助コーディング、手続き型生成、高性能WebGLグラフィックスプログラミングに興味を持つ開発者を主な対象としています。
主な特徴
- ゼロアート資産: ロード時にコードから生成されるテクスチャ、メッシュ、アニメーション、サウンドはすべて手続き型です。
- AI調整開発: コードベース（約55k行）は、厳格なアーキテクチャ契約の下で動作するAIエージェントのフリートによって書かれました。
- 独自物理エンジン: レイキャスティングを高速化するための Binned-SAH BVH、スイープカプセルキャラクターコントローラー、PBDラグドールを備えています。
- 高度なレンダリングパイプライン: HDR、カスケードシャドウマップ、GTAO、TAA、および手続き型33³グレードLUTを含みます。
- 厳格なパフォーマンスツール: ミッドフレームのシェーダーコンパイル遅延を特定・修正するためのカスタムプロファイラーを使用しています。
関連
- プロジェクト
majidmanzarpour/threejs-game-skillsCodexおよびClaude Code用のスキルパックで、AIエージェントが完全なThree.jsブラウザゲームの構築、仕上げ、検証を可能にします。`npx skills add …`（または提供された`install.sh`）でインストール後、自然言語リクエスト（例：「未来志向のタワーデンスゲームを作成」）で`threejs-game-director`をプロンプトします。ディレクターは、ゲームプレイ、AAAグラフィックス、UI、アセット生成（オプションのTripo/Gemini/ElevenLabs API）、デバッグ、QAの専門サブスキルを調整し、バンドルされたVite+TypeScriptスケルトンとPlaywrightベースのテストハーネスを使用します。デモにはNeon Ridge Drift、Snooker Arena、Starship Dogfightなどがあります。MITライセンス。
- プロジェクト
scottstts/Threejs-Awesome-Graphics-Agent-SkillsThreejs‑Awesome‑Graphics‑Agent‑Skillsは、高度なビジュアルエフェクト（プロシージャルマテリアル、リアルな海洋、ボリュメトリッククラウド、レイマーチングによる宇宙シーンなど）向けの、すぐに使える高品質なThree.jsコードスニペット（「スキル」）をバンドルしたnpmパッケージです。AIコーディングアシスタント（Codex、Claude Code、Cursorなど）が期待するディレクトリレイアウトにこれらのスニペットをインストールし、ユーザーが「アメージングなグラフィック」を要求したときにエージェントが実証済みの実装をコピーペーストできるようにします。このリポジトリには、サンプルギャラリー、検証スクリプト、決定論的なキャプチャパイプラインが含まれており、開発者とAI支援ワークフローにとって実用的なリソースとなっています。
- プロジェクト
- プロジェクト
- プロジェクト
vibe-motion/skillsvibe-motion/skills は、LLM エージェントが呼び出して短いアニメーション、ビデオ、またはインタラクティブな HTML を生成できる視覚効果プラグイン（「スキル」）のカタログです。`npx skills add vibe-motion/skills` でインストールし、自然言語コマンド（例：「尺子进度动画」）でスキルをトリガーします。各スキルは Remotion/Three.js/p5.js パイプラインをラップし、外部リポジトリを取得して、GIF/MP4/HTML を出力します。このリポジトリは非推奨で、motionface.cc を指しています。