Claude + Thrixel

Claude および Thrixel で 3D ゲームを構築する

ゲームについて説明します。 Claude Code はゲームプレイを作成し、シーンを構築します。 Thrixel は 3D アセットを生成します。 Build World スキルは、Claude にすべてをまとめてプレイテストし、結果を改善するプロセスを提供します。

Claude Code に貼り付け 
Install the build-world skill from https://github.com/thrixel/build-world and follow the setup instructions in that repo.
セットアップと最初のゲーム ↓

仕組み

Build World スキルがプロジェクトをガイドします。 Thrixel MCP サーバー は、Claude にアセットを作成および編集するためのツールを提供します。

あなた

  • ゲームとアート スタイルについて説明する
  • エンジンを選択してください
  • 開発時にフィードバックをお寄せください

Claude Code

  • プロジェクトを計画する
  • ゲームプレイとコントロールを書き込みます
  • シーンにアセットを配置します
  • プレイテストと問題の修正

Thrixel

  • テキストまたは画像からモデルを生成します
  • 個々のパーツを編集します
  • ディテールとテクスチャを追加します
  • エンジンのアセットをエクスポートします

Claude Code で 3D ゲーム アセットを生成

Thrixel は、ゲーム構築ワークフローから直接モデルを作成、編集、エクスポートするためのツールを使用して、AI 3D モデル ジェネレーターを MCP を介して Claude に接続します。

  • Claudeのコーディングと並行して生成

    プロップ、車両、環境モデルは、Claude がゲーム ロジックで動作している間に生成できます。共有されたアート ディレクションがアセットをガイドし、すべてのモデルが Thrixel ワークスペースに保存されます。

  • 特定の部分を編集する

    構造化モデルには名前付きパーツがあります。 Claude は、テキストの指示から屋根、車輪、帆を変更し、形状の準備ができたら詳細とテクスチャを追加できます。

  • プレイテストを通じて改善する

    Build World は、gauntlet loop を使用してゲームを検査し、修正します。 Thrixel は、モデル、マテリアル、アセット予算を調整することで、視覚的なフィードバックに基づいて行動する方法を Claude に提供します。

エンジンの選択

プロンプトでエンジンに名前を付けます。 Build World は、そのエンジンのワークフローに従います。

  • Three.js

    JavaScript および GLB アセットを使用したブラウザ ゲーム。完成した Web ビルドは、再生可能なリンクとして thrixel.world に公開できます。

    ランプとブースト パッドを備えた砂漠の峡谷を駆け抜ける Three.js カート レーサーを組み立てます。
    ウェブゲーム向けBuild World →

  • Unity

    C# ゲームプレイ、Unity シーン、および FBX モデル。 Unity WebGL ビルドは thrixel.world に公開することもできます。

    古代遺跡と動く障害物を備えた Unity ホバークラフト ゲームを構築します。
    Thrixel Unity用→

  • Roblox

    Luau スクリプトは、Rojo および Studio にインポートされたモデルと同期されました。プレイテストと公開は Roblox Studio を通じて行われます。

    飛行船と回転する風車で水上都市を通って Roblox オビーを構築します。
    Thrixel Roblox用→

  • Unreal Engine

    FBX アセット、Blueprint ゲームプレイ、および Unreal MCP によるレベル編集。エージェントはシーンを検査し、Play-In-Editor でのインタラクションをテストします。

    パズル ドアのある草が生い茂る展望台で、Unreal の探索ゲームを構築します。
    Unreal Engine向けThrixel →

Claude OpusまたはFableでゲームを制作

Claude Code は、Claude Opus または Claude Fable と一緒に実行できます。 Anthropic では、Opus をエージェント コーディングのモデルとして、Fable を要求の厳しい長時間実行の作業のモデルとして説明しています。 Thrixel プロジェクトでは、選択したモデルがゲームを計画およびコーディングし、一方、Thrixel ツールはその 3D アセットを生成および編集します。

Claude Code の /model ピッカーを使用して、利用可能なモデルを選択します。 Build World ワークフローと Thrixel 接続は変わりません。現在の Opus および Fable の可用性については、Anthropic のモデル構成ガイドを参照してください。

Claude Codeで始める

このワークフローは、選択したエンジンのツールを備えたコンピューター上の Claude Code で実行されます。まず、Claude Code をインストールし、アセットを生成するための Thrixel アカウントを作成します。チュートリアルについては、Claude Code を使用して 3D ゲームを作成する方法をご覧ください。

1 Claude に Build World をインストールするように依頼します。

Install the build-world skill from https://github.com/thrixel/build-world and follow the setup instructions in that repo.

Thrixel プラグインには、Build World スキルと MCP サーバーの両方が含まれています。サインイン フローに従って、Thrixel アカウントに接続します。

ターミナルからプラグインをインストールする

Claude Code と uv がインストールされている状態で、次のコマンドを実行します。 login コマンドにより、ブラウザーの承認ステップが開きます。

Terminal 
uvx thrixel-mcp@latest login
claude plugin marketplace add thrixel/build-world
claude plugin install thrixel@thrixel

claude plugin listとclaude mcp listでインストールを確認します。詳しい手順はBuild World READMEにあります。

2 新しい Claude Code セッションを開始し、ゲームについて説明します。

Claude Code 
/thrixel:build-world Three.js で、サンゴ礁、沈んだ遺跡、収集する宝物のある明るい熱帯の海を舞台にした潜水艦探索ゲームを構築します。

3 フォローアップ プロンプトを使用してゲームを改良します。

フォローアップの例 
サンゴ礁の上に灯台と、潜水艦が充電できるドックを追加します。ルートをプレイテストし、ドック近くのカメラを確認してください。

完成した Three.js または Unity WebGL ゲームについては、Claude にそれを thrixel.world に公開し、共有可能なリンクを返すように依頼してください。 Claude は、さらに変更を加えた後、更新されたビルドを公開できます。

よくある質問

Build World と MCP はどのように組み合わされますか?

Build World は、計画、エンジンのセットアップ、テスト、反復などのゲーム構築手順を提供します。 MCP は、Claude を Thrixel のアセット ツールに接続します。プラグインは両方をパッケージ化します。 MCP サーバー は、アセット作業用に単独で使用することもできます。

Claude は既存のゲームでも動作しますか?

ClaudeはThrixelを使い、既存のプロジェクトで不足している小道具の生成や仮置きモデルの置き換えを行えます。生成したアセットはThrixelのワークスペースに保存され、確認や編集、別のゲームでの再利用が可能です。

どのようなアカウントとツールが必要ですか?

Claude Code アクセス、生成クレジットのある Thrixel アカウント、および選択したエンジン用のツール。 Unity は Unity Editor および Unity CLI を使用します。 Roblox は Studio とそのセットアップ ワークフローを使用します。 Unreal ではエディターと Unreal MCP を使用します。 Thrixel の使用法は、Claude の使用法とは別のものです。詳細については、セットアップ ガイドを参照してください。