Een Roblox-game maken met AI en Thrixel

Voordat je begint, heb je Roblox Studio geïnstalleerd en een Roblox-account nodig.

1. Rojo installeren met VS Code

1. Installeer Visual Studio Code (VS Code).
2. Installeer de extensie Rojo - Roblox Studio Sync voor VS Code.
3. Ga in VS Code naar File > Open Folder en open een lege map voor de game.
4. Druk op Ctrl + Shift + P (Cmd + Shift + P op de Mac) om het opdrachtenpalet te openen. Typ ‘Rojo’ en kies Rojo: Open Menu.
5. Als het menu aangeeft dat Rojo niet is geïnstalleerd, klik je op Install Rojo now.
6. Klik op Install Roblox Studio Plugin. Start Studio opnieuw als het geopend is. Rojo verschijnt daarna op het tabblad Plugins in Studio.

2. De Build World-skill toevoegen

Inloggen

Log in bij Thrixel voordat je de skill installeert. De opdracht is voor elke agent hetzelfde en vereist uv. Als uv niet is geïnstalleerd, voer je de opdracht voor je besturingssysteem uit in een terminal:

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

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

Voer de onderstaande inlogopdracht uit. Klik op Approve zodra de browserpagina opent om je Thrixel-account te koppelen.

uvx thrixel-mcp@latest login

Build World installeren

Kies hieronder je codeeragent. Build World heeft zowel de skill met instructies als de Thrixel-MCP-server met tools voor het genereren van assets nodig.

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

De installatiehandleiding voor Build World behandelt ook handmatige installaties, updates en bestaande installaties.

3. Roblox Studio instellen

Schakel de MCP-server van Studio in zodat de agent code in Studio kan uitvoeren en screenshots van de game kan maken.

1. Open Roblox Studio en maak een nieuwe Baseplate. Hiermee maak je een place: het Roblox-bestand dat de gamewereld bevat.
2. Klik op het pictogram Assistant helemaal rechtsboven in het venster.
3. Open in het Assistant-paneel … > Settings > Manage MCP Servers. Schakel Enable Studio as MCP server in. Een groene indicator bevestigt dat de server actief is.

4. Een Roblox-API-sleutel maken

Rojo synchroniseert geen 3D-modelbestanden. De agent gebruikt een Roblox-API-sleutel om de modellen afzonderlijk te uploaden.

1. Ga naar je pagina met inloggegevens in Creator Hub en klik op Create API Key.
2. Voeg onder Access Permissions het API-systeem Assets toe. Kies je eigen account als eigenaar en schakel Read en Write in.
3. Voeg onder Accepted IP Addresses de waarde 0.0.0.0/0 toe of schakel IP-beperkingen uit. Als dit veld leeg blijft, kunnen uploads niet worden voltooid.
4. Omdat deze sleutel toegang vanaf elk IP-adres toestaat, stel je een korte geldigheidsduur in, bijvoorbeeld 30 dagen.
5. Klik op Save en kopieer de sleutel. Deze wordt maar één keer getoond.
6. Sla de sleutel op in een bestand met de naam roblox_api_key.txt in de gamemap. Neem dit bestand niet op in Git.

5. De server starten

De server starten vanuit VS Code

1. Open in VS Code het opdrachtenpalet met Ctrl + Shift + P (Cmd + Shift + P op de Mac). Typ ‘Rojo’ en kies Rojo: Open Menu.
2. Als de map geen Rojo-project bevat, klik je op Create one now. Rojo voegt default.project.json en de startmappen van de game toe.
3. Klik onder Projects in this workspace op de projectnaam naast het afspeelpictogram.

Een pop-up rechtsonder in VS Code bevestigt dat de server luistert op localhost, op poort 34872. Om de server te stoppen, open je het Rojo-menu en klik je opnieuw op het project. Het afspeelpictogram verandert in een stoppictogram zolang de server actief is.

Roblox Studio verbinden met de server

1. Ga terug naar de Baseplate-place in Roblox Studio.
2. Open het tabblad Plugins en klik op Rojo.
3. Laat het adres op localhost en de poort op 34872 staan, tenzij de server een andere poort heeft aangegeven.
4. Klik op Connect.
5. Bekijk onder ‘Sync changes for project’ welke wijzigingen Rojo in de place gaat aanbrengen en klik op Accept.

Het Rojo-venster toont nu de projectnaam, het serveradres en een knop Disconnect. Studio is verbonden en klaar om wijzigingen te ontvangen.

Als Studio geen verbinding kan maken, open je http://localhost:34872/ in een browser. Een Rojo-statuspagina bevestigt dat de server actief is.

6. De game bouwen

Thrixel Cubes

Thrixel rekent Cubes voor het genereren van 3D-assets. Het totaal hangt af van de gebruikte bewerkingen en het aantal assets in de game. Sommige bewerkingen hebben een vaste prijs; andere worden op gebruik gemeten en achteraf in rekening gebracht. Een volledige game bouwen kan ook een groot deel van de limieten van het abonnement van je codeeragent verbruiken. Controleer je saldo voordat je aan een groot project begint en bekijk de actuele tarieven op de website van Thrixel.

Build World uitvoeren

1. Open de codeeragent in de map met het Rojo-project.
2. Begin een bericht met de Build World-opdracht voor je agent:

   Agent	Opdracht
   Claude Code	/thrixel:build-world
   Codex	$build-world
   Cursor	/build-world
   Gemini CLI	/build-world

3. Beschrijf de game na de opdracht. Vermeld ‘Roblox’ zodat de skill de juiste engine gebruikt.
4. Vermeld dat Rojo al actief is, inclusief de poort, zodat de agent geen tweede server start.

Typ in Codex $build en kies build-world in de skillkiezer voordat je de gamebeschrijving toevoegt.

/thrixel:build-world bouw een hindernisparcours in Roblox op zwevende eilanden. Rojo en de Studio-plugin zijn al ingesteld en Rojo serveert deze map op poort 34872, dus start geen andere server.

Wijzigingen accepteren in Roblox Studio

De eerste Rojo-verbinding is het goedkeuringsmoment. Zodra de verbinding tot stand is gebracht, synchroniseert Rojo wijzigingen zodra de agent ze op schijf opslaat.

• Bij het verbinden: Rojo toont de verschillen tussen de bestanden en de place. Klik op Accept om ze toe te passen of op Abort om de verbinding te annuleren. Als er geen verschillen zijn, maakt Rojo zonder bevestiging verbinding.
• Terwijl de agent werkt: Nieuwe en bewerkte scripts verschijnen automatisch in Studio. Als Studio gesloten was of de verbinding was verbroken, klik je opnieuw op Connect wanneer de agent daarom vraagt. De agent kan Rojo niet zelf opnieuw verbinden.
• Wijzigingen bekijken: Klik in het Rojo-venster op het tijdstip van de laatste wijziging om View changes te openen. Deze weergave toont toegepaste wijzigingen en markeert mislukte wijzigingen. Rojo-wijzigingen verschijnen ook in de ongedaanmaakgeschiedenis van Studio.

Om een groep wijzigingen vóór het synchroniseren te bekijken, open je Settings in het Rojo-venster en zet je Confirmation Behavior op Always. Klik op Disconnect, laat de agent zijn werk afronden en klik op Connect om de wijzigingen samen te bekijken. Deze controle vindt plaats bij het verbinden. Wijzigingen die tijdens een actieve verbinding worden opgeslagen, worden nog steeds automatisch gesynchroniseerd.

Twee zaken vereisen handmatige aandacht:

• Sla de imports op. Rojo synchroniseert scripts en instanties. De agent uploadt 3D-modellen afzonderlijk en plaatst ze in ReplicatedStorage.Assets, dus deze modellen worden niet opgeslagen in de projectbestanden. Gebruik File > Save in Studio om ze te bewaren.
• Bewerk gesynchroniseerde scripts in de projectbestanden. Tweerichtingssynchronisatie staat standaard uit in Rojo. Bewerkingen aan deze scripts in Studio komen niet in de bestanden terecht en kunnen worden overschreven.

7. De game publiceren

Gebruik File > Publish to Roblox in Studio wanneer de game klaar is om te delen.