Så skapar du ett spel i Roblox med AI och Thrixel

Thrixel genererar 3D-modellerna, Build World vägleder kodningsagenten och Rojo synkroniserar spelkoden med Roblox Studio.

Innan du börjar behöver du ha Roblox Studio installerat och ett Roblox-konto.

Build a Gigacorp, ett Roblox-spel skapat med Thrixels Build World-skill.

1. Installera Rojo med VS Code

  1. Installera Visual Studio Code (VS Code).
  2. Installera tillägget Rojo - Roblox Studio Sync för VS Code.
  3. Gå till File > Open Folder i VS Code och öppna en tom mapp för spelet.
  4. Tryck på Ctrl + Shift + P (Cmd + Shift + P på Mac) för att öppna kommandopaletten. Skriv ”Rojo” och välj Rojo: Open Menu.
  5. Om menyn anger att Rojo inte är installerat klickar du på Install Rojo now.
  6. Klicka på Install Roblox Studio Plugin. Starta om Studio om det är öppet. Rojo ska sedan visas på fliken Plugins i Studio.

2. Lägg till Build World-skillen

Logga in

Logga in på Thrixel innan du installerar skillen. Kommandot är detsamma för alla agenter och kräver uv. Om uv inte är installerat kör du kommandot för ditt operativsystem i en terminal:

macOS, Linux, WSL
curl -LsSf https://astral.sh/uv/install.sh | sh
Windows PowerShell
irm https://astral.sh/uv/install.ps1 | iex

Kör inloggningskommandot nedan. När webbläsarsidan öppnas klickar du på Approve för att ansluta ditt Thrixel-konto.

Logga in på Thrixel
uvx thrixel-mcp@latest login

Installera Build World

Välj din kodningsagent nedan. Build World behöver både skillen, som tillhandahåller instruktionerna, och Thrixels MCP-server, som tillhandahåller verktygen för att generera tillgångar.

Claude Code

Kör de här kommandona i en terminal för att installera Thrixel-pluginen. Den innehåller både skillen och MCP-servern.

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

Kör claude plugin list och kontrollera att thrixel@thrixel är aktiverad. Kör sedan claude mcp list och kontrollera att plugin:thrixel:thrixel är ansluten. Starta en ny Claude Code-session efter installationen.

Codex

Kör de här kommandona i en terminal för att installera pluginen i Codex:

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

Kör codex plugin list och kontrollera att thrixel@thrixel är installerad och aktiverad under Thrixels marknadsplats. Kör codex mcp list för att kontrollera att thrixel är aktiverad. Starta en ny Codex-session för att läsa in pluginen.

För Codex-versioner utan stöd för pluginer följer du anvisningarna för manuell installation.

Cursor

Lägg till den här konfigurationen i ~/.cursor/mcp.json. Om filen redan har ett avsnitt mcpServers lägger du till posten thrixel utan att ersätta de befintliga posterna.

MCP-konfiguration för Cursor
{
  "mcpServers": {
    "thrixel": {
      "type": "stdio",
      "command": "uvx",
      "args": ["thrixel-mcp@latest"]
    }
  }
}

Installera sedan skillen med kommandona för ditt operativsystem:

macOS, Linux, WSL
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
Windows PowerShell
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"

Starta om Cursor. Kontrollera att thrixel finns under Settings > MCP. Skriv sedan / i Agent-chatten och leta efter build-world.

Gemini CLI

Kör de här kommandona i en terminal för att registrera Thrixels MCP-server och installera skillen:

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

Starta en ny Gemini CLI-session. Kör /mcp för att leta efter thrixel och /skills list för att leta efter build-world.

Installationsguiden för Build World tar också upp manuella installationer, uppdateringar och befintliga installationer.

3. Konfigurera Roblox Studio

Aktivera Studios MCP-server så att agenten kan köra kod i Studio och ta skärmbilder av spelet.

  1. Öppna Roblox Studio och skapa en ny Baseplate. Detta skapar en plats, Roblox-filen som innehåller spelets värld.
  2. Klicka på ikonen Assistant längst upp till höger i fönstret.
  3. Öppna … > Settings > Manage MCP Servers i Assistant-panelen. Aktivera Enable Studio as MCP server. En grön indikator bekräftar att servern körs.

4. Skapa en API-nyckel för Roblox

Rojo synkroniserar inte filer med 3D-modeller. Agenten använder en Roblox-API-nyckel för att ladda upp modellerna separat.

  1. Gå till din sida för autentiseringsuppgifter i Creator Hub och klicka på Create API Key.
  2. Lägg till API-systemet Assets under Access Permissions. Välj ditt konto som ägare och aktivera Read och Write.
  3. Lägg till 0.0.0.0/0 under Accepted IP Addresses eller stäng av IP-begränsningarna. Om fältet lämnas tomt går det inte att slutföra uppladdningar.
  4. Eftersom nyckeln ger åtkomst från alla IP-adresser bör du ange en kort giltighetstid, till exempel 30 dagar.
  5. Klicka på Save och kopiera nyckeln. Den visas bara en gång.
  6. Spara nyckeln i en fil som heter roblox_api_key.txt i spelmappen. Lägg inte till filen i Git.

5. Starta servern

Starta servern från VS Code

  1. Öppna kommandopaletten i VS Code med Ctrl + Shift + P (Cmd + Shift + P på Mac). Skriv ”Rojo” och välj Rojo: Open Menu.
  2. Om mappen inte innehåller något Rojo-projekt klickar du på Create one now. Rojo lägger till default.project.json och spelets startmappar.
  3. Klicka på projektnamnet bredvid uppspelningsikonen under Projects in this workspace.

Ett popupmeddelande nere till höger i VS Code bekräftar att servern lyssnar på localhost, port 34872. Öppna Rojo-menyn och klicka på projektet igen för att stoppa servern. Uppspelningsikonen ändras till en stoppikon medan servern körs.

Anslut Roblox Studio till servern

  1. Gå tillbaka till Baseplate-platsen i Roblox Studio.
  2. Öppna fliken Plugins och klicka på Rojo.
  3. Behåll adressen localhost och porten 34872 om servern inte har angett en annan port.
  4. Klicka på Connect.
  5. Granska ändringarna som Rojo kommer att göra i platsen under ”Sync changes for project” och klicka på Accept.

Rojo-fönstret visar nu projektnamnet, serveradressen och knappen Disconnect. Studio är anslutet och redo att ta emot ändringar.

Om Studio inte kan ansluta öppnar du http://localhost:34872/ i en webbläsare. En Rojo-statussida bekräftar att servern körs.

6. Bygg spelet

Thrixel Cubes

Thrixel tar betalt i Cubes för att generera 3D-tillgångar. Totalsumman beror på vilka operationer som används och hur många tillgångar spelet behöver. Vissa operationer har ett fast pris, medan andra mäts och debiteras efter körningen. Att bygga ett helt spel kan också förbruka en stor del av kodningsagentens abonnemangsgränser. Kontrollera ditt saldo innan du börjar med ett stort projekt och se aktuella priser på Thrixels webbplats.

Kör Build World

  1. Öppna kodningsagenten i mappen som innehåller Rojo-projektet.
  2. Börja ett meddelande med Build World-kommandot för din agent:
    AgentKommando
    Claude Code/thrixel:build-world
    Codex$build-world
    Cursor/build-world
    Gemini CLI/build-world
  3. Beskriv spelet efter kommandot. Ta med ”Roblox” så att skillen använder rätt spelmotor.
  4. Nämn att Rojo redan körs och ange porten så att agenten inte startar en andra server.

Skriv $build i Codex och välj build-world i skillväljaren innan du lägger till spelbeskrivningen.

Exempelprompt för Claude Code
/thrixel:build-world bygg ett hinderbanespel i Roblox på svävande öar. Rojo och dess Studio-plugin är redan konfigurerade, och Rojo betjänar den här mappen på port 34872, så starta ingen ytterligare server.

Godkänn ändringar i Roblox Studio

Den första Rojo-anslutningen är godkännandesteget. När anslutningen är upprättad synkroniserar Rojo ändringar så snart agenten sparar dem på disk.

  • Vid anslutning: Rojo listar skillnaderna mellan filerna och platsen. Klicka på Accept för att tillämpa dem eller på Abort för att avbryta anslutningen. Om det inte finns några skillnader ansluter Rojo utan att fråga.
  • Medan agenten arbetar: Nya och redigerade skript visas automatiskt i Studio. Om Studio har stängts eller kopplats från klickar du på Connect igen när agenten ber om det. Agenten kan inte återansluta Rojo själv.
  • Granska ändringar: Klicka på tiden för den senaste ändringen i Rojo-fönstret för att öppna View changes. Där visas tillämpade ändringar och eventuella misslyckanden markeras. Rojo-ändringar visas också i Studios ångrahistorik.

För att granska flera ändringar före synkronisering öppnar du Settings i Rojo-fönstret och ställer Confirmation Behavior på Always. Klicka på Disconnect, låt agenten bli klar och klicka sedan på Connect för att granska ändringarna tillsammans. Granskningen sker vid anslutningen. Ändringar som sparas under en aktiv anslutning synkroniseras fortfarande automatiskt.

Två saker kräver manuell hantering:

  • Spara importerna. Rojo synkroniserar skript och instanser. Agenten laddar upp 3D-modeller separat och lägger in dem i ReplicatedStorage.Assets, så dessa modeller sparas inte i projektfilerna. Använd File > Save i Studio för att behålla dem.
  • Redigera synkroniserade skript i projektfilerna. Rojos tvåvägssynkronisering är avstängd som standard. Ändringar av dessa skript i Studio når inte filerna och kan skrivas över.

7. Publicera spelet

Använd File > Publish to Roblox i Studio när spelet är redo att delas.