Editor

Der Editor hat fünf Bereiche: links die Reiter Ebenen, Variablen, Medien und Einstellungen (beim Chat-Bot zusätzlich Ventoview-Bot, beim Modul Tastenkürzel Tastenkürzel), in der Mitte die Leinwand, rechts die Eigenschaften der ausgewählten Ebene und unten die Timeline.

Der offene Reiter steht unten mit Namen und geht in den Bereich über, die anderen stehen darüber als kleine Symbol-Kästchen – Drüberfahren zeigt ihren Namen. Neben dem Reiter „Ebenen“ stehen die Werkzeuge Alle auf / Alle zu (Gruppen), Alle wählen, Abwählen und ✦ Effekte; ist die Spalte schmal, rücken sie zusammen, bekommen kurze Namen und landen zuletzt im „⋯“-Menü.

Ebenen

Ebene	Wofür
Text	Beliebiger Text mit Variablen, z. B. Uhrzeit: {zeit}. Farben im Text mit [farbe=#ff0000]rot[/farbe].
Bild / Video	Eigene Dateien (Medien-Tab) oder Bilder der Module. Alt beim Ziehen an den Griffen schneidet zu. Form: Rechteck (Ecken auch einzeln), Kreis/Oval, Sechseck, Raute, Dreieck, Stern, Herz. Rahmen mit Breite, Farbe und Stil (Linie, Striche, Punkte, doppelt) folgt der Form. Unschärfe: beliebig viele übereinander („+ Unschärfe“) – Ganz, Rand (Mitte scharf), Eine Seite (oben/unten/links/rechts mit Reichweite), Fokuspunkt (scharfer Kreis um einen Punkt) oder Tilt-Shift (scharfer Streifen). Jede mit Stärke, Weichheit und „Umkehren“.
Ton	Spielt ab seinem Start in der Timeline. Im Overlay unsichtbar.
Fläche	Rechteck mit Farbe, Verlauf, Ecken und Rahmen – z. B. als Hintergrund. „Nur Rahmen“ (neben der Rahmenfarbe) macht die Fläche durchsichtig.
Form	15 Formen (Stern, Ring, Bogen, Pfeil, Herz, Sprechblase, Welle …) mit eigenen Stellschrauben wie Zacken, Dicke oder Bogenwinkel. Auch hier gibt es „Nur Rahmen“.
Gruppe	Ordner für mehrere Ebenen, in jedem Editor dabei. Ebenen auswählen und „Gruppe“ (Strg+G) – oder in der Liste Ebenen auf die Gruppe ziehen. Ein Klick auf ein Element wählt die ganze Gruppe: verschieben, ausrichten, kopieren, ausblenden und löschen gilt dann für alle. Nur ein Element: Doppelklick auf der Leinwand oder Klick in der Liste. Strg+Shift+G oder „Auflösen“ löst sie wieder auf. Unter „Transformieren“ hat die Gruppe eigene Position, Breite/Höhe %, Drehung und Deckkraft – sie wirken auf alles darin, ohne die Ebenen selbst zu ändern (herausgenommen ist eine Ebene wieder wie vorher). Wie eine Ebene hat die Gruppe auch Effekte (wirken auf alle passenden Ebenen darin, z. B. Audio-Effekte nur auf Ton/Video) und Keyframes: ◆ an jedem Wert oder „+ Keyframe-Spur“ für Deckkraft, Versatz, Größe, Drehung und die Effekt-Regler. Ihre Spuren laufen über die ganze Länge des Designs.
Vorlage	Bindet ein ganzes gespeichertes Design ein (Modul Link).
Balken, Visualizer, Konfetti, Rahmen	Kommen mit Modulen (Musik, Stream-Chat, Alerts, Rahmen …) und erscheinen nur im Editor dieses Moduls oder sobald das Modul Datenquelle ist.
Liste	Zeigt die letzten Einträge einer Liste untereinander – den Stream-Chat, die zuletzt gedrückten Tasten (Basic) oder jede andere Liste eines Moduls (unter „Quelle“). Neueste oben oder unten, mit Anzahl und Anzeigedauer. „Je Zeile s“ legt fest, wie lange jede Zeile bleibt – von der neuesten aus gezählt: „3, 2, 0.5“ = neueste 3 s, darüber 2 s, ganz oben 0,5 s. „Beispiel“ sind Zeilen, die nur im Editor zu sehen sind, solange keine echten Daten da sind.

Auf der Leinwand

• Verschieben: ziehen. Die Ebene rastet an Kanten und Mitten der Leinwand und anderer Ebenen ein (rosa Hilfslinien). Alt = ohne Einrasten.
• Größe: an den Griffen. Ecken bei Text skalieren die Schrift mit, Bilder behalten das Seitenverhältnis (Shift = frei).
• Drehen: runder Griff oben, Shift = 15°-Schritte.
• Skalierung % (rechts unter „Position & Größe“, Schieberegler + Zahl): macht die ganze Ebene samt Inhalt, Rahmen und Effekten größer oder kleiner – um ihre Mitte, ohne Breite, Höhe oder Schriftgröße zu ändern. Doppelklick auf den Regler = 100 %. Mit ◆ auch als Keyframe-Spur (z. B. auf Wert reagieren).
• Übereinander liegende Ebenen: Klick wählt die oberste. Strg + Klick auf dieselbe Stelle wählt die nächsttiefere – jeder weitere Strg-Klick geht eine tiefer. Eine gewählte Ebene bleibt beim Ziehen gewählt, auch wenn eine andere darüber liegt.
• Mehrere auswählen: Shift + Klick (in der Ebenen-Liste auch Strg + Klick) oder einen Rahmen über die leere Leinwand ziehen. Dann gemeinsam bewegen, ausrichten oder gleichmäßig verteilen.
• Bewegrichtung sperren: über der Leinwand Frei / ↔ / ↕ – oder Alt + G wechselt der Reihe nach (Frei → nur seitlich → nur hoch/runter → Frei). Shift beim Ziehen nimmt die Hauptrichtung.
• Bereiche anpassen: die Trennlinien zwischen den Bereichen ziehen, Doppelklick setzt sie zurück. Die linke Spalte ist mindestens 250 px breit.
• Zoomen: Alt + Mausrad – zur Maus hin. Die Prozentanzeige über der Leinwand passt wieder ein. Selbst gezoomt bleibt der Zoom, auch wenn du eine Spalte breiter ziehst – das Bild bleibt dabei stehen.
• Verschieben der gezoomten Leinwand: Mausrad, Shift + Mausrad oder mit gedrückter mittlerer Maustaste ziehen. Ist nicht alles zu sehen, hat die Leinwand ringsum einen dezenten lila Rand.
• Nur Sichtbares ist anklickbar: Ebenen, die zum aktuellen Zeitpunkt nicht dran sind (Timing, Bedingung, Auslöser), lassen sich auf der Leinwand nicht anklicken – in der Ebenen-Liste und der Timeline schon.
• Ebenen außerhalb der Leinwand lassen sich auch daneben greifen und zurückziehen.

Raster

Über der Leinwand „Raster“ (Taste G). Zwei Arten:

• px: feste Kästchengröße in Pixeln, z. B. 20.
• Aufteilen: die Leinwand in gleich große Kästen teilen – Anzahl nebeneinander × untereinander. 2 × 1 gibt eine Linie genau in der Mitte, 3 × 3 Drittel. Beim Ziehen rastet die linke Kante, die Mitte oder die rechte Kante an der nächsten Linie ein.

Mit Raster rasten auch die Griffe beim Größe-Ändern ein, Shift + Pfeiltaste springt zur nächsten Rasterlinie, Alt schaltet das Einrasten kurz aus.

Variablen

Im Tab „Variablen“ stehen alle Werte deiner Module. Ein Klick setzt die Variable in den ausgewählten Text – oder erstellt einen neuen. Unter „Einstellungen → Datenquellen“ fügst du weitere Module hinzu, damit ihre Variablen im Design verfügbar sind. Eigene Variablen legst du in der App unter „Keywords“ an.

Bedingungen

Jede Ebene und jede Gruppe kann Bedingungen haben – aufgebaut wie Logik in Code:

• Bedingung: Variable, Vergleich, Wert – z. B. {cputemp} größer als 80. Vergleiche: ist, ist nicht, ist eines von, ist keines von, enthält, größer/kleiner, mindestens/höchstens.
• UND / ODER: zwischen zwei Einträgen steht die Verknüpfung – ein Klick wechselt. UND = alle müssen stimmen, ODER = eine reicht.
• Block ( ): fasst Bedingungen in Klammern zusammen, mit eigenem UND/ODER innen. Blöcke lassen sich verschachteln.
• Oben steht als Zeile, wie der Editor es liest, z. B. (art = sub UND monate > 3) ODER (art = giftsub).
• Gruppen: Ihre Bedingungen gelten für alle Ebenen darin – zusätzlich zu deren eigenen. So schaltest du viele Ebenen auf einmal.

Keyframes und reagierende Werte

Neben jedem Zahlenfeld einer Ebene steht ein ◆: ein Klick legt eine Keyframe-Spur für diesen Wert an. Sie läuft über die Zeit, folgt einem Regler oder reagiert auf einen Live-Wert (Musik, Temperatur, Chat …). Alles dazu: Timeline & Keyframes und Auf Wert reagieren.

Timing und Animationen

Unter „Timing“ legst du fest, ob eine Ebene immer sichtbar ist oder nur von–bis. Zum Ein- und Ausblenden gibt es Einblenden, Verschieben, Zoom, Wischen in alle Richtungen, aus der Mitte, Kreis, Unschärfe, Aufploppen, Eindrehen, Herabfallen und Aufziehen. Für eigene Verläufe: Keyframes.

Effekte-Bibliothek

Bei den Ebenen ganz rechts „✦ Effekte“ öffnet eine Spalte direkt neben den Ebenen (die Leinwand rückt zur Seite). Oben eine Suche, darunter die Reiter Favoriten und Alle, darin die Rubriken Alle · Audio · Bild · Animation:

• Bild: Schwarz-Weiß, Sepia, Farbton, Sättigung, Kontrast, Invertieren (Negativ), Hell ↔ Dunkel (Helligkeit umdrehen, Farben bleiben), Leuchten, Schatten, Aura (pulsierend), Umriss, Licht, Vignette (Bild/Video), Ausblenden (Verlauf) und Unschärfe-Verlauf – Richtung in Grad, Beginn, Länge und Kurve (gleichmäßig, erst schnell oder erst langsam).
• Animation: Wackeln, Pulsieren, Doppelpuls, Schweben, Pendeln, Drehen, Flackern, Regenbogen, Glitch – laufen ständig mit. Mit „Nahtlos“ (links neben der Lautstärke) springen sie am Ende der Schleife nicht zurück.
• Audio (Ton und Video): Dumpf (Tiefpass), Telefon (Hochpass), Echo, Hall, Verzerrung, Stereo. Der Hall hat Wet (Hall) und Dry (Original) getrennt, Länge, Vorverzögerung, Weichheit (hell bis dumpf), Bass-Schnitt, Abklingen und Stereo-Breite. Audio-Effekte kommen auch in den Video- und WAV-Export.

• ☆ links auf einer Karte macht den Effekt zum Favoriten.
• Effekt-Pakete aus dem Hub (gestrichelter Rahmen) legen mehrere Effekte auf einmal auf, z. B. „VHS-Kassette“.
• Der Papierkorb beim Drüberfahren entfernt einen Effekt oder ein Paket aus der Liste – im Hub kannst du es wieder übernehmen. Ebenen, die ihn schon nutzen, behalten ihn.
• „Mehr im Hub“ öffnet weitere Effekt-Pakete.

Einen Effekt auf eine Ebene oder Gruppe in der Liste ziehen – oder Ebenen bzw. eine Gruppe auswählen und „+“. Auf einer Gruppe bleibt der Effekt bei der Gruppe und wirkt auf alle passenden Ebenen darin, ohne sie zu verändern. Er steht dann eingerückt unter der Ebene; rechts in den Eigenschaften stellst du ihn ein, schaltest ihn aus oder änderst die Reihenfolge. ◆ neben einem Regler legt eine Keyframe-Spur an, z. B. Schwarz-Weiß von 0 auf 100 % über zwei Sekunden oder das Echo per MIDI-Regler.

Effekt tauschen: Der Name oben in der Karte ist eine Auswahl – ein anderer Effekt derselben Rubrik ersetzt ihn, gleiche Regler behalten Wert und Keyframes. Bereich entsperren (Schloss in der Karte, bei Bild-Effekten): Der Effekt wirkt dann nur in einem Rechteck – X, Y, Breite, Höhe (und bei Filtern eine weiche Kante), alles mit ◆ animierbar. Mit „Element folgen“ bewegt und skaliert sich der Bereich mit dem Element (Werte in % seiner Größe) – z. B. Schwarz-Weiß nur auf der unteren Hälfte eines Bildes, das bleibt so, wenn du das Bild verschiebst oder größer machst. Ohne steht der Bereich fest auf der Leinwand. Auf der Leinwand zeigt ein gestrichelter Rahmen den Bereich: an der Leiste ziehen = verschieben, an der Ecke = Größe.

Effekte

• Sichtbar % mit Wisch-Richtung und weicher Kante – schneidet die Ebene als Wischblende ab, ideal mit einer Keyframe-Spur.
• Unschärfe für die ganze Ebene.

Auslöser

Unter „Einstellungen → Auslöser“ legst du Regeln an, z. B. „noob 3× in 10 s“, „!hype“ im Chat oder ein Tastenkürzel. Ebenen, die du einem Auslöser zuordnest, erscheinen nur, wenn er zutrifft – ihr Timing zählt ab dann. „Vorschau“ spielt ihn im Editor ab, „Im Chat testen“ auch in deiner Streaming-Software. Für Tastenkürzel gibt es einen eigenen Reiter – siehe Tastenkürzel.

Mit dem Modul Basic gibt es auch Tastendruck und Mausklick (aus der Tasten-Anzeige): jeder neue Eintrag dieser Art löst aus, „Nur bei“ grenzt auf bestimmte Tasten ein (mit Komma getrennt, leer = jede).

Ausgelöste Animationen

Jedes Element – Ebene oder Gruppe – kann eigene Animationen haben: als Rein- oder Raus-Animation im Timing oder gestartet von einer Bedingung, während die Timeline normal weiterläuft.

• Anlegen: rechts unter „Ausgelöste Animationen“ oder mit dem Blitz in der Timeline-Zeile des Elements.
• Bearbeiten: „Timeline öffnen“ zeigt eine eigene Timeline nur für diese Animation, von 0 s bis zu ihrer Länge (im Feld oben, wo sonst „Loop-Länge“ steht). Loop-Bereich, Raster, Zoom und Zeit einfügen gehen wie gewohnt. Mit ◆ neben jedem Wert legst du Spuren an. Sie sieht aus und funktioniert wie die normale Timeline: das Element als Zeile (Pfeil klappt die Spuren auf), der Balken ist die Animation – am rechten Rand ziehen ändert die Länge, am linken schneidet es den Anfang ab. Alles andere steht dabei so, wie es gerade aussieht. „Fertig“ führt zurück. Kopiert oder aus der Bibliothek rücken Position, Drehung und Größe aufs neue Element mit.
• Starten: bei einem Auslöser (Chat-Wort, Befehl, Tastenkürzel, Tastendruck, Mausklick …), wenn sich eine Variable ändert, wenn eine Bedingung erfüllt wird – oder „ohne Auslöser“, nur als Rein/Raus.
• Rein/Raus: Bei Elementen, die nicht „immer sichtbar“ sind, wählst du im Timing unter „Rein“ bzw. „Raus“ eine Animation des Elements oder eine aus der Bibliothek. Ihre Länge ist dann die Dauer. Bei Gruppen steht das in ihrem Bereich „Rein/Raus“ – ihre Zeit reicht von der ersten bis zur letzten Ebene.
• Zusammen mit der Timeline: Animiert die Timeline denselben Wert, wirken beide: Deckkraft und Größe werden multipliziert, Versatz, Drehung und Unschärfe addiert. Felder wie die Schriftgröße und Effekt-Regler übernimmt die Animation. Nach ihrem Ende gleitet alles in „Zurück“ (Sekunden) weich auf den normalen Wert. Kommt der Auslöser wieder, fängt sie von vorne an.
• Kopieren und Einfügen: „Kopieren“ bei der Animation, dann ein anderes Element wählen und Strg+V (oder beim Blitz „Einfügen“). Geht etwas nicht – z. B. die Schriftgröße bei einem Bild –, kommt eine Meldung und nichts ändert sich. Sonst zeigt ein Fenster, was animiert wird, welche Effekte dazukommen und ob sie als Rein, Raus oder bei einem Auslöser eingesetzt wird.
• Umbenennen und Löschen: Der Name steht oben in der Animation (rechts). Der Papierkorb dort – oder beim Blitz „Löschen“ – entfernt sie samt ihren Keyframes; war sie als Rein oder Raus gewählt, ist dort danach kein Übergang mehr eingestellt.

Bibliothek „Animationen“: der Knopf mit dem Blitz neben „✦ Effekte“ bei den Ebenen. Darin fertige Animationen von Ventoview (Einblenden, Aufploppen, Hereinfliegen, Puls, Wackeln, Aufleuchten …) und deine eigenen – mit Suche, Favoriten und den Filtern Rein · Raus · Bei Auslöser. Auf ein Element ziehen oder „+“ setzt sie ein. Eigene speicherst du bei einer Animation mit „Speichern“ (Name und wofür sie gedacht ist); sie liegen in der App und gelten für alle Designs (Ventoview-App ab 0.0.4). Eigene löschst du dort mit dem Papierkorb.

Beispiel: die Basic-Vorlage „Tasten & Maus“ – über der untersten Zeile liegt „Ausblenden (Verlauf)“ mit eigenem Bereich, eine Animation lässt die neue Zeile bei jeder Taste weich erscheinen (Tastatur und Maus getrennt).

Wiederholen und Ausblenden

Unter „Einstellungen“ bieten Module fertige Verhalten an, z. B. „Einmal pro Alert“ (das Design läuft pro Ereignis einmal durch, mehrere nacheinander) oder „Ausblenden, wenn nichts läuft“.

Testen

Ist nichts ausgewählt, hat die rechte Seite zwei Seiten: Design und Testen. Unter Testen spielst du durch, was im Stream passieren kann. Zu sehen sind nur Tests, die zum Design passen – zum Modul des Editors oder einer Datenquelle (z. B. Tastenkürzel nur, wenn Tastenkürzel dabei ist). Die Mitte wird dabei zum Testfenster: Dort läuft das echte Overlay so, wie es im Stream erscheint.

• Chat-Nachricht: Name und Text, z. B. !elo. Erscheint im Chat-Overlay, löst Wort- und Befehl-Auslöser aus, und der Chat-Bot zeigt, was er antworten würde (auf Wunsch schreibt er wirklich).
• Stream-Ereignis: Follow, Abo, Resub (Monate), Geschenk-Abos (Anzahl), Bits (Menge), Raid (Zuschauer), Kanalpunkte – mit Name, Stufe und Nachricht.
• Tastenkürzel: jedes Kürzel aus der App per Klick auslösen.
• Werte testen: eine beliebige Variable auf einen Testwert setzen, z. B. Rang oder CPU-Temperatur – nur im Editor, zum Prüfen von Bedingungen und Texten.
• Schnelltests der Module (früher unter Einstellungen).

Ereignisse laufen über die App wie echte – auch in deiner Streaming-Software. Testwerte gelten nur im Editor und sind nach dem Neuladen weg.

Vorlagen

„Vorlagen“ oben zeigt die Vorlagen des Moduls – die Standard-Vorlagen und alles, was du aus dem Hub übernommen hast. Beim Drüberfahren entfernt × eine Vorlage aus der Liste (Standard-Vorlagen werden nur ausgeblendet). „Mehr im Hub“ öffnet den Hub direkt bei den Vorlagen dieses Moduls – dort holst du auch Entferntes zurück. Ein leeres Design beginnst du mit „Neu“.

Medien

Im Reiter „Medien“ stehen die Bilder, Videos und Töne der Module und deine eigenen (Hochladen, auf die Leinwand ziehen – dann gleich als Ebene – oder vom PC auf den Reiter „Medien“ ziehen – dann nur in deine Medien). Jeder Bereich lässt sich über seine Überschrift zuklappen. Töne zeigen ihren Namen, eine Wellenform und einen runden ▶-Knopf zum Vorhören (nur einer gleichzeitig). Die Lautstärke dafür regelt der 🔊-Regler rechts über der Timeline.

Speichern

„Speichern“ (Strg+S) legt das Design in der App ab. Über das Auswahlfeld oben öffnest du gespeicherte Designs, „Neu“ beginnt ein leeres. Zum Weitergeben: Vorlagen teilen.