คุณสามารถสร้างส่วนติดต่อผู้ใช้กราฟิกคุณภาพสูงได้อย่างรวดเร็วด้วยความต้องการการเขียนสคริปต์ขั้นต่ำโดยใช้ วัตถุ UI ที่มีอยู่แล้ว ขึ้นอยู่กับว่าคุณสร้างมันที่ไหน UI จะถูกเรนเดอร์ บนหน้าจอ หรือ ภายในโลก 3D ของเกม
UI บนหน้าจอ
ภาชนะบนหน้าจอ จะเก็บวัตถุ UI ที่คุณต้องการแสดงบนหน้าจอของผู้เล่น รวมถึง กรอบ, ป้าย, ปุ่ม และอื่นๆ วัตถุ UI บนหน้าจอทั้งหมดและโค้ดจะถูกเก็บและเปลี่ยนแปลงที่ฝั่งลูกค้า
UI ในเกม
ภาชนะในเกม เช่น SurfaceGuis และ BillboardGuis จะเก็บวัตถุ UI ที่คุณต้องการแสดงภายในโลก 3D ของเกมของคุณ
วัตถุ UI
ส่วนประกอบ UI ส่วนใหญ่เป็น GuiObjects ซึ่งเป็นวัตถุส่วนติดต่อผู้ใช้กราฟิก 2D ที่คุณสามารถตั้งเป็นพ่อแม่ให้กับภาชนะ วัตถุที่พบมากที่สุดสี่ประเภทคือ กรอบ, ป้าย, ปุ่ม, และ การป้อนข้อความ
| วัตถุ | คำอธิบาย |
|---|---|
| กรอบ | Frames ทำหน้าที่เป็นภาชนะสำหรับวัตถุ UI อื่นๆ เมื่อคุณจัดการกรอบ คุณก็จะจัดการกับวัตถุที่มันบรรจุอยู่ด้วย |
| ป้าย | วัตถุ TextLabel และ ImageLabel ช่วยให้คุณแสดงข้อความและภาพที่ปรับแต่งได้ |
| ปุ่ม | วัตถุ TextButton และ ImageButton ช่วยให้ผู้ใช้สามารถกระตุ้นการกระทำได้ |
| การป้อนข้อความ | วัตถุ TextBox ช่วยให้ผู้ใช้สามารถป้อนข้อความได้ |
โดยใช้คุณสมบัติ Position, Size, AnchorPoint, และ ZIndex คุณมีการควบคุมอย่างเต็มที่ในการ จัดตำแหน่ง, ขนาด, และ เลเยอร์ ของ GuiObjects คุณยังสามารถใช้ การเปลี่ยนแปลง เพื่อเปลี่ยนสถานะของ GuiObject อย่างราบรื่นจากสถานะหนึ่งไปยังอีกสถานะหนึ่งและให้ฟีดแบ็กทางสายตาที่มีพลศาสตร์
การจัดเรียงและการออกแบบ
นอกเหนือจากคุณสมบัติพื้นฐานสำหรับการปรับตำแหน่งและขนาดแล้ว Roblox ยังมีโครงสร้างการจัดเรียงเช่น รายการ/ยืดหยุ่น และ กริด รวมถึง ตัวปรับขนาด และ ตัวปรับลักษณะ
การจัดรูปแบบทั่วไป
การจัดรูปแบบทั่วไป เป็นโซลูชันของ Roblox สำหรับสไตล์ชีต คล้ายกับ CSS ที่ช่วยให้คุณประกาศและใช้การปรับแต่งทั่วทั้งคุณสมบัติของอินสแตนซ์ UI ได้อย่างทั่วถึง การสนับสนุนในระดับเอนจินนี้เป็นพื้นฐานสำหรับ ตัวแก้ไขสไตล์ และท่อโทเค็นแบบครบวงจร
เฟรมเวิร์กเชิงโต้ตอบ
นอกเหนือจาก วัตถุส่วนติดต่อผู้ใช้ หลักแล้ว เฟรมเวิร์กต่อไปนี้ให้การโต้ตอบที่สร้างขึ้นและปรับแต่งได้สำหรับเกมของคุณ
การกระตุ้นความใกล้ชิด
การกระตุ้นความใกล้ชิด เป็นวัตถุ UI ที่สร้างขึ้นเฉพาะซึ่งกระตุ้นการโต้ตอบของผู้ใช้เพื่อกระตุ้นการกระทำเมื่อพวกเขาเข้าใกล้วัตถุในเกม เช่น ประตู, สวิตช์ไฟ, และปุ่ม
ตัวตรวจจับการลาก UI
ตัวตรวจจับการลาก UI ช่วยอำนวยความสะดวกและกระตุ้นการโต้ตอบกับองค์ประกอบส่วนติดต่อผู้ใช้ 2D เช่น สไลเดอร์, สปินเนอร์, และอื่นๆ
ตัวตรวจจับการลาก 3D
ตัวตรวจจับการลาก 3D กระตุ้นการโต้ตอบทางกายภาพกับวัตถุ 3D ในเกม เช่น การเปิดประตูและลิ้นชัก, การเลื่อนชิ้นส่วน, การจับและโยนลูกโบว์ลิ่ง, การดึงกลับและยิงหนังสติ๊ก, และอื่นๆ