Claude CodeでピクセルアートJRPGを作る:開発者のワークフローと技術スタック

開発者がClaude Codeを使用して完全なピクセルアートJRPG「Bakemachi」を構築した経験を共有しました。このゲームは日本語学習用に設計されており、主要なゲームプレイ要素のほとんどが実装されたプレイ可能なデモが含まれています。
プロジェクト詳細
ゲームにはフィールド探索、インタラクティブな語彙付きNPC会話、ミニゲーム、戦闘システム、クエスト追跡機能があり、タッチ、キーボード、コントローラー入力をサポートしています。プレイ可能なデモは約10〜15分でプレイでき、https://bakemachi-steam-demo-production.up.railway.app/でアクセス可能です(「New Game」をクリックして開始)。
技術スタック
- フロントエンド: Vite + React + TypeScript
- ゲームエンジン: Phaser 3がゲームキャンバスを処理(タイルベースの移動、スプライト、アニメーション)
- 状態管理: ZustandがPhaserとReactを連携
- UI: Reactがすべてのオーバーレイをレンダリング(会話、メニュー、HUD、戦闘、ミニゲーム)
- アセット: ほとんどが手作りまたは購入品で、一部の「ピクセルアート」アセットはNano Bananaによって生成
Claude Codeのワークフロー
開発者はプロジェクト全体にClaude Code(Opus 4.6)を使用し、自身はゲーム開発者ではなく、これが初めてのゲーム開発であると述べています。彼らのワークフローは以下の通りでした:
- 自然言語で要件を記述
- Claudeのコード出力をレビュー
- プレイテスト
- 結果に基づいて反復改善
Claude Codeに関する主な観察点
- 複雑な変更: Claudeはマルチファイル変更を効果的に処理し、ストア、コンポーネント、設定、Phaserシーンにまたがる約8ファイルに影響する戦闘システムの追加など、初回で適切なアーキテクチャを実現しました。
- コンテキスト管理: Opus 4.6は以前のバージョンよりも長いコンテキストで優れたパフォーマンスを発揮しました。開発者はclaude.mdとprogress.mdファイルを維持することで、シームレスなセッション切り替えを可能にしました。
- デバッグ: Claudeはスクリーンショットや視覚的バグの説明が提供されると、コードをトレースして問題を迅速に修正するデバッグに優れています。ただし、要素の配置などのマイクロなフロントエンドタスクには苦戦することがあります。
開発者は最終的にSteam、iOS、Androidでゲームをリリースする計画で、ゲームとClaude Codeワークフローに関するフィードバックを求めています。
📖 完全なソースを読む: r/ClaudeAI
👀 See Also

OpenClawコスト最適化:開発者がモデルルーティングで750ドルのミスを修正した方法
ある開発者が、OpenRouter上のすべてのOpenClawサブエージェントを無料のHunter Alphaモデルに切り替えた結果、サイレント障害が発生した経験を共有しています。具体的には、ビデオ制作エージェントが有効なコードを生成したものの、9秒間の無音の黒い動画を出力するという事例がありました。解決策として、タスクの要件に基づいた明示的なモデルルーティングの実装が必要でした。

OpenClawとChorus:2人の人間とAIエージェントが1週間で構築した製品パイプライン
OpenClawとChorusが連携し、AIエージェントが調査、プロダクトマネジメント、コーディングを担当し、人間はアイデア提案と作業承認に集中するプロダクト開発パイプラインを構築しています。このシステムは、本業を持つ2人によって1週間未満で構築されました。

主要な統合機能でモルトボットを最適化する
ほぼすべてのMoltbot統合を評価した結果、生産性を実際に向上させるツールが明らかになり、TelegramやAgentPayなどの統合が注目されています。

開発者がUnreal EngineでC++ゲーム開発にClaude AIを活用
開発者が、計画にはClaude Opusを、実装にはSonnetを使用して、C++とUnreal Engineでサイバーパンクのシティビルダーゲームを構築したと報告しています。マーケットプレイスのアセットを、距離ベースのティッキングと視錐台カリングを備えたAI交通制御などの機能のAI生成コードに置き換えています。