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.
1. Instal Rojo dengan VS Code
- Instal Visual Studio Code (VS Code).
- Instal ekstensi Rojo - Roblox Studio Sync untuk VS Code.
- Di VS Code, buka File > Open Folder dan pilih folder kosong untuk game.
- Tekan
Ctrl + Shift + P(Cmd + Shift + Pdi Mac) untuk membuka palet perintah. Ketik “Rojo” dan pilih Rojo: Open Menu. - Jika menu menyatakan Rojo belum terinstal, klik Install Rojo now.
- 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:
curl -LsSf https://astral.sh/uv/install.sh | sh
irm https://astral.sh/uv/install.ps1 | iex
Jalankan perintah masuk di bawah. Saat halaman browser terbuka, klik Approve untuk menghubungkan akun 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.
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:
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.
{
"mcpServers": {
"thrixel": {
"type": "stdio",
"command": "uvx",
"args": ["thrixel-mcp@latest"]
}
}
}
Kemudian instal skill menggunakan perintah untuk sistem operasi yang dipakai:
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"
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:
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.
- Buka Roblox Studio dan buat Baseplate baru. Ini membuat sebuah place, yaitu file Roblox yang menyimpan dunia game.
- Klik ikon Assistant di ujung kanan atas jendela.
- 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.
- Buka halaman kredensial Creator Hub dan klik Create API Key.
- Di bagian Access Permissions, tambahkan sistem API Assets. Pilih akun sendiri sebagai pemilik dan aktifkan Read serta Write.
- Di bagian Accepted IP Addresses, tambahkan
0.0.0.0/0atau nonaktifkan pembatasan IP. Jika kolom ini kosong, unggahan tidak dapat diselesaikan. - Karena kunci ini mengizinkan akses dari semua alamat IP, tetapkan masa berlaku singkat, misalnya 30 hari.
- Klik Save dan salin kuncinya. Kunci hanya ditampilkan sekali.
- Simpan kunci di file bernama
roblox_api_key.txtdalam folder game. Jangan masukkan file ini ke Git.
5. Jalankan server
Mulai server dari VS Code
- Di VS Code, buka palet perintah dengan
Ctrl + Shift + P(Cmd + Shift + Pdi Mac). Ketik “Rojo” dan pilih Rojo: Open Menu. - Jika folder belum memiliki proyek Rojo, klik Create one now. Rojo menambahkan
default.project.jsondan folder awal game. - 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
- Kembali ke place Baseplate di Roblox Studio.
- Buka tab Plugins dan klik Rojo.
- Biarkan alamat tetap
localhostdan port34872, kecuali server melaporkan port yang berbeda. - Klik Connect.
- 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
- Buka agen pemrograman di folder yang berisi proyek Rojo.
-
Awali pesan dengan perintah Build World untuk agen yang dipakai:
Agen Perintah Claude Code /thrixel:build-worldCodex $build-worldCursor /build-worldGemini CLI /build-world - Jelaskan game setelah perintah. Sertakan “Roblox” agar skill menggunakan engine yang benar.
- 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.
/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.