Scenes Panel

3 min read

Mit dem Scenes Panel können Sie mehrere Szenen in Ihrem Projekt erstellen, verwalten und zwischen ihnen wechseln. Szenen sind separate Canvas-Zustände, die für Multi-Szenen-Animationen miteinander verkettet werden können.

Standort

Das Scenes Panel befindet sich am unteren Rand des Bildschirms und teilt den Speicherplatz mit dem Timeline Panel. Zugriff über:

  • Klicken Sie auf die Schaltfläche Szenen in der linken Symbolleiste
  • Oder C

Panelübersicht

Das Panel hat zwei Tabs:

  • Szenen - Verwalten Sie Ihre Szenen (Standardansicht)
  • Timeline — Keyframe Animation Editor

Szenenkarten

Jede Szene erscheint als Karte mit:

  • Thumbnail — Vorschau des Szeneninhalts
  • Name — Name der Szene
  • Dauer – Wie lange die Szene spielt
  • Anzahl der Elemente — Anzahl der Elemente in der Szene

Aktionen

Aktion Wie
Szene auswählen Klicken Sie auf die Szene Karte
Ladeszene Doppelklicken Sie auf die Karte
Name Klicken Sie auf Name und Typ
Löschung Klicken Sie auf den x-Button auf der Karte
Neubestellung Ziehkarten links/rechts

Hinzufügen von Szenen

Klicken Sie auf die Schaltfläche + Neue Szene, um die aktuelle Leinwand als neue Szene zu speichern.

Tipp: Jede Szene erfasst den aktuellen Zustand Ihrer Leinwand, einschließlich aller Elemente, Animationen und Hintergrundeinstellungen.

Timeline Scrubber

Unterhalb der Szenenkarten befindet sich eine Zeitleiste, die zeigt:

  • Szenenblöcke - Farbige Blöcke, die die Dauer jeder Szene darstellen
  • Scrubber — roter Spielkopf mit aktueller Position
  • Gesamtdauer — Kombinierte Dauer aller Szenen

Scrubber Controls

  • Drag den roten Spielkopf, um verschiedene Zeiten vorzuschauen
  • ** Klicken Sie auf einen Szenenblock, um zu dieser Szene zu springen

Wiedergabesteuerung

Kontrolle Abkürzung Aktion
▶ Space Spiele alle Szenen
⏸ Space Pause Playback
⏹ — Stoppen und Zurücksetzen

Gerätefähigkeitsabzeichen

Oben rechts zeigt die Leistungsstufe Ihres Geräts an:

  • Grün — Hohe Leistung (glatte Animationen)
  • Gelb — Standard (möglicherweise muss für komplexe Szenen optimiert werden)
  • Red — Begrenzt (betrachten Sie einfachere Animationen)

Klicken Sie auf das Info-Symbol für detaillierte Fähigkeitsinformationen.

Szenenübergänge

Szenen spielen sequentiell. Um Transitionen anzupassen:

  1. Dauer für jede Szene festlegen
  2. Verwenden Sie Keyframe-Animationen innerhalb von Szenen für reibungslose Effekte

Tipps

Tipp: Speichern Sie Ihre Leinwand als Szene, bevor Sie größere Änderungen vornehmen. Sie können jederzeit zu früheren Szenen zurückkehren.

Hinweis: Szenen werden im lokalen Browserspeicher gespeichert. Exportieren Sie Ihr Projekt, um dauerhaft zu sparen.