วิธีสร้างเกมใน Roblox ด้วย AI + Thrixel

ก่อนเริ่ม ต้องติดตั้ง Roblox Studio และมี บัญชี Roblox

1. ติดตั้ง Rojo ผ่าน VS Code

1. ติดตั้ง Visual Studio Code (VS Code)
2. ติดตั้งส่วนขยาย Rojo - Roblox Studio Sync สำหรับ VS Code
3. ใน VS Code ไปที่ File > Open Folder แล้วเปิดโฟลเดอร์ว่างสำหรับเกม
4. กด Ctrl + Shift + P (Cmd + Shift + P บน Mac) เพื่อเปิดแถบคำสั่ง พิมพ์ “Rojo” แล้วเลือก Rojo: Open Menu
5. หากเมนูระบุว่ายังไม่ได้ติดตั้ง Rojo ให้คลิก Install Rojo now
6. คลิก Install Roblox Studio Plugin หากเปิด Studio อยู่ ให้ปิดแล้วเปิดใหม่ จากนั้น Rojo ควรปรากฏในแท็บ Plugins ของ Studio

2. เพิ่มสกิล Build World

ลงชื่อเข้าใช้

ลงชื่อเข้าใช้ Thrixel ก่อนติดตั้งสกิล คำสั่งเหมือนกันสำหรับทุกเอเจนต์และต้องใช้ uv หากยังไม่ได้ติดตั้ง uv ให้รันคำสั่งสำหรับระบบปฏิบัติการของคุณในเทอร์มินัล:

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 ต้องใช้ทั้งสกิลที่ให้คำแนะนำและเซิร์ฟเวอร์ MCP ของ Thrixel ที่ให้เครื่องมือสร้างแอสเซ็ต

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

เปิดใช้งานเซิร์ฟเวอร์ MCP ของ Studio เพื่อให้เอเจนต์รันโค้ดใน Studio และถ่ายภาพหน้าจอเกมได้

1. เปิด Roblox Studio แล้วสร้าง Baseplate ใหม่ ซึ่งจะสร้าง place หรือไฟล์ Roblox ที่เก็บโลกของเกม
2. คลิกไอคอน Assistant ที่มุมขวาบนสุดของหน้าต่าง
3. ในแผง Assistant เปิด … > Settings > Manage MCP Servers เปิด Enable Studio as MCP server ไฟแสดงสถานะสีเขียวยืนยันว่ากำลังทำงาน

4. สร้างคีย์ API ของ Roblox

Rojo ไม่ซิงก์ไฟล์โมเดล 3D เอเจนต์จึงใช้คีย์ API ของ Roblox เพื่ออัปโหลดโมเดลแยกต่างหาก

1. ไปที่ หน้าข้อมูลรับรองใน Creator Hub ของคุณ แล้วคลิก Create API Key
2. ใน Access Permissions เพิ่มระบบ API Assets เลือกบัญชีของคุณเป็นเจ้าของ แล้วเปิด 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 (Cmd + Shift + P บน Mac) พิมพ์ “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. กลับไปที่ place Baseplate ใน Roblox Studio
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 ด้วย

หากต้องการตรวจสอบการเปลี่ยนแปลงเป็นชุดก่อนซิงก์ ให้เปิด Settings ในหน้าต่าง Rojo และตั้ง Confirmation Behavior เป็น Always คลิก Disconnect รอให้เอเจนต์ทำงานเสร็จ แล้วคลิก Connect เพื่อตรวจสอบทั้งหมดพร้อมกัน การตรวจสอบนี้เกิดขึ้นตอนเชื่อมต่อ ส่วนการเปลี่ยนแปลงที่บันทึกขณะเชื่อมต่ออยู่จะยังซิงก์โดยอัตโนมัติ

มีสองอย่างที่ต้องจัดการด้วยตนเอง:

• บันทึกสิ่งที่นำเข้า Rojo ซิงก์สคริปต์และอินสแตนซ์ เอเจนต์อัปโหลดโมเดล 3D แยกต่างหากแล้วใส่ไว้ใน ReplicatedStorage.Assets โมเดลเหล่านั้นจึงไม่อยู่ในไฟล์โปรเจกต์ ใช้ File > Save ใน Studio เพื่อเก็บไว้
• แก้ไขสคริปต์ที่ซิงก์ในไฟล์โปรเจกต์ การซิงก์สองทางของ Rojo ปิดอยู่ตามค่าเริ่มต้น การแก้ไขสคริปต์เหล่านั้นใน Studio จะไม่ส่งกลับไปยังไฟล์และอาจถูกเขียนทับ

7. เผยแพร่เกมของคุณ

ใช้ File > Publish to Roblox ใน Studio เมื่อเกมพร้อมให้แชร์