Un ViewportFrame utiliza una cámara para renderizar objetos 3D en un marco 2D. Los casos de uso ideales incluyen:
- Un minimapa de tu experiencia directamente en la esquina de la pantalla de un usuario.
- Modelos 3D de elementos en un menú de inventario.
- Objetos rotatorios que un personaje tiene equipados.
Configuraciones de Vista
Los objetos 3D que los usuarios ven a través de un ViewportFrame pueden moverse con su cámara, permanecer estáticos o rotar dentro del ViewportFrame. Este objeto también puede incluir un hijo Sky como un cubemap para reflejos.
Si deseas que un objeto 3D se mueva con la cámara:
Posiciona la vista de la cámara dentro de la experiencia para que el objeto que deseas ver dentro del marco sea visible.
Agrega un nuevo ViewportFrame a la pantalla y luego asegúrate de que esté seleccionado en el Explorador.
En la ventana de Propiedades, asigna la propiedad CurrentCamera a la cámara:
- Selecciona la propiedad CurrentCamera. Tu cursor cambiará.
- En la ventana de Explorador, haz clic en el objeto Camera de nivel superior.
Haz que el objeto 3D deseado sea hijo del nuevo ViewportFrame. Ten en cuenta que si aún deseas ver el objeto dentro de tu experiencia, debes duplicarlo en el Workspace y luego parentear el objeto duplicado al ViewportFrame.
Cuando muevas tu cámara, el objeto también se moverá dentro del ViewportFrame.
Cuando desees actualizar la vista de tu ViewportFrame, asegúrate de actualizar la cámara, no los objetos dentro de la vista.
Iluminación y apariencia
La iluminación dentro de un ViewportFrame se controla mediante tres propiedades:
| Propiedad | Descripción |
|---|---|
| Ambient | Determina el tono de iluminación general aplicado al área dentro del marco de vista. Por defecto es Color3.fromRGB(200, 200, 200) (gris fantasma). |
| LightDirection | Un Vector3 que representa la dirección de la fuente de luz desde la posición (0, 0, 0). Por defecto es (-1, -1, -1). |
| LightColor | Color de la luz direccional. Por defecto es Color3.fromRGB(140, 140, 140) (plata). |
Además, puedes ajustar la apariencia general renderizada del marco a través de las siguientes propiedades:
| Propiedad | Descripción |
|---|---|
| ImageColor3 | Cambia el color/tinte de la imagen sin modificar el objeto renderizado. El valor de colorización por defecto es Color3.new(1, 1, 1) (blanco) en el cual no ocurre modificación de color. |
| ImageTransparency | Cambia la transparencia de la imagen sin modificar el objeto renderizado. Un valor de 0 (por defecto) es completamente opaco y un valor de 1 es completamente transparente (invisible). |