# Storyboard-Doku – Start & Inhaltsverzeichnis

> **Kurz gesagt:**<span style="white-space: pre-wrap;"> Diese Doku zeigt dir, wie du mit dem Storyboard von </span>**scenario.app**<span style="white-space: pre-wrap;"> interaktive Erlebnisse baust – von der ersten Szene bis zum Release.</span>

[![Storyboard Screenshot](https://docs.scenario.app/uploads/images/gallery/2025-09/scaled-1680-/grafik.png)](https://docs.scenario.app/uploads/images/gallery/2025-09/scaled-1680-/grafik.png)

<span style="white-space: pre-wrap;">Das </span>**Storyboard**<span style="white-space: pre-wrap;"> ist der visuelle Editor hinter scenario.app. Du erstellst damit Szenen, verknüpfst Orte, Medien &amp; Logik und kompilierst alles zu einem spielbaren Erlebnis (App/Web).</span>  
<span style="white-space: pre-wrap;">Ideal für </span>**Tourismus**<span style="white-space: pre-wrap;">, </span>**Education**<span style="white-space: pre-wrap;">, </span>**Events**<span style="white-space: pre-wrap;">, </span>**Escape-/Rallye-Games**<span style="white-space: pre-wrap;"> und </span>**Location-based Storytelling**.

**Highlights**

- Szenen &amp; Verzweigungen grafisch denken
- Karten &amp; Wegpunkte (statisch + dynamisch)
- Medien nahtlos einbinden (Bild, Audio, Video)
- Feature-Bausteine: Waypoint, Pano360, Dialog V2, Embedded Audio/Video u. v. m.
- Compiler &amp; Runtime rein in JavaScript – schnell, portabel, offline-tauglich

---

## Für wen ist diese Doku?

- **Creator:innen**<span style="white-space: pre-wrap;"> – die schnell produktiv werden wollen</span>
- **Teams/Orgs**<span style="white-space: pre-wrap;"> – die Standards, Workflows &amp; Qualität sichern möchten</span>
- **Dev-Nerds**<span style="white-space: pre-wrap;"> – die tiefer in Compiler/Runtime, API &amp; Deployment einsteigen</span>

---

## So nutzt du diese Doku

1. **Schnellstart**<span style="white-space: pre-wrap;"> lesen → erstes Mini-Projekt bauen.</span>
2. **Grundkonzepte**<span style="white-space: pre-wrap;"> verstehen → Szenen, Karten, Assets.</span>
3. **Features**<span style="white-space: pre-wrap;"> gezielt nachschlagen → Waypoint, Pano360, Dialog V2 etc.</span>
4. **Hacks &amp; Tipps**<span style="white-space: pre-wrap;"> für Feinschliff &amp; Performance.</span>
5. **API &amp; Backend**<span style="white-space: pre-wrap;"> nutzen, wenn du integrierst/automatisierst.</span>

---