Visualización de Historias

En este momento, ya deberías saber cómo crear una historia. Ahora veamos cómo puedes visualizarla.

UI Labs filtrará la estructura de tu juego para encontrar módulos .story. Estos aparecerán como Unknown (desconocidos) en el explorador de UI Labs si no has creado un Storybook para ellos.

Hablaremos sobre los storybooks más adelante, por ahora, abre la historia que creaste.

Historia Utilizada

Para esta guía, vamos a usar la siguiente historia:

Luau

local function story(target)
   local element = Instance.new("TextLabel")
   element.Text = "Hello UI Labs"
   element.Size = UDim2.fromOffset(250, 80)
   element.TextSize = 20
   element.Parent = target

   return function()
	   element:Destroy()
   end
end

return story

Roblox-TS

function story(target: Frame) {
   const element = new Instance("TextLabel");
   element.Text = "Hello UI Labs";
   element.Size = UDim2.fromOffset(250, 80); 
   element.TextSize = 20;
   element.Parent = target;

   return () => {
      element.Destroy();
   }
}

export = story;

¡Ya tenemos nuestra historia!, pero no está centrada y el texto es demasiado pequeño. Vamos a solucionarlo.

Mover la Vista

Puedes mover tu lienzo de las siguientes maneras:

• Mantén presionado Botón Medio y arrastra.
  
• Mantén presionado Ctrl / Command y arrastra con el Clic Izquierdo

---

¡Genial!, pero ahora el texto es demasiado pequeño, ¿qué podemos hacer al respecto?

Acercar / Alejar

Puedes acercarte u alejarte al:

• Usar las lupas de la barra de herramientas lateral
• Mantener presionado Shift y desplazando la rueda del ratón arriba/abajo

¡Genial!, ahora podemos ver nuestra historia con más claridad.

Escalado de Interfaces

UI Labs utiliza UIScale para hacer zoom.
Dependiendo de tu configuración o las limitaciones de Roblox, el zoom podría dar resultados inesperados.

Restablecer la Vista

Puedes restablecer la posición y el zoom haciendo Clic Derecho en la vista previa de tu historia y seleccionando Reset Position (Restablecer Posición) o Reset Zoom (Restablecer Zoom)

Usar la Vista del Juego   Q

Puedes observar tu historia dentro de la vista del juego. Para lograr esto debes presionar en el botón View on Viewport (Ver en la Vista del Juego) de la barra de herramientas lateral.

Una vez presionado, UI Labs acomodará tu interfaz a la vista del juego. Presiona de nuevo el botón para volver a la vista de UI Labs.

No se aplicará posición ni zoom aquí.