Các container UI trong trò chơi

Các container UI trong trò chơi chứa GuiObjects mà bạn muốn hiển thị trong thế giới 3D của trò chơi.

• Một SurfaceGui cho phép hiển thị các đối tượng UI lên bề mặt của một phần trong thế giới 3D đồng thời cho phép tương tác cơ bản với người dùng.
• Một BillboardGui là một container cho các đối tượng UI xuất hiện trong không gian 3D nhưng luôn hướng về phía camera.

UI bề mặt

Tương tự như Decals và Textures, các đối tượng UI như TextLabels và ImageLabels được gán cho một SurfaceGui sẽ hướng cùng một hướng với bề mặt mà chúng đang ở, có thể chỉnh sửa thông qua thuộc tính SurfaceGui.Face.

Để áp dụng một SurfaceGui vào một BasePart trong trò chơi, chỉ cần gán nó cho phần đó và thiết lập thuộc tính SurfaceGui.Face. Các đối tượng UI con sau đó sẽ xuất hiện trên bề mặt của phần cha.

Ngoài ra, bạn có thể đặt SurfaceGui bên trong một container như StarterGui và sau đó thiết lập thuộc tính Adornee của nó đến bất kỳ BasePart nào, cũng như mặt đích Face. Thiết lập Adornee sẽ ghi đè mối quan hệ cha con trực tiếp, cho phép linh hoạt hơn trong việc đặt vị trí vì nó có thể được thiết lập từ một script trong thời gian chạy.

Kích thước và vị trí

"Canvas" của một SurfaceGui chiếm toàn bộ Face của phần cha hoặc phần Adornee. Là một thực tiễn tốt nhất, bạn nên sử dụng các giá trị tỷ lệ cho kích thước và vị trí của các đối tượng UI con như ImageLabels. Bạn cũng có thể áp dụng một UIAspectRatioConstraint cho các con của SurfaceGui để duy trì tỷ lệ khung hình mong muốn của chúng bất kể kích thước của mặt.

Chế độ che khuất

Thuộc tính AlwaysOnTop xác định liệu SurfaceGui có được hiển thị trên các nội dung 3D hay bị che khuất bởi chúng. Khi được thiết lập là false (mặc định), SurfaceGui sẽ hiển thị như các nội dung 3D khác và bị che khuất bởi các đối tượng 3D khác. Khi được thiết lập là true, nó luôn hiển thị trên các nội dung 3D và không bị ảnh hưởng bởi độ sáng/ánh sáng trong môi trường 3D.

Ảnh hưởng của độ sáng và ánh sáng

Brightness và LightInfluence hoạt động cùng nhau để xác định cách ánh sáng môi trường ảnh hưởng đến nội dung UI của SurfaceGui.

Brightness xác định yếu tố mà ánh sáng phát ra được điều chỉnh trong khoảng từ 0 đến 1000, cho phép bạn điều chỉnh SurfaceGui cho phù hợp với môi trường của nó. Ví dụ, một bảng quảng cáo video có thể được làm sáng trong một căn phòng tối bằng cách tăng Brightness lên 10.

LightInfluence kiểm soát mức độ mà SurfaceGui bị ảnh hưởng bởi ánh sáng trong nơi, trong khoảng từ 0 đến 1. Thiết lập điều này là 1 có nghĩa là ánh sáng xung quanh hoàn toàn kiểm soát diện mạo, trong khi thiết lập là 0 có nghĩa là ánh sáng không có tác động.

Tầm nhìn khoảng cách

MaxDistance kiểm soát khoảng cách từ camera mà SurfaceGui sẽ được hiển thị trước khi nó ngừng hiển thị. Một giá trị là 0 có nghĩa là không có giới hạn và nó sẽ hiển thị vô hạn. Giá trị mặc định là 1000 hoạt động tốt cho hầu hết các trường hợp.

Đối với SurfaceGuis xuất hiện ngoài trời, nên thiết lập MaxDistance đủ cao để đảm bảo rằng UI của container đủ nhỏ trên màn hình khi nó xuất hiện hoặc biến mất, giảm thiểu hiệu ứng đột ngột xuất hiện/biến mất.

Thứ tự hiển thị

Nếu có nhiều container SurfaceGui tồn tại trên cùng một mặt, bạn có thể xếp chồng chúng theo chỉ số Z thông qua thuộc tính ZOffset (thay đổi điều này không làm "nâng" hoặc "hạ" container từ bề mặt).

UI Billboard

Container BillboardGui hiển thị các đối tượng UI trong không gian 3D nhưng, không giống như SurfaceGui, các con của một BillboardGui luôn hướng về phía camera. Container này rất hữu ích để hiển thị thông tin hướng về phía trước trên các đối tượng trong trò chơi như đồng hồ sức khỏe hoặc tên trên các nhân vật người chơi, các dấu hiệu để hướng dẫn người chơi đến một đối tượng trong thế giới 3D, và nhiều hơn nữa.

Để liên kết một BillboardGui với một BasePart hoặc Attachment trong trò chơi, chỉ cần gán nó cho phần hoặc gắn kết đó và, nếu muốn, điều chỉnh kích thước/vị trí của nó.

Ngoài ra, bạn có thể đặt BillboardGui bên trong một container như StarterGui và sau đó thiết lập thuộc tính Adornee của nó đến bất kỳ BasePart hoặc Attachment nào. Phương pháp này cung cấp nhiều linh hoạt hơn trong việc đặt vị trí vì Adornee có thể được thiết lập từ một script trong thời gian chạy, ví dụ để đặt một BillboardGui trên đầu của các nhân vật người chơi trong thời gian chạy.

Kích thước và vị trí

Đối với kích thước billboard, các thành phần tỷ lệ của thuộc tính Size thiết lập kích thước của billboard trong không gian 3D. Ví dụ, một thiết lập {10, 0},{2, 0} (UDim2.fromScale(10, 2)) tạo ra một billboard với tỷ lệ 10:2 mà sẽ lớn hơn hoặc nhỏ hơn tùy thuộc vào khoảng cách của nó từ camera.

Đối với việc định vị, thuộc tính StudsOffset dịch chuyển canvas billboard trên trục X (trái/phải), trục Y (lên/xuống), và trục Z (tiến/lùi) tương đối với camera.

Chế độ che khuất

Thuộc tính AlwaysOnTop xác định liệu BillboardGui có được hiển thị trên các nội dung 3D hay bị che khuất bởi chúng. Khi được thiết lập là false (mặc định), BillboardGui sẽ hiển thị như các nội dung 3D khác và bị che khuất bởi các đối tượng 3D khác. Khi được thiết lập là true, nó luôn hiển thị trên các nội dung 3D và không bị ảnh hưởng bởi độ sáng/ánh sáng trong môi trường 3D.

Ảnh hưởng của độ sáng và ánh sáng

Brightness và LightInfluence hoạt động cùng nhau để xác định cách ánh sáng môi trường ảnh hưởng đến nội dung UI của BillboardGui.

Brightness xác định yếu tố mà ánh sáng phát ra được điều chỉnh trong khoảng từ 0 đến 1000, cho phép bạn điều chỉnh BillboardGui cho phù hợp với môi trường của nó. Ví dụ, một bảng quảng cáo video có thể được làm sáng trong một căn phòng tối bằng cách tăng Brightness lên 10.

LightInfluence kiểm soát mức độ mà BillboardGui bị ảnh hưởng bởi ánh sáng trong nơi, trong khoảng từ 0 đến 1. Thiết lập điều này là 1 có nghĩa là ánh sáng xung quanh hoàn toàn kiểm soát diện mạo, trong khi thiết lập là 0 có nghĩa là ánh sáng không có tác động.

Tầm nhìn khoảng cách

MaxDistance kiểm soát khoảng cách từ camera mà BillboardGui sẽ được hiển thị trước khi nó ngừng hiển thị. Một giá trị là 0 hoặc inf (mặc định) có nghĩa là không có giới hạn và nó sẽ hiển thị vô hạn.