Scenes Panel

3 min read

El Panel de Escenas le permite crear, gestionar y cambiar entre múltiples escenas en su proyecto. Las escenas son estados de tela separados que pueden ser encadenados juntos para animaciones de varios escenarios.

Ubicación

El Panel de Escenas se encuentra en la parte inferior de la pantalla, compartiendo espacio con el Panel de Tiempo. Accede por:

  • Haga clic en el botón Escenas en la barra de herramientas izquierda
  • O pulsando C

Sinopsis

El panel tiene dos pestañas:

  • Escenas — Gestione sus escenas (imagen predeterminada)
  • Timeline — Editor de animación de Keyframe

Tarjetas de Escena

Cada escena aparece como una tarjeta que muestra:

  • Thumbnail — Vista previa del contenido de la escena
  • Nombre — Nombre de la escena editable
  • Duración - Cuánto tiempo juega la escena
  • Cuentan los temas - Número de elementos en la escena

Acciones

Medida Cómo
Seleccionar escena Haga clic en la tarjeta de escena
Escena de carga Haga doble clic en la tarjeta
Rename Haga clic en el nombre y el tipo
Suprimir Haga clic en el botón × en la tarjeta
Reordenado Arrastre las tarjetas izquierda/derecha

Añadiendo escenas

Haga clic en el botón + Nueva escena para guardar el lienzo actual como una nueva escena.

Tip: Cada escena captura el estado actual de su lienzo, incluyendo todos los elementos, animaciones y configuraciones de fondo.

Timeline Scrubber

Debajo de las tarjetas de escena es un cronograma que muestra:

  • Bloques de escena** - Bloques coloreados que representan la duración de cada escena
  • Escrubber - Cabeza de juego roja que muestra la posición actual
  • Duración total — Duración combinada de todas las escenas

Controles de escrubimiento

  • Drag la cabeza roja para prever diferentes tiempos
  • **Haga clic en un bloque para saltar a esa escena

Controles de Playback

Control Ataque Medida
▶ Space Juega todas las escenas
⏸ Space Reproducción de pausa
⏹ — Parar y restablecer

Insignia de capacidad de dispositivo

La derecha superior muestra el nivel de rendimiento del dispositivo:

  • Green — Alto rendimiento (animaciones suaves)
  • Ellow — Standard (puede necesitar optimización para escenas complejas)
  • Red — Limited (consider simple animaciones)

Haga clic en el icono info para información detallada de la capacidad.

Transiciones de escena

Las escenas juegan secuencialmente. Para personalizar las transiciones:

  1. Establece duración para cada escena
  2. Use animaciones de claves dentro de escenas para efectos suaves

Consejos

Tip: Guarda tu lienzo como escena antes de hacer grandes cambios. Siempre puedes volver a escenas anteriores.

Nota: Las escenas se almacenan en el almacenamiento local del navegador. Exporte su proyecto para ahorrar permanentemente.

Relacionados