AI + ThrixelでRobloxのゲームを作る方法

始める前に、Roblox Studioをインストールし、Robloxアカウントを用意してください。

1. VS CodeでRojoをインストールする

1. Visual Studio Code（VS Code）をインストールします。
2. VS Codeの拡張機能Rojo - Roblox Studio Syncをインストールします。
3. VS CodeでFile > Open Folderを選び、ゲーム用の空のフォルダーを開きます。
4. Ctrl + Shift + P（MacではCmd + Shift + P）を押してコマンドパレットを開きます。「Rojo」と入力し、Rojo: Open Menuを選びます。
5. Rojoが未インストールと表示された場合は、Install Rojo nowをクリックします。
6. Install Roblox Studio Pluginをクリックします。Studioが開いている場合は再起動してください。StudioのPluginsタブにRojoが表示されます。

2. Build Worldスキルを追加する

サインイン

スキルをインストールする前にThrixelにサインインします。コマンドはどのエージェントでも同じで、uvが必要です。uvが未インストールの場合は、OSに合ったコマンドをターミナルで実行してください。

curl -LsSf https://astral.sh/uv/install.sh | sh

irm https://astral.sh/uv/install.ps1 | iex

以下のサインインコマンドを実行します。ブラウザーでページが開いたら、ApproveをクリックしてThrixelアカウントを接続します。

uvx thrixel-mcp@latest login

Build Worldをインストールする

以下から使用するコーディングエージェントを選んでください。Build Worldには、手順を提供するスキルと、アセット生成ツールを提供するThrixel MCPサーバーの両方が必要です。

claude plugin marketplace add thrixel/build-world
claude plugin install thrixel@thrixel

codex plugin marketplace add thrixel/build-world
codex plugin add thrixel@thrixel

{
  "mcpServers": {
    "thrixel": {
      "type": "stdio",
      "command": "uvx",
      "args": ["thrixel-mcp@latest"]
    }
  }
}

git clone https://github.com/thrixel/build-world ~/.thrixel/build-world
mkdir -p ~/.cursor/skills
ln -s ~/.thrixel/build-world/skills/build-world ~/.cursor/skills/build-world

git clone https://github.com/thrixel/build-world "$HOME\.thrixel\build-world"
New-Item -ItemType Directory -Force "$HOME\.cursor\skills" | Out-Null
New-Item -ItemType Junction -Path "$HOME\.cursor\skills\build-world" -Target "$HOME\.thrixel\build-world\skills\build-world"

gemini mcp add -s user --trust thrixel uvx -- thrixel-mcp@latest
gemini skills install https://github.com/thrixel/build-world --path skills/build-world

Build Worldのセットアップガイドには、手動インストール、更新、既存のインストール環境についても説明があります。

3. Roblox Studioを設定する

StudioのMCPサーバーを有効にして、エージェントがStudio内でコードを実行したり、ゲームのスクリーンショットを撮ったりできるようにします。

1. Roblox Studioを開き、新しいBaseplateを作成します。これで、ゲームのワールドを保存するRobloxファイルである「place」が作成されます。
2. ウィンドウ右上のAssistantアイコンをクリックします。
3. Assistantパネルで… > Settings > Manage MCP Serversを開きます。Enable Studio as MCP serverをオンにします。緑色のインジケーターが動作中であることを示します。

4. Roblox APIキーを作成する

Rojoは3Dモデルファイルを同期しません。エージェントはRoblox APIキーを使ってモデルを別途アップロードします。

1. Creator Hubの認証情報ページに移動し、Create API Keyをクリックします。
2. Access PermissionsでAssets APIシステムを追加します。所有者に自分のアカウントを選び、ReadとWriteを有効にします。
3. Accepted IP Addressesに0.0.0.0/0を追加するか、IP制限を無効にします。この欄が空のままだとアップロードを完了できません。
4. このキーはどのIPアドレスからでも利用できるため、有効期限を30日など短めに設定します。
5. Saveをクリックしてキーをコピーします。キーは一度しか表示されません。
6. ゲームのフォルダー内にroblox_api_key.txtというファイルを作成し、キーを保存します。このファイルをGitに追加しないでください。

5. サーバーを起動する

VS Codeからサーバーを起動する

1. VS CodeでCtrl + Shift + P（MacではCmd + Shift + P）を押してコマンドパレットを開きます。「Rojo」と入力してRojo: Open Menuを選びます。
2. フォルダー内にRojoプロジェクトがない場合は、Create one nowをクリックします。Rojoがdefault.project.jsonとゲーム用の初期フォルダーを追加します。
3. Projects in this workspaceで、再生アイコンの隣にあるプロジェクト名をクリックします。

VS Codeの右下にポップアップが表示され、サーバーがlocalhostのポート34872で待ち受けていることを確認できます。停止するにはRojoメニューを開き、もう一度プロジェクトをクリックします。サーバーの実行中は、再生アイコンが停止アイコンに変わります。

Roblox Studioをサーバーに接続する

1. Roblox StudioのBaseplateのplaceに戻ります。
2. Pluginsタブを開き、Rojoをクリックします。
3. サーバーに別のポートが表示されていなければ、アドレスはlocalhost、ポートは34872のままにします。
4. Connectをクリックします。
5. 「Sync changes for project」でRojoがplaceに適用する変更を確認し、Acceptをクリックします。

Rojoウィンドウにプロジェクト名、サーバーアドレス、Disconnectボタンが表示されます。Studioは接続され、変更を受け取れる状態になっています。

Studioが接続できない場合は、ブラウザーでhttp://localhost:34872/を開いてください。Rojoのステータスページが表示されれば、サーバーは実行中です。

6. ゲームを作る

Thrixel Cubes

Thrixelでは3Dアセットの生成にCubesを使用します。合計費用は、実行する処理とゲームに必要なアセット数によって変わります。固定料金の処理と、実行後に利用量に応じて課金される処理があります。ゲーム全体の制作では、コーディングエージェントのプランの利用枠も大きく消費することがあります。大規模な制作を始める前に残高を確認し、最新の料金はThrixelのウェブサイトで確認してください。

Build Worldを実行する

1. Rojoプロジェクトがあるフォルダーでコーディングエージェントを開きます。
2. 使用するエージェントのBuild Worldコマンドでメッセージを始めます。

   エージェント	コマンド
   Claude Code	/thrixel:build-world
   Codex	$build-world
   Cursor	/build-world
   Gemini CLI	/build-world

3. コマンドの後にゲームの内容を書きます。適切なエンジンを使うよう、「Roblox」を含めてください。
4. Rojoがすでに実行中であることと、そのポートを伝えます。これでエージェントが別のサーバーを起動するのを防げます。

Codexでは$buildと入力し、スキル選択メニューからbuild-worldを選んでからゲームの説明を追加します。

/thrixel:build-world Robloxで浮島を舞台にした障害物コースのゲームを作ってください。RojoとそのStudioプラグインは設定済みで、Rojoはポート34872でこのフォルダーを配信しています。別のサーバーは起動しないでください。

Roblox Studioで変更を承認する

Rojoへの最初の接続時に変更を承認します。接続後は、エージェントが変更をディスクに保存するとすぐにRojoが同期します。

• 接続時：Rojoはファイルとplaceの差分を表示します。適用する場合はAccept、接続をキャンセルする場合はAbortをクリックします。差分がなければ、確認せずに接続します。
• エージェントの作業中：新規・編集済みのスクリプトは自動的にStudioに表示されます。Studioを閉じたり切断したりした場合は、エージェントに求められたらもう一度Connectをクリックします。エージェント自身がRojoを再接続することはできません。
• 変更を調べるには：Rojoウィンドウで最後の変更時刻をクリックし、View changesを開きます。適用された変更と失敗した項目が表示されます。Rojoの変更はStudioの取り消し履歴にも記録されます。

同期前に変更をまとめて確認するには、RojoウィンドウのSettingsを開き、Confirmation BehaviorをAlwaysに設定します。Disconnectをクリックしてエージェントの作業が終わるのを待ち、Connectで変更をまとめて確認します。この確認は接続時に行われます。接続中に保存された変更は引き続き自動で同期されます。

手動で対応が必要な点が2つあります。

• インポートしたモデルを保存する。Rojoはスクリプトとインスタンスを同期します。エージェントは3Dモデルを別途アップロードし、ReplicatedStorage.Assetsに挿入するため、モデルはプロジェクトファイルには保存されません。StudioでFile > Saveを使って保存してください。
• 同期対象のスクリプトはプロジェクトファイルで編集する。Rojoの双方向同期は既定では無効です。Studioでこれらのスクリプトを編集してもファイルには反映されず、上書きされることがあります。

7. ゲームを公開する

ゲームを共有する準備ができたら、StudioでFile > Publish to Robloxを使用します。