คุณสามารถสร้างส่วนติดต่อผู้ใช้งานกราฟิกคุณภาพสูงได้อย่างรวดเร็วด้วยข้อกำหนดในการเขียนสคริปต์ขั้นต่ำโดยใช้ วัตถุ 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 ในประสบการณ์ เช่น การเปิดประตูและลิ้นชัก การเคลื่อนย้ายชิ้นส่วน การจับและขว้างลูกบอลโบว์ลิ่ง การดึงกลับและยิงกระสุน เป็นต้น