Một ViewportFrame sử dụng một camera để hiển thị các đối tượng 3D vào 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ò chơi của bạn ngay trong 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 xoay 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 với camera của họ, giữ nguyên vị trí, hoặc xoay trong ViewportFrame. Đối tượng này cũng có thể bao gồm một đứa trẻ Sky như một cubemap cho các phản chiếu.
Nếu bạn muốn một đối tượng 3D di chuyển cùng với camera:
Đặt góc nhìn camera của bạn trong trò chơi sao cho đối tượng bạn muốn thấy trong khung là có thể nhìn thấy.
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. 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.
Gán đố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ò chơi của mình, bạn phải sao chép nó trong Workspace và sau đó gán đối tượng sao chép vào ViewportFrame.
Khi bạn di chuyển camera của mình, đối tượng cũng sẽ di chuyển trong ViewportFrame.
Khi bạn muốn cập nhật cái nhìn của ViewportFrame, hãy chắc chắn cập nhật camera, không phải các đối tượng trong cái nhìn.
Ánh sáng và ngoại hình
Ánh sáng bên trong một ViewportFrame được điều khiển thông qua ba thuộc tính:
| Thuộc tính | Mô tả |
|---|---|
| Ambient | Xác định sắc thái á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 ngoại hình tổng thể của khung nhìn thông qua các thuộc tính sau:
| Thuộc tính | Mô tả |
|---|---|
| ImageColor3 | Thay đổi màu sắc/tint của hình ảnh mà không làm thay đổi đối tượng được hiển thị. Giá trị màu sắc 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 hiển thị. Giá trị 0 (mặc định) là hoàn toàn không trong suốt và giá trị 1 là hoàn toàn trong suốt (vô hình). |