Cara Membuat Game di Roblox Menggunakan AI + Thrixel

Thrixel menghasilkan model 3D, Build World memandu agen pemrograman, dan Rojo menyinkronkan kode game dengan Roblox Studio.

Sebelum mulai, instal Roblox Studio dan siapkan akun Roblox.

Build a Gigacorp, game Roblox yang dibuat dengan skill Build World dari Thrixel.

1. Instal Rojo dengan VS Code

  1. Instal Visual Studio Code (VS Code).
  2. Instal ekstensi Rojo - Roblox Studio Sync untuk VS Code.
  3. Di VS Code, buka File > Open Folder dan pilih folder kosong untuk game.
  4. Tekan Ctrl + Shift + P (Cmd + Shift + P di Mac) untuk membuka palet perintah. Ketik “Rojo” dan pilih Rojo: Open Menu.
  5. Jika menu menyatakan Rojo belum terinstal, klik Install Rojo now.
  6. Klik Install Roblox Studio Plugin. Jika Studio sedang terbuka, mulai ulang. Rojo akan muncul di tab Plugins pada Studio.

2. Tambahkan skill Build World

Masuk

Masuk ke Thrixel sebelum menginstal skill. Perintahnya sama untuk semua agen dan memerlukan uv. Jika uv belum terinstal, jalankan perintah yang sesuai dengan sistem operasi di terminal:

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

Jalankan perintah masuk di bawah. Saat halaman browser terbuka, klik Approve untuk menghubungkan akun Thrixel.

Masuk ke Thrixel
uvx thrixel-mcp@latest login

Instal Build World

Pilih agen pemrograman di bawah. Build World memerlukan skill yang menyediakan instruksi serta server MCP Thrixel yang menyediakan alat untuk menghasilkan aset.

Claude Code

Jalankan perintah ini di terminal untuk menginstal plugin Thrixel. Plugin ini mencakup skill dan server MCP.

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

Jalankan claude plugin list dan pastikan thrixel@thrixel aktif. Lalu jalankan claude mcp list dan pastikan plugin:thrixel:thrixel terhubung. Mulai sesi Claude Code baru setelah instalasi.

Codex

Jalankan perintah ini di terminal untuk menginstal plugin di Codex:

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

Jalankan codex plugin list dan pastikan thrixel@thrixel terinstal dan aktif di bawah marketplace Thrixel. Jalankan codex mcp list untuk memastikan thrixel aktif. Mulai sesi Codex baru untuk memuat plugin.

Untuk versi Codex yang tidak mendukung plugin, ikuti petunjuk instalasi manual.

Cursor

Tambahkan konfigurasi ini ke ~/.cursor/mcp.json. Jika file sudah memiliki bagian mcpServers, tambahkan entri thrixel tanpa mengganti entri yang ada.

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

Kemudian instal skill menggunakan perintah untuk sistem operasi yang dipakai:

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"

Mulai ulang Cursor. Pastikan thrixel muncul di Settings > MCP, lalu ketik / di chat Agent dan cari build-world.

Gemini CLI

Jalankan perintah ini di terminal untuk mendaftarkan server MCP Thrixel dan menginstal skill:

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

Mulai sesi Gemini CLI baru. Jalankan /mcp untuk memeriksa keberadaan thrixel dan /skills list untuk memeriksa keberadaan build-world.

Panduan pengaturan Build World juga membahas instalasi manual, pembaruan, dan instalasi yang sudah ada.

3. Siapkan Roblox Studio

Aktifkan server MCP Studio agar agen dapat menjalankan kode di Studio dan mengambil tangkapan layar game.

  1. Buka Roblox Studio dan buat Baseplate baru. Ini membuat sebuah place, yaitu file Roblox yang menyimpan dunia game.
  2. Klik ikon Assistant di ujung kanan atas jendela.
  3. Di panel Assistant, buka … > Settings > Manage MCP Servers. Aktifkan Enable Studio as MCP server. Indikator hijau menandakan server berjalan.

4. Buat kunci API Roblox

Rojo tidak menyinkronkan file model 3D. Agen menggunakan kunci API Roblox untuk mengunggah model secara terpisah.

  1. Buka halaman kredensial Creator Hub dan klik Create API Key.
  2. Di bagian Access Permissions, tambahkan sistem API Assets. Pilih akun sendiri sebagai pemilik dan aktifkan Read serta Write.
  3. Di bagian Accepted IP Addresses, tambahkan 0.0.0.0/0 atau nonaktifkan pembatasan IP. Jika kolom ini kosong, unggahan tidak dapat diselesaikan.
  4. Karena kunci ini mengizinkan akses dari semua alamat IP, tetapkan masa berlaku singkat, misalnya 30 hari.
  5. Klik Save dan salin kuncinya. Kunci hanya ditampilkan sekali.
  6. Simpan kunci di file bernama roblox_api_key.txt dalam folder game. Jangan masukkan file ini ke Git.

5. Jalankan server

Mulai server dari VS Code

  1. Di VS Code, buka palet perintah dengan Ctrl + Shift + P (Cmd + Shift + P di Mac). Ketik “Rojo” dan pilih Rojo: Open Menu.
  2. Jika folder belum memiliki proyek Rojo, klik Create one now. Rojo menambahkan default.project.json dan folder awal game.
  3. Di bagian Projects in this workspace, klik nama proyek di samping ikon putar.

Popup di kanan bawah VS Code mengonfirmasi server berjalan di localhost pada port 34872. Untuk menghentikannya, buka menu Rojo dan klik proyek lagi. Ikon putar berubah menjadi ikon berhenti saat server berjalan.

Hubungkan Roblox Studio ke server

  1. Kembali ke place Baseplate di Roblox Studio.
  2. Buka tab Plugins dan klik Rojo.
  3. Biarkan alamat tetap localhost dan port 34872, kecuali server melaporkan port yang berbeda.
  4. Klik Connect.
  5. Di bagian “Sync changes for project”, tinjau perubahan yang akan diterapkan Rojo ke place, lalu klik Accept.

Jendela Rojo kini menampilkan nama proyek, alamat server, dan tombol Disconnect. Studio sudah terhubung dan siap menerima perubahan.

Jika Studio tidak dapat terhubung, buka http://localhost:34872/ di browser. Halaman status Rojo menandakan server berjalan.

6. Buat game

Thrixel Cubes

Thrixel mengenakan biaya dalam Cubes untuk menghasilkan aset 3D. Totalnya bergantung pada operasi yang digunakan dan jumlah aset dalam game. Beberapa operasi memiliki biaya tetap, sementara yang lain dihitung berdasarkan penggunaan dan ditagihkan setelah selesai. Membuat game lengkap juga dapat menghabiskan sebagian besar batas penggunaan paket agen pemrograman. Periksa saldo sebelum memulai proyek besar, dan lihat tarif terbaru di situs Thrixel.

Jalankan Build World

  1. Buka agen pemrograman di folder yang berisi proyek Rojo.
  2. Awali pesan dengan perintah Build World untuk agen yang dipakai:
    AgenPerintah
    Claude Code/thrixel:build-world
    Codex$build-world
    Cursor/build-world
    Gemini CLI/build-world
  3. Jelaskan game setelah perintah. Sertakan “Roblox” agar skill menggunakan engine yang benar.
  4. Sebutkan bahwa Rojo sudah berjalan beserta portnya agar agen tidak memulai server kedua.

Di Codex, ketik $build dan pilih build-world dari pemilih skill sebelum menambahkan deskripsi game.

Contoh prompt untuk Claude Code
/thrixel:build-world buat game lintasan rintangan di Roblox dengan latar pulau-pulau terapung. Rojo dan plugin Studio-nya sudah disiapkan, dan Rojo melayani folder ini pada port 34872, jadi jangan mulai server lain.

Terima perubahan di Roblox Studio

Persetujuan diberikan saat koneksi awal Rojo. Setelah terhubung, Rojo menyinkronkan perubahan segera setelah agen menyimpannya ke disk.

  • Saat menghubungkan: Rojo menampilkan perbedaan antara file dan place. Klik Accept untuk menerapkannya, atau Abort untuk membatalkan koneksi. Jika tidak ada perbedaan, koneksi langsung terjalin tanpa konfirmasi.
  • Saat agen bekerja: Skrip baru dan yang diedit muncul otomatis di Studio. Jika Studio ditutup atau koneksi terputus, klik Connect lagi saat diminta agen. Agen tidak dapat menghubungkan ulang Rojo sendiri.
  • Untuk memeriksa perubahan: Klik waktu perubahan terakhir di jendela Rojo untuk membuka View changes. Di sana tercantum perubahan yang diterapkan dan penanda untuk yang gagal. Perubahan Rojo juga tercatat dalam riwayat urungkan Studio.

Untuk meninjau sekumpulan perubahan sebelum sinkronisasi, buka Settings di jendela Rojo dan atur Confirmation Behavior ke Always. Klik Disconnect, tunggu agen selesai, lalu klik Connect untuk meninjau semua perubahan sekaligus. Tinjauan ini dilakukan saat menghubungkan. Perubahan yang disimpan selama koneksi aktif tetap disinkronkan otomatis.

Dua hal memerlukan tindakan manual:

  • Simpan hasil impor. Rojo menyinkronkan skrip dan instance. Agen mengunggah model 3D secara terpisah dan memasukkannya ke ReplicatedStorage.Assets, sehingga model tersebut tidak tersimpan dalam file proyek. Gunakan File > Save di Studio untuk menyimpannya.
  • Edit skrip yang disinkronkan di file proyek. Sinkronisasi dua arah Rojo nonaktif secara default. Edit pada skrip tersebut di Studio tidak diteruskan ke file dan dapat tertimpa.

7. Terbitkan game

Gunakan File > Publish to Roblox di Studio saat game siap dibagikan.