Một ViewportFrame sử dụng một camera để kết xuất các đối tượng 3D vào trong một khung nhìn 2D. Các trường hợp sử dụng lý tưởng bao gồm:
- Một bản đồ nhỏ của trải nghiệm của bạn ngay góc màn hình của người dùng.
- Các mô hình 3D của các vật phẩm trong menu kho.
- Các đối tượng quay mà một nhân vật đã trang bị.
Cấu hình khung nhìn
Các đối tượng 3D mà người dùng xem qua một ViewportFrame có thể di chuyển cùng camera của họ, giữ nguyên tĩnh, hoặc quay bên trong ViewportFrame. Đối tượng này cũng có thể bao gồm một đứa trẻ Sky như một cubemap để phản chiếu.
Nếu bạn muốn một đối tượng 3D di chuyển cùng camera:
Đặt vị trí nhìn camera của bạn trong trải nghiệm sao cho đối tượng mà bạn muốn thấy trong khung nhìn có thể nhìn thấy được.
Thêm một ViewportFrame mới vào màn hình và sau đó đảm bảo nó được chọn trong Explorer.
Trong cửa sổ Properties, gán thuộc tính CurrentCamera cho camera:
- Chọn thuộc tính CurrentCamera. Đối tượng con trỏ của bạn sẽ thay đổi.
- Trong cửa sổ Explorer, nhấp vào đối tượng Camera cấp cao nhất.
Làm cha đối tượng 3D mong muốn vào ViewportFrame mới. Lưu ý rằng nếu bạn vẫn muốn thấy đối tượng trong trải nghiệm của mình, bạn phải sao chép nó trong Workspace và sau đó làm cha đối tượng bản sao cho ViewportFrame.
Khi bạn di chuyển camera của mình, đối tượng cũng sẽ di chuyển bên trong ViewportFrame.
Khi bạn muốn cập nhật chế độ xem của ViewportFrame, hãy chắc chắn cập nhật camera, không phải các đối tượng trong khung nhìn.
Ánh sáng và diện mạo
Ánh sáng bên trong ViewportFrame được kiểm soát thông qua ba thuộc tính:
| Thuộc tính | Mô tả |
|---|---|
| Ambient | Xác định tông màu ánh sáng tổng thể áp dụng cho khu vực bên trong khung nhìn. Mặc định là Color3.fromRGB(200, 200, 200) (xám ma). |
| LightDirection | Một Vector3 đại diện cho hướng của nguồn sáng từ vị trí (0, 0, 0). Mặc định là (-1, -1, -1). |
| LightColor | Màu sắc của ánh sáng định hướng. Mặc định là Color3.fromRGB(140, 140, 140) (bạc). |
Ngoài ra, bạn có thể điều chỉnh diện mạo chung được render của khung thông qua các thuộc tính sau:
| Thuộc tính | Mô tả |
|---|---|
| ImageColor3 | Thay đổi màu/tint của hình ảnh mà không làm thay đổi đối tượng được render. Giá trị màu hóa mặc định là Color3.new(1, 1, 1) (trắng) tại đó không có sự thay đổi màu sắc nào xảy ra. |
| ImageTransparency | Thay đổi độ trong suốt của hình ảnh mà không làm thay đổi đối tượng được render. Giá trị 0 (mặc định) hoàn toàn không trong suốt và giá trị 1 hoàn toàn trong suốt (vô hình). |