Handbuch › Editor
Editor
Ebenen, Variablen, Medien, Formen, Effekte, Bedingungen und Auslöser
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 × 1gibt eine Linie genau in der Mitte,3 × 3Drittel. 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.
The editor has five areas: on the left the tabs Layers, Variables, Media and Settings (plus Ventoview bot for the chat bot and Shortcuts for the Shortcuts module), in the middle the canvas, on the right the properties of the selected layer and at the bottom the timeline.
The open tab sits at the bottom with its name and merges into the area, the others are above it as small icon boxes – hovering shows their name. Next to the “Layers” tab are the tools Open all / Close all (groups), Select all, Deselect and ✦ Effects; when the column is narrow they move closer, get short names and finally end up in the “⋯” menu.
Layers
| Layer | What for |
|---|---|
| Text | Any text with variables, e.g. Time: {zeit}. Colors inside text with [farbe=#ff0000]red[/farbe]. |
| Image / Video | Your own files (Media tab) or images from modules. Alt while dragging the handles crops. Shape: rectangle (corners also individually), circle/oval, hexagon, diamond, triangle, star, heart. Frame with width, color and style (line, dashes, dots, double) follows the shape. Blur: as many on top of each other as you like (“+ Blur”) – whole, edge (sharp center), one side (top/bottom/left/right with reach), focus point (sharp circle around a point) or tilt-shift (sharp band). Each with strength, softness and “Invert”. |
| Sound | Plays from its start in the timeline. Invisible in the overlay. |
| Panel | Rectangle with color, gradient, corners and frame – e.g. as a background. “Outline only” (next to the frame color) makes the panel transparent. |
| Shape | 15 shapes (star, ring, arc, arrow, heart, speech bubble, wave …) with their own controls such as spikes, thickness or arc angle. “Outline only” exists here too. |
| Group | Folder for several layers, available in every editor. Select layers and click “Group” (Ctrl+G) – or drag layers onto the group in the list. Clicking an element selects the whole group: moving, aligning, copying, hiding and deleting then apply to all. Just one element: double-click on the canvas or click in the list. Ctrl+Shift+G or “Ungroup” dissolves it again. Under “Transform” the group has its own position, width/height %, rotation and opacity – they affect everything inside without changing the layers themselves (a layer taken out is back to how it was). Like a layer, the group also has effects (they apply to all matching layers inside, e.g. audio effects only to sound/video) and keyframes: ◆ on any value or “+ Keyframe track” for opacity, offset, size, rotation and the effect sliders. Its tracks run over the full length of the design. |
| Template | Embeds a whole saved design (Link module). |
| Bar, visualizer, confetti, frame | Come with modules (Music, Stream-Chat, Alerts, Frames …) and only appear in that module’s editor or as soon as the module is a data source. |
| List | Shows the latest entries of a list below each other – the Stream-Chat, the most recently pressed keys (Basic) or any other list of a module (under “Source”). Newest at the top or bottom, with amount and display time. “Per line s” sets how long each line stays – counted from the newest: “3, 2, 0.5” = newest 3 s, above it 2 s, at the very top 0.5 s. “Example” are lines only visible in the editor while there's no real data. |
On the canvas
- Move: drag. The layer snaps to the edges and centers of the canvas and other layers (pink guides). Alt = no snapping.
- Size: with the handles. Corners scale the font of text along, images keep their aspect ratio (Shift = free).
- Rotate: round handle at the top, Shift = 15° steps.
- Scale % (on the right under “Position & size”, slider + number): makes the whole layer with content, frame and effects bigger or smaller – around its center, without changing width, height or font size. Double-click the slider = 100 %. With ◆ also as a keyframe track (e.g. react to value).
- Overlapping layers: a click selects the top one. Ctrl + click on the same spot selects the next one below – every further Ctrl-click goes one deeper. A selected layer stays selected while dragging, even if another one lies above it.
- Select several: Shift + click (in the layer list also Ctrl + click) or draw a box over the empty canvas. Then move, align or distribute them evenly together.
- Lock direction: above the canvas Free / ↔ / ↕ – or Alt + G cycles through them (free → only sideways → only up/down → free). Shift while dragging uses the main direction.
- Resize areas: drag the dividers between the areas, double-click resets them. The left column is at least 250 px wide.
- Zoom: Alt + mouse wheel – towards the mouse. The percentage above the canvas fits it again. A zoom you set yourself stays, even when you make a column wider – the picture stays in place.
- Pan the zoomed canvas: mouse wheel, Shift + mouse wheel or drag with the middle mouse button. If not everything is visible, the canvas has a subtle purple edge all around.
- Only visible things can be clicked: layers that aren't active at the current time (timing, condition, trigger) can't be clicked on the canvas – in the layer list and the timeline they can.
- Layers outside the canvas can also be grabbed next to it and dragged back.
Grid
Above the canvas “Grid” (key G). Two kinds:
- px: fixed cell size in pixels, e.g. 20.
- Divide: split the canvas into equal cells – number side by side × stacked.
2 × 1gives a line exactly in the middle,3 × 3thirds. While dragging, the left edge, the center or the right edge snaps to the nearest line.
With the grid, the handles also snap when resizing, Shift + arrow key jumps to the next grid line, Alt briefly turns snapping off.
Variables
The “Variables” tab lists all values of your modules. A click puts the variable into the selected text – or creates a new one. Under “Settings → Data sources” you add more modules so their variables are available in the design. You create your own variables in the app under “Keywords”.
Conditions
Every layer and every group can have conditions – built like logic in code:
- Condition: variable, comparison, value – e.g.
{cputemp}greater than 80. Comparisons: is, is not, is one of, is none of, contains, greater/less than, at least/at most. - AND / OR: between two entries is the link – a click switches it. AND = all must match, OR = one is enough.
- Block ( ): groups conditions in brackets, with its own AND/OR inside. Blocks can be nested.
- At the top a line shows how the editor reads it, e.g.
(type = sub AND months > 3) OR (type = giftsub). - Groups: their conditions apply to all layers inside – in addition to their own. That way you switch many layers at once.
Keyframes and reacting values
Next to every number field of a layer there's a ◆: a click creates a keyframe track for this value. It runs over time, follows a dial or reacts to a live value (music, temperature, chat …). Everything about it: Timeline & keyframes and React to value.
Timing and animations
Under “Timing” you decide whether a layer is always visible or only from–to. For showing and hiding there are fade, slide, zoom, wipe in all directions, from the center, circle, blur, pop, spin in, drop and open up. For your own progressions: keyframes.
Effect library
At the far right of the layers, “✦ Effects” opens a column right next to the layers (the canvas moves aside). At the top a search, below it the tabs Favorites and All, with the sections All · Audio · Image · Animation:
- Image: black & white, sepia, hue, saturation, contrast, invert (negative), light ↔ dark (flip brightness, colors stay), glow, shadow, aura (pulsing), outline, light, vignette (image/video), fade out (gradient) and blur gradient – direction in degrees, start, length and curve (even, fast first or slow first).
- Animation: wobble, pulse, double pulse, float, swing, spin, flicker, rainbow, glitch – they run constantly. With “Seamless” (left of the volume) they don't jump back at the end of the loop.
- Audio (sound and video): muffled (low-pass), telephone (high-pass), echo, reverb, distortion, stereo. The reverb has wet (reverb) and dry (original) separately, length, pre-delay, softness (bright to muffled), bass cut, decay and stereo width. Audio effects are also included in video and WAV exports.
- ☆ on the left of a card makes the effect a favorite.
- Effect packs from the hub (dashed frame) apply several effects at once, e.g. “VHS tape”.
- The trash can on hover removes an effect or pack from the list – you can get it back in the hub. Layers already using it keep it.
- “More in the hub” opens more effect packs.
Drag an effect onto a layer or group in the list – or select layers or a group and click “+”. On a group the effect stays with the group and applies to all matching layers inside without changing them. It then appears indented below the layer; on the right in the properties you adjust it, turn it off or change the order. ◆ next to a slider creates a keyframe track, e.g. black & white from 0 to 100 % over two seconds or the echo via a MIDI dial.
Swap an effect: the name at the top of the card is a selection – another effect of the same category replaces it, matching controls keep their value and keyframes. Unlock an area (lock in the card, for image effects): the effect then only works inside a rectangle – X, Y, width, height (and a soft edge for filters), all animatable with ◆. With “Follow element” the area moves and scales with the element (values in % of its size) – e.g. black & white only on the lower half of an image, which stays that way when you move or resize the image. Without it the area stays fixed on the canvas. On the canvas a dashed frame shows the area: drag the tab = move, drag the corner = size.
Effects
- Visible % with wipe direction and soft edge – cuts the layer off like a wipe, ideal with a keyframe track.
- Blur for the whole layer.
Triggers
Under “Settings → Triggers” you create rules, e.g. “noob 3× in 10 s”, “!hype” in chat or a shortcut. Layers you assign to a trigger only appear when it applies – their timing counts from then. “Preview” plays it in the editor, “Test in chat” also in your streaming software. Shortcuts have their own tab – see Shortcuts.
With the Basic module there are also key press and mouse click (from the key display): every new entry of that kind triggers, “Only for” limits it to certain keys (comma-separated, empty = any).
Triggered animations
Every element – layer or group – can have its own animations: as an in or out animation in Timing or started by a condition while the timeline keeps running as usual.
- Create: on the right under “Triggered animations” or with the lightning bolt in the element’s timeline row.
- Edit: “Open timeline” shows a timeline just for this animation, from 0 s to its length (in the field at the top where “Loop length” usually is). Loop range, grid, zoom and inserting time work as usual. With ◆ next to every value you add tracks. It looks and works like the normal timeline: the element as a row (the arrow expands its tracks), the bar is the animation – dragging the right edge changes the length, the left one cuts off the start. Everything else stays as it looks right now. “Done” takes you back. Copied or from the library, position, rotation and size move along to the new element.
- Start: on a trigger (chat word, command, shortcut, key press, mouse click …), when a variable changes, when a condition is met – or “without trigger”, only as in/out.
- In/out: for elements that aren’t “always visible”, choose an animation of the element or one from the library under “In” or “Out” in Timing. Its length is then the duration. For groups it’s in their “In/out” section – their time runs from the first to the last layer.
- Together with the timeline: if the timeline animates the same value, both act: opacity and size are multiplied, offset, rotation and blur added. Fields like font size and effect controls are taken over by the animation. After it ends, everything glides back softly to the normal value within “Return” (seconds). If the trigger comes again, it starts over.
- Copy and paste: “Copy” on the animation, then select another element and press Ctrl+V (or “Paste” at the lightning bolt). If something doesn’t work – e.g. font size on an image – you get a message and nothing changes. Otherwise a window shows what gets animated, which effects are added and whether it is used as in, out or on a trigger.
- Rename and delete: the name is at the top of the animation (on the right). The trash can there – or “Delete” in the bolt menu – removes it together with its keyframes; if it was chosen as in or out, no transition is set there afterwards.
“Animations” library: the button with the lightning bolt next to “✦ Effects” at the layers. It holds ready-made animations from Ventoview (fade in, pop in, fly in, pulse, wiggle, light up …) and your own – with search, favorites and the filters In · Out · On trigger. Drag onto an element or click “+” to insert. Save your own with “Save” on an animation (name and what it is meant for); they are stored in the app and work for all designs (Ventoview app 0.0.4 or newer). You delete your own ones there with the trash can.
Example: the Basic template “Keys & mouse” – “Fade out (gradient)” with its own area lies over the bottom line, an animation makes the new line appear softly on every key (keyboard and mouse separately).
Repeat and hide
Under “Settings” modules offer ready-made behaviors, e.g. “Once per alert” (the design plays once per event, several one after another) or “Hide when nothing is playing”.
Testing
When nothing is selected, the right side has two pages: Design and Test. Under Test you play through what can happen in the stream. Only tests that fit the design are shown – for the editor's module or a data source (e.g. shortcuts only if Shortcuts is included). The middle then becomes the test window: the real overlay runs there just as it appears in the stream.
- Chat message: name and text, e.g.
!elo. Appears in the chat overlay, fires word and command triggers, and the chat bot shows what it would reply (if you want, it really writes). - Stream event: follow, sub, resub (months), gift subs (amount), bits (amount), raid (viewers), channel points – with name, tier and message.
- Shortcut: fire any shortcut from the app with a click.
- Test values: set any variable to a test value, e.g. rank or CPU temperature – only in the editor, to check conditions and texts.
- Quick tests of the modules (formerly under Settings).
Events run through the app like real ones – also in your streaming software. Test values only apply in the editor and are gone after reloading.
Templates
“Templates” at the top shows the module's templates – the default templates and everything you've taken from the hub. On hover, × removes a template from the list (default templates are only hidden). “More in the hub” opens the hub right at this module's templates – that's also where you get removed ones back. You start an empty design with “New”.
Media
The “Media” tab holds the images, videos and sounds of the modules and your own (upload, drag onto the canvas – then straight as a layer – or drag from the PC onto the “Media” tab – then only into your media). Each section can be collapsed via its heading. Sounds show their name, a waveform and a round ▶ button to preview (only one at a time). The volume for this is set with the 🔊 slider on the right above the timeline.
Saving
“Save” (Ctrl+S) stores the design in the app. With the selection field at the top you open saved designs, “New” starts an empty one. To pass it on: Sharing templates.
L'editor ha cinque aree: a sinistra le schede Livelli, Variabili, Media e Impostazioni (in più Ventoview bot per il chat bot e Scorciatoie per il modulo Scorciatoie), al centro la tela, a destra le proprietà del livello selezionato e in basso la timeline.
La scheda aperta sta in basso con il suo nome e si unisce all'area, le altre stanno sopra come piccole caselle con icona – passandoci sopra si vede il nome. Accanto alla scheda “Livelli” ci sono gli strumenti Apri tutti / Chiudi tutti (gruppi), Seleziona tutti, Deseleziona e ✦ Effetti; se la colonna è stretta si avvicinano, prendono nomi brevi e alla fine finiscono nel menu “⋯”.
Livelli
| Livello | A cosa serve |
|---|---|
| Testo | Qualsiasi testo con variabili, es. Ora: {zeit}. Colori nel testo con [farbe=#ff0000]rosso[/farbe]. |
| Immagine / Video | File tuoi (scheda Media) o immagini dei moduli. Alt mentre trascini le maniglie ritaglia. Forma: rettangolo (angoli anche singoli), cerchio/ovale, esagono, rombo, triangolo, stella, cuore. La cornice con larghezza, colore e stile (linea, trattini, punti, doppia) segue la forma. Sfocatura: quante ne vuoi una sopra l'altra (“+ Sfocatura”) – intera, bordo (centro nitido), un lato (alto/basso/sinistra/destra con portata), punto focale (cerchio nitido intorno a un punto) o tilt-shift (fascia nitida). Ognuna con intensità, morbidezza e “Inverti”. |
| Suono | Suona dal suo inizio nella timeline. Invisibile nell'overlay. |
| Pannello | Rettangolo con colore, sfumatura, angoli e cornice – es. come sfondo. “Solo bordo” (accanto al colore della cornice) rende il pannello trasparente. |
| Forma | 15 forme (stella, anello, arco, freccia, cuore, fumetto, onda …) con regolazioni proprie come punte, spessore o angolo dell'arco. Anche qui c'è “Solo bordo”. |
| Gruppo | Cartella per più livelli, presente in ogni editor. Seleziona i livelli e “Raggruppa” (Ctrl+G) – oppure trascina i livelli sul gruppo nella lista. Un clic su un elemento seleziona l'intero gruppo: spostare, allineare, copiare, nascondere ed eliminare valgono per tutti. Un solo elemento: doppio clic sulla tela o clic nella lista. Ctrl+Shift+G o “Sciogli” lo scioglie di nuovo. In “Trasforma” il gruppo ha posizione, larghezza/altezza %, rotazione e opacità propri – agiscono su tutto il contenuto senza cambiare i livelli (un livello tolto torna com'era). Come un livello, anche il gruppo ha effetti (agiscono su tutti i livelli adatti al suo interno, es. effetti audio solo su suono/video) e keyframe: ◆ su ogni valore o “+ Traccia keyframe” per opacità, spostamento, dimensione, rotazione e i cursori degli effetti. Le sue tracce durano per tutta la lunghezza del design. |
| Modello | Incorpora un intero design salvato (modulo Link). |
| Barra, visualizer, coriandoli, cornice | Arrivano con i moduli (Musica, Stream-Chat, Alerts, Cornici …) e compaiono solo nell’editor di quel modulo o appena il modulo è fonte dati. |
| Lista | Mostra le ultime voci di una lista una sotto l'altra – la Stream-Chat, gli ultimi tasti premuti (Basic) o qualsiasi altra lista di un modulo (in “Fonte”). Più recenti in alto o in basso, con numero e durata. “Per riga s” stabilisce quanto resta ogni riga – contando dalla più recente: “3, 2, 0.5” = la più recente 3 s, sopra 2 s, in cima 0,5 s. “Esempio” sono righe visibili solo nell'editor finché non ci sono dati reali. |
Sulla tela
- Spostare: trascina. Il livello si aggancia a bordi e centri della tela e di altri livelli (guide rosa). Alt = senza aggancio.
- Dimensione: con le maniglie. Gli angoli del testo scalano anche il carattere, le immagini mantengono le proporzioni (Shift = libero).
- Ruotare: maniglia rotonda in alto, Shift = passi di 15°.
- Scala % (a destra in “Posizione e dimensione”, cursore + numero): ingrandisce o rimpicciolisce l'intero livello con contenuto, cornice ed effetti – intorno al centro, senza cambiare larghezza, altezza o dimensione del carattere. Doppio clic sul cursore = 100 %. Con ◆ anche come traccia keyframe (es. reagire a un valore).
- Livelli sovrapposti: un clic seleziona quello in alto. Ctrl + clic sullo stesso punto seleziona quello sotto – ogni altro Ctrl-clic scende di uno. Un livello selezionato resta selezionato durante il trascinamento, anche se un altro è sopra.
- Selezionarne più: Shift + clic (nella lista livelli anche Ctrl + clic) o traccia un riquadro sulla tela vuota. Poi spostali, allineali o distribuiscili insieme.
- Bloccare la direzione: sopra la tela Libero / ↔ / ↕ – oppure Alt + G passa all'opzione successiva (libero → solo laterale → solo su/giù → libero). Shift durante il trascinamento usa la direzione principale.
- Regolare le aree: trascina i divisori tra le aree, doppio clic li ripristina. La colonna sinistra è larga almeno 250 px.
- Zoom: Alt + rotella – verso il mouse. La percentuale sopra la tela riadatta. Uno zoom impostato da te resta, anche se allarghi una colonna – l'immagine resta ferma.
- Spostare la tela ingrandita: rotella, Shift + rotella o trascina con il tasto centrale premuto. Se non si vede tutto, la tela ha un discreto bordo viola tutto intorno.
- Si può cliccare solo ciò che è visibile: i livelli non attivi nel momento attuale (timing, condizione, attivatore) non si possono cliccare sulla tela – nella lista livelli e nella timeline sì.
- Livelli fuori dalla tela si possono afferrare anche accanto e riportare dentro.
Griglia
Sopra la tela “Griglia” (tasto G). Due tipi:
- px: dimensione fissa delle celle in pixel, es. 20.
- Dividi: divide la tela in celle uguali – numero affiancate × una sotto l'altra.
2 × 1dà una linea esattamente al centro,3 × 3i terzi. Trascinando, il bordo sinistro, il centro o il bordo destro si agganciano alla linea più vicina.
Con la griglia si agganciano anche le maniglie durante il ridimensionamento, Shift + freccia salta alla linea successiva, Alt disattiva brevemente l'aggancio.
Variabili
Nella scheda “Variabili” ci sono tutti i valori dei tuoi moduli. Un clic inserisce la variabile nel testo selezionato – o ne crea uno nuovo. In “Impostazioni → Fonti dati” aggiungi altri moduli, così le loro variabili sono disponibili nel design. Le tue variabili le crei nell'app in “Keywords”.
Condizioni
Ogni livello e ogni gruppo può avere condizioni – costruite come la logica nel codice:
- Condizione: variabile, confronto, valore – es.
{cputemp}maggiore di 80. Confronti: è, non è, è uno di, non è nessuno di, contiene, maggiore/minore, almeno/al massimo. - E / O: tra due voci c'è il collegamento – un clic lo cambia. E = devono valere tutte, O = ne basta una.
- Blocco ( ): raggruppa condizioni tra parentesi, con E/O propri all'interno. I blocchi si possono annidare.
- In alto una riga mostra come l'editor la legge, es.
(tipo = sub E mesi > 3) O (tipo = giftsub). - Gruppi: le loro condizioni valgono per tutti i livelli al loro interno – in aggiunta alle loro. Così accendi molti livelli insieme.
Keyframe e valori che reagiscono
Accanto a ogni campo numerico di un livello c'è un ◆: un clic crea una traccia keyframe per quel valore. Scorre nel tempo, segue un regolatore o reagisce a un valore live (musica, temperatura, chat …). Tutto qui: Timeline e keyframe e Reagire a un valore.
Timing e animazioni
In “Timing” stabilisci se un livello è sempre visibile o solo da–a. Per mostrare e nascondere ci sono dissolvenza, scorrimento, zoom, tendina in tutte le direzioni, dal centro, cerchio, sfocatura, comparsa, rotazione, caduta e apertura. Per andamenti personalizzati: keyframe.
Libreria effetti
All'estrema destra dei livelli, “✦ Effetti” apre una colonna proprio accanto ai livelli (la tela si sposta). In alto una ricerca, sotto le schede Preferiti e Tutti, con le sezioni Tutti · Audio · Immagine · Animazione:
- Immagine: bianco e nero, seppia, tonalità, saturazione, contrasto, inverti (negativo), chiaro ↔ scuro (inverte la luminosità, i colori restano), bagliore, ombra, aura (pulsante), contorno, luce, vignetta (immagine/video), dissolvenza (gradiente) e sfocatura graduale – direzione in gradi, inizio, lunghezza e curva (uniforme, prima veloce o prima lenta).
- Animazione: oscillare, pulsare, doppio battito, fluttuare, pendolo, ruotare, sfarfallio, arcobaleno, glitch – girano sempre. Con “Continuo” (a sinistra del volume) non saltano indietro alla fine del loop.
- Audio (suono e video): ovattato (passa-basso), telefono (passa-alto), eco, riverbero, distorsione, stereo. Il riverbero ha wet (riverbero) e dry (originale) separati, durata, pre-delay, morbidezza (da brillante a ovattato), taglio dei bassi, decadimento e ampiezza stereo. Gli effetti audio finiscono anche nell'esportazione video e WAV.
- ☆ a sinistra su una scheda rende l'effetto un preferito.
- I pacchetti di effetti dall'hub (cornice tratteggiata) applicano più effetti insieme, es. “Cassetta VHS”.
- Il cestino al passaggio del mouse rimuove un effetto o un pacchetto dalla lista – puoi recuperarlo nell'hub. I livelli che lo usano già lo mantengono.
- “Altro nell'hub” apre altri pacchetti di effetti.
Trascina un effetto su un livello o gruppo nella lista – oppure seleziona livelli o un gruppo e clicca “+”. Su un gruppo l'effetto resta al gruppo e agisce su tutti i livelli adatti al suo interno senza modificarli. Appare poi rientrato sotto il livello; a destra nelle proprietà lo regoli, lo spegni o cambi l'ordine. ◆ accanto a un cursore crea una traccia keyframe, es. bianco e nero da 0 a 100 % in due secondi o l'eco tramite un regolatore MIDI.
Scambiare un effetto: il nome in alto nella scheda è una selezione – un altro effetto della stessa categoria lo sostituisce, i regolatori uguali mantengono valore e keyframe. Sbloccare un’area (lucchetto nella scheda, per gli effetti immagine): l’effetto agisce solo in un rettangolo – X, Y, larghezza, altezza (e per i filtri un bordo morbido), tutto animabile con ◆. Con “Segui elemento” l’area si sposta e si ridimensiona con l’elemento (valori in % della sua dimensione) – es. bianco e nero solo sulla metà inferiore di un’immagine, che resta così quando sposti o ingrandisci l’immagine. Senza, l’area resta fissa sulla tela. Sulla tela una cornice tratteggiata mostra l’area: trascina la linguetta = sposta, l’angolo = dimensione.
Effetti
- Visibile % con direzione della tendina e bordo morbido – taglia il livello come una tendina, ideale con una traccia keyframe.
- Sfocatura per l'intero livello.
Attivatori
In “Impostazioni → Attivatori” crei regole, es. “noob 3× in 10 s”, “!hype” in chat o una scorciatoia. I livelli che assegni a un attivatore appaiono solo quando scatta – il loro timing conta da quel momento. “Anteprima” lo riproduce nell'editor, “Prova in chat” anche nel tuo software di streaming. Le scorciatoie hanno una scheda propria – vedi Scorciatoie.
Con il modulo Basic ci sono anche pressione tasto e clic del mouse (dalla visualizzazione tasti): ogni nuova voce di quel tipo attiva, “Solo per” limita a tasti precisi (separati da virgola, vuoto = qualsiasi).
Animazioni attivate
Ogni elemento – livello o gruppo – può avere animazioni proprie: come animazione di entrata o uscita in Timing o avviate da una condizione, mentre la timeline continua normalmente.
- Creare: a destra in “Animazioni attivate” o con il fulmine nella riga dell’elemento nella timeline.
- Modificare: “Apri timeline” mostra una timeline solo per questa animazione, da 0 s alla sua durata (nel campo in alto dove di solito c’è “Durata del loop”). Area di loop, griglia, zoom e inserire tempo funzionano come sempre. Con ◆ accanto a ogni valore crei tracce. Ha l’aspetto e il funzionamento della timeline normale: l’elemento come riga (la freccia apre le tracce), la barra è l’animazione – trascinare il bordo destro cambia la durata, quello sinistro taglia l’inizio. Tutto il resto resta com’è in quel momento. “Fatto” riporta indietro. Copiata o dalla libreria, posizione, rotazione e dimensione si adattano al nuovo elemento.
- Avvio: con un attivatore (parola in chat, comando, scorciatoia, pressione tasto, clic del mouse …), quando cambia una variabile, quando una condizione è soddisfatta – o “senza attivatore”, solo come entrata/uscita.
- Entrata/uscita: per elementi non “sempre visibili” scegli in Timing sotto “Entrata” o “Uscita” un’animazione dell’elemento o una dalla libreria. La sua durata diventa la durata. Per i gruppi si trova nella loro sezione “Entrata/uscita” – il loro tempo va dal primo all’ultimo livello.
- Insieme alla timeline: se la timeline anima lo stesso valore, agiscono entrambe: opacità e dimensione si moltiplicano, spostamento, rotazione e sfocatura si sommano. Campi come la dimensione del carattere e i regolatori degli effetti li prende l’animazione. Alla fine tutto torna dolcemente al valore normale entro “Ritorno” (secondi). Se l’attivatore torna, ricomincia da capo.
- Copiare e incollare: “Copia” sull’animazione, poi seleziona un altro elemento e premi Ctrl+V (o “Incolla” sul fulmine). Se qualcosa non va – ad es. la dimensione del carattere su un’immagine – ricevi un messaggio e non cambia nulla. Altrimenti una finestra mostra cosa viene animato, quali effetti si aggiungono e se usarla come entrata, uscita o con un attivatore.
- Rinominare ed eliminare: il nome è in alto nell’animazione (a destra). Il cestino lì – o “Elimina” nel menu del fulmine – la rimuove insieme ai suoi keyframe; se era scelta come entrata o uscita, lì poi non è più impostata nessuna transizione.
Libreria “Animazioni”: il pulsante con il fulmine accanto a “✦ Effetti” presso i livelli. Contiene animazioni pronte di Ventoview (dissolvenza, comparsa, entrata in volo, impulso, oscillazione, illuminazione …) e le tue – con ricerca, preferiti e i filtri Entrata · Uscita · All’attivatore. Trascina su un elemento o clicca “+” per inserirle. Le tue le salvi con “Salva” su un’animazione (nome e a cosa serve); restano nell’app e valgono per tutti i design (app Ventoview 0.0.4 o più recente). Le tue le elimini lì con il cestino.
Esempio: il modello Basic “Tasti e mouse” – sopra la riga più in basso c’è “Dissolvenza (gradiente)” con un’area propria, un’animazione fa apparire dolcemente la nuova riga a ogni tasto (tastiera e mouse separati).
Ripetere e nascondere
In “Impostazioni” i moduli offrono comportamenti pronti, es. “Una volta per alert” (il design viene riprodotto una volta per evento, più eventi uno dopo l'altro) o “Nascondi quando non suona nulla”.
Prova
Se non è selezionato nulla, il lato destro ha due pagine: Design e Prova. In Prova simuli ciò che può succedere nello stream. Si vedono solo i test adatti al design – al modulo dell'editor o a una fonte dati (es. scorciatoie solo se c'è Scorciatoie). Il centro diventa la finestra di test: lì gira l'overlay vero così come appare nello stream.
- Messaggio in chat: nome e testo, es.
!elo. Appare nell'overlay della chat, attiva gli attivatori di parole e comandi, e il chat bot mostra cosa risponderebbe (se vuoi, scrive davvero). - Evento dello stream: follow, abbonamento, resub (mesi), abbonamenti regalo (numero), bits (quantità), raid (spettatori), punti canale – con nome, livello e messaggio.
- Scorciatoia: attiva con un clic qualsiasi scorciatoia dell'app.
- Prova valori: imposta qualsiasi variabile su un valore di test, es. grado o temperatura CPU – solo nell'editor, per verificare condizioni e testi.
- Test rapidi dei moduli (prima in Impostazioni).
Gli eventi passano dall'app come quelli veri – anche nel tuo software di streaming. I valori di test valgono solo nell'editor e spariscono ricaricando.
Modelli
“Modelli” in alto mostra i modelli del modulo – quelli standard e tutto ciò che hai preso dall'hub. Al passaggio del mouse × rimuove un modello dalla lista (quelli standard vengono solo nascosti). “Altro nell'hub” apre l'hub direttamente ai modelli di questo modulo – lì recuperi anche quelli rimossi. Un design vuoto lo inizi con “Nuovo”.
Media
Nella scheda “Media” ci sono le immagini, i video e i suoni dei moduli e i tuoi (carica, trascina sulla tela – diventa subito un livello – oppure trascina dal PC sulla scheda “Media” – finisce solo nei tuoi media). Ogni sezione si può comprimere dal suo titolo. I suoni mostrano nome, forma d'onda e un pulsante rotondo ▶ per ascoltarli (uno alla volta). Il volume si regola con il cursore 🔊 a destra sopra la timeline.
Salvare
“Salva” (Ctrl+S) memorizza il design nell'app. Con il campo di selezione in alto apri i design salvati, “Nuovo” ne inizia uno vuoto. Per condividerlo: Condividere modelli.
El editor tiene cinco áreas: a la izquierda las pestañas Capas, Variables, Medios y Ajustes (además Bot de Ventoview en el bot del chat y Atajos en el módulo Atajos), en el centro el lienzo, a la derecha las propiedades de la capa seleccionada y abajo la línea de tiempo.
La pestaña abierta está abajo con su nombre y se une al área; las demás están encima como pequeñas casillas con icono – al pasar el ratón se ve su nombre. Junto a la pestaña “Capas” están las herramientas Abrir todo / Cerrar todo (grupos), Seleccionar todo, Deseleccionar y ✦ Efectos; si la columna es estrecha se juntan, reciben nombres cortos y al final pasan al menú “⋯”.
Capas
| Capa | Para qué |
|---|---|
| Texto | Cualquier texto con variables, p. ej., Hora: {zeit}. Colores en el texto con [farbe=#ff0000]rojo[/farbe]. |
| Imagen / Vídeo | Archivos propios (pestaña Medios) o imágenes de los módulos. Alt al arrastrar los tiradores recorta. Forma: rectángulo (esquinas también por separado), círculo/óvalo, hexágono, rombo, triángulo, estrella, corazón. El marco con ancho, color y estilo (línea, guiones, puntos, doble) sigue la forma. Desenfoque: tantos como quieras uno encima de otro (“+ Desenfoque”) – entero, borde (centro nítido), un lado (arriba/abajo/izquierda/derecha con alcance), punto focal (círculo nítido alrededor de un punto) o tilt-shift (franja nítida). Cada uno con intensidad, suavidad e “Invertir”. |
| Sonido | Suena desde su inicio en la línea de tiempo. Invisible en el overlay. |
| Panel | Rectángulo con color, degradado, esquinas y marco – p. ej., como fondo. “Solo borde” (junto al color del marco) hace transparente el panel. |
| Forma | 15 formas (estrella, anillo, arco, flecha, corazón, bocadillo, onda …) con ajustes propios como picos, grosor o ángulo del arco. Aquí también hay “Solo borde”. |
| Grupo | Carpeta para varias capas, disponible en cada editor. Selecciona capas y “Agrupar” (Ctrl+G) – o arrastra capas al grupo en la lista. Un clic en un elemento selecciona todo el grupo: mover, alinear, copiar, ocultar y eliminar se aplican a todos. Solo un elemento: doble clic en el lienzo o clic en la lista. Ctrl+Shift+G o “Desagrupar” lo deshace. En “Transformar” el grupo tiene posición, ancho/alto %, rotación y opacidad propios – afectan a todo lo de dentro sin cambiar las capas (una capa sacada vuelve a estar como antes). Como una capa, el grupo también tiene efectos (se aplican a todas las capas adecuadas de dentro, p. ej., efectos de audio solo a sonido/vídeo) y keyframes: ◆ en cada valor o “+ Pista de keyframes” para opacidad, desplazamiento, tamaño, rotación y los controles de efectos. Sus pistas duran todo el diseño. |
| Plantilla | Incrusta un diseño guardado completo (módulo Link). |
| Barra, visualizer, confeti, marco | Vienen con módulos (Música, Stream-Chat, Alerts, Marcos …) y solo aparecen en el editor de ese módulo o en cuanto el módulo es fuente de datos. |
| Lista | Muestra las últimas entradas de una lista una debajo de otra – el Stream-Chat, las últimas teclas pulsadas (Basic) o cualquier otra lista de un módulo (en “Fuente”). Las más nuevas arriba o abajo, con cantidad y duración. “Por línea s” define cuánto se queda cada línea – contando desde la más nueva: “3, 2, 0.5” = la más nueva 3 s, encima 2 s, arriba del todo 0,5 s. “Ejemplo” son líneas que solo se ven en el editor mientras no hay datos reales. |
En el lienzo
- Mover: arrastrar. La capa se ajusta a bordes y centros del lienzo y de otras capas (guías rosas). Alt = sin ajuste.
- Tamaño: con los tiradores. Las esquinas del texto escalan también la letra, las imágenes mantienen la proporción (Shift = libre).
- Girar: tirador redondo arriba, Shift = pasos de 15°.
- Escala % (a la derecha en “Posición y tamaño”, control + número): agranda o reduce toda la capa con contenido, marco y efectos – alrededor de su centro, sin cambiar ancho, alto ni tamaño de letra. Doble clic en el control = 100 %. Con ◆ también como pista de keyframes (p. ej., reaccionar a un valor).
- Capas superpuestas: un clic selecciona la de arriba. Ctrl + clic en el mismo sitio selecciona la siguiente por debajo – cada Ctrl-clic baja una más. Una capa seleccionada sigue seleccionada al arrastrar, aunque haya otra encima.
- Seleccionar varias: Shift + clic (en la lista de capas también Ctrl + clic) o dibuja un recuadro sobre el lienzo vacío. Luego muévelas, alinéalas o distribúyelas juntas.
- Bloquear dirección: encima del lienzo Libre / ↔ / ↕ – o Alt + G cambia en orden (libre → solo lateral → solo arriba/abajo → libre). Shift al arrastrar usa la dirección principal.
- Ajustar áreas: arrastra los separadores entre áreas, doble clic los restablece. La columna izquierda mide al menos 250 px.
- Zoom: Alt + rueda – hacia el ratón. El porcentaje encima del lienzo vuelve a ajustar. Un zoom propio se mantiene aunque ensanches una columna – la imagen no se mueve.
- Desplazar el lienzo ampliado: rueda, Shift + rueda o arrastrar con el botón central. Si no se ve todo, el lienzo tiene un discreto borde morado alrededor.
- Solo se puede hacer clic en lo visible: las capas que no están activas en el momento actual (timing, condición, disparador) no se pueden pulsar en el lienzo – en la lista de capas y la línea de tiempo sí.
- Capas fuera del lienzo también se pueden agarrar al lado y volver a meter.
Cuadrícula
Encima del lienzo “Cuadrícula” (tecla G). Dos tipos:
- px: tamaño fijo de celda en píxeles, p. ej., 20.
- Dividir: divide el lienzo en celdas iguales – cantidad en horizontal × en vertical.
2 × 1da una línea justo en el centro,3 × 3tercios. Al arrastrar, el borde izquierdo, el centro o el borde derecho se ajustan a la línea más cercana.
Con cuadrícula también se ajustan los tiradores al cambiar el tamaño, Shift + flecha salta a la siguiente línea, Alt desactiva el ajuste un momento.
Variables
En la pestaña “Variables” están todos los valores de tus módulos. Un clic inserta la variable en el texto seleccionado – o crea uno nuevo. En “Ajustes → Fuentes de datos” añades más módulos para que sus variables estén disponibles en el diseño. Tus propias variables las creas en la app en “Keywords”.
Condiciones
Cada capa y cada grupo puede tener condiciones – construidas como la lógica en código:
- Condición: variable, comparación, valor – p. ej.,
{cputemp}mayor que 80. Comparaciones: es, no es, es uno de, no es ninguno de, contiene, mayor/menor que, al menos/como máximo. - Y / O: entre dos entradas está el enlace – un clic lo cambia. Y = todas deben cumplirse, O = basta una.
- Bloque ( ): agrupa condiciones entre paréntesis, con su propio Y/O dentro. Los bloques se pueden anidar.
- Arriba una línea muestra cómo lo lee el editor, p. ej.,
(tipo = sub Y meses > 3) O (tipo = giftsub). - Grupos: sus condiciones se aplican a todas las capas de dentro – además de las suyas propias. Así activas muchas capas a la vez.
Keyframes y valores que reaccionan
Junto a cada campo numérico de una capa hay un ◆: un clic crea una pista de keyframes para ese valor. Avanza con el tiempo, sigue un regulador o reacciona a un valor en vivo (música, temperatura, chat …). Todo sobre esto: Línea de tiempo y keyframes y Reaccionar a un valor.
Timing y animaciones
En “Timing” decides si una capa está siempre visible o solo desde–hasta. Para mostrar y ocultar hay fundido, deslizamiento, zoom, barrido en todas las direcciones, desde el centro, círculo, desenfoque, aparición, giro, caída y apertura. Para recorridos propios: keyframes.
Biblioteca de efectos
Al extremo derecho de las capas, “✦ Efectos” abre una columna justo al lado de las capas (el lienzo se aparta). Arriba una búsqueda, debajo las pestañas Favoritos y Todos, con las secciones Todos · Audio · Imagen · Animación:
- Imagen: blanco y negro, sepia, tono, saturación, contraste, invertir (negativo), claro ↔ oscuro (invierte el brillo, los colores se mantienen), brillo, sombra, aura (pulsante), contorno, luz, viñeta (imagen/vídeo), desvanecer (degradado) y desenfoque gradual – dirección en grados, inicio, longitud y curva (uniforme, primero rápido o primero lento).
- Animación: tambalear, pulsar, doble pulso, flotar, péndulo, girar, parpadeo, arcoíris, glitch – funcionan siempre. Con “Continuo” (a la izquierda del volumen) no saltan al final del bucle.
- Audio (sonido y vídeo): apagado (paso bajo), teléfono (paso alto), eco, reverberación, distorsión, estéreo. La reverberación tiene wet (reverberación) y dry (original) por separado, duración, pre-retardo, suavidad (de brillante a apagado), corte de graves, decaimiento y anchura estéreo. Los efectos de audio también van en la exportación de vídeo y WAV.
- ☆ a la izquierda de una tarjeta convierte el efecto en favorito.
- Los paquetes de efectos del hub (marco discontinuo) aplican varios efectos a la vez, p. ej., “Cinta VHS”.
- La papelera al pasar el ratón quita un efecto o paquete de la lista – puedes recuperarlo en el hub. Las capas que ya lo usan lo conservan.
- “Más en el hub” abre más paquetes de efectos.
Arrastra un efecto a una capa o grupo de la lista – o selecciona capas o un grupo y pulsa “+”. En un grupo el efecto se queda en el grupo y se aplica a todas las capas adecuadas de dentro sin cambiarlas. Después aparece sangrado bajo la capa; a la derecha en las propiedades lo ajustas, lo apagas o cambias el orden. ◆ junto a un control crea una pista de keyframes, p. ej., blanco y negro de 0 a 100 % en dos segundos o el eco con un regulador MIDI.
Cambiar un efecto: el nombre arriba en la tarjeta es una selección – otro efecto de la misma categoría lo sustituye, los controles iguales conservan valor y keyframes. Desbloquear una zona (candado en la tarjeta, en efectos de imagen): el efecto solo actúa dentro de un rectángulo – X, Y, ancho, alto (y en los filtros un borde suave), todo animable con ◆. Con “Seguir el elemento” la zona se mueve y escala con el elemento (valores en % de su tamaño) – p. ej. blanco y negro solo en la mitad inferior de una imagen, que se mantiene al mover o agrandar la imagen. Sin ello, la zona queda fija en el lienzo. En el lienzo un marco discontinuo muestra la zona: arrastrar la pestaña = mover, la esquina = tamaño.
Efectos
- Visible % con dirección de barrido y borde suave – corta la capa como una cortinilla, ideal con una pista de keyframes.
- Desenfoque para toda la capa.
Disparadores
En “Ajustes → Disparadores” creas reglas, p. ej., “noob 3× en 10 s”, “!hype” en el chat o un atajo. Las capas que asignes a un disparador solo aparecen cuando se cumple – su timing cuenta desde entonces. “Vista previa” lo reproduce en el editor, “Probar en el chat” también en tu software de streaming. Los atajos tienen su propia pestaña – ver Atajos.
Con el módulo Basic también hay pulsación de tecla y clic del ratón (de la visualización de teclas): cada entrada nueva de ese tipo activa, “Solo con” lo limita a teclas concretas (separadas por comas, vacío = cualquiera).
Animaciones activadas
Cada elemento – capa o grupo – puede tener sus propias animaciones: como animación de entrada o salida en Timing o iniciadas por una condición, mientras la línea de tiempo sigue con normalidad.
- Crear: a la derecha en “Animaciones activadas” o con el rayo en la fila del elemento en la línea de tiempo.
- Editar: “Abrir línea de tiempo” muestra una línea de tiempo solo para esta animación, de 0 s hasta su duración (en el campo de arriba donde suele estar “Duración del bucle”). Rango del bucle, cuadrícula, zoom e insertar tiempo funcionan como siempre. Con ◆ junto a cada valor creas pistas. Se ve y funciona como la línea de tiempo normal: el elemento como fila (la flecha despliega sus pistas), la barra es la animación – arrastrar el borde derecho cambia la duración, el izquierdo recorta el inicio. Todo lo demás se queda como se ve en ese momento. “Listo” vuelve atrás. Copiada o de la biblioteca, posición, rotación y tamaño se ajustan al nuevo elemento.
- Inicio: con un disparador (palabra en el chat, comando, atajo, pulsación de tecla, clic del ratón …), cuando cambia una variable, cuando se cumple una condición – o “sin disparador”, solo como entrada/salida.
- Entrada/salida: en elementos que no son “siempre visibles”, elige en Timing en “Entrada” o “Salida” una animación del elemento o una de la biblioteca. Su duración pasa a ser la duración. En los grupos está en su sección “Entrada/salida” – su tiempo va de la primera a la última capa.
- Junto con la línea de tiempo: si la línea de tiempo anima el mismo valor, actúan ambas: opacidad y tamaño se multiplican, desplazamiento, rotación y desenfoque se suman. Campos como el tamaño de letra y los controles de efectos los toma la animación. Al terminar, todo vuelve suavemente al valor normal dentro de “Vuelta” (segundos). Si el disparador vuelve, empieza de nuevo.
- Copiar y pegar: “Copiar” en la animación, luego elige otro elemento y pulsa Ctrl+V (o “Pegar” en el rayo). Si algo no funciona – p. ej. el tamaño de letra en una imagen – aparece un mensaje y no cambia nada. Si no, una ventana muestra qué se anima, qué efectos se añaden y si se usa como entrada, salida o con un disparador.
- Renombrar y eliminar: el nombre está arriba en la animación (a la derecha). La papelera de ahí – o “Eliminar” en el menú del rayo – la quita junto con sus keyframes; si estaba elegida como entrada o salida, después ya no hay ninguna transición ahí.
Biblioteca “Animaciones”: el botón con el rayo junto a “✦ Efectos” en las capas. Contiene animaciones listas de Ventoview (aparecer, surgir, entrar volando, pulso, oscilar, iluminar …) y las tuyas – con búsqueda, favoritos y los filtros Entrada · Salida · Con disparador. Arrastra a un elemento o pulsa “+” para insertarlas. Las tuyas las guardas con “Guardar” en una animación (nombre y para qué es); quedan en la app y sirven para todos los diseños (app de Ventoview 0.0.4 o más reciente). Las tuyas las borras ahí con la papelera.
Ejemplo: la plantilla Basic “Teclas y ratón” – sobre la línea de abajo está “Desvanecer (degradado)” con su propia zona, una animación hace aparecer suavemente la nueva línea con cada tecla (teclado y ratón por separado).
Repetir y ocultar
En “Ajustes” los módulos ofrecen comportamientos listos, p. ej., “Una vez por alerta” (el diseño se reproduce una vez por evento, varios uno tras otro) o “Ocultar cuando no suena nada”.
Probar
Si no hay nada seleccionado, el lado derecho tiene dos páginas: Diseño y Probar. En Probar simulas lo que puede pasar en el stream. Solo se ven las pruebas que encajan con el diseño – con el módulo del editor o una fuente de datos (p. ej., atajos solo si está Atajos). El centro se convierte en la ventana de prueba: ahí funciona el overlay real tal como aparece en el stream.
- Mensaje del chat: nombre y texto, p. ej.,
!elo. Aparece en el overlay del chat, dispara los disparadores de palabras y comandos, y el bot muestra lo que respondería (si quieres, escribe de verdad). - Evento del stream: follow, suscripción, resub (meses), suscripciones regaladas (cantidad), bits (cantidad), raid (espectadores), puntos de canal – con nombre, nivel y mensaje.
- Atajo: lanza cualquier atajo de la app con un clic.
- Probar valores: pon cualquier variable en un valor de prueba, p. ej., rango o temperatura de CPU – solo en el editor, para comprobar condiciones y textos.
- Pruebas rápidas de los módulos (antes en Ajustes).
Los eventos pasan por la app como los reales – también en tu software de streaming. Los valores de prueba solo valen en el editor y desaparecen al recargar.
Plantillas
“Plantillas” arriba muestra las plantillas del módulo – las estándar y todo lo que hayas tomado del hub. Al pasar el ratón, × quita una plantilla de la lista (las estándar solo se ocultan). “Más en el hub” abre el hub directamente en las plantillas de este módulo – ahí también recuperas las quitadas. Un diseño vacío lo empiezas con “Nuevo”.
Medios
En la pestaña “Medios” están las imágenes, vídeos y sonidos de los módulos y los tuyos (sube, arrastra al lienzo – queda directamente como capa – o arrastra desde el PC a la pestaña “Medios” – solo va a tus medios). Cada sección se puede plegar desde su título. Los sonidos muestran su nombre, una forma de onda y un botón redondo ▶ para escucharlos (uno a la vez). El volumen se regula con el control 🔊 a la derecha encima de la línea de tiempo.
Guardar
“Guardar” (Ctrl+S) guarda el diseño en la app. Con el selector de arriba abres diseños guardados, “Nuevo” empieza uno vacío. Para compartirlo: Compartir plantillas.
L'éditeur a cinq zones : à gauche les onglets Calques, Variables, Médias et Réglages (plus Bot Ventoview pour le bot du chat et Raccourcis pour le module Raccourcis), au centre le canevas, à droite les propriétés du calque sélectionné et en bas la timeline.
L'onglet ouvert se trouve en bas avec son nom et se fond dans la zone, les autres sont au-dessus sous forme de petites cases à icône – le survol affiche leur nom. À côté de l'onglet « Calques » se trouvent les outils Tout ouvrir / Tout fermer (groupes), Tout sélectionner, Désélectionner et ✦ Effets ; si la colonne est étroite, ils se resserrent, prennent des noms courts et finissent dans le menu « ⋯ ».
Calques
| Calque | Pour quoi |
|---|---|
| Texte | N'importe quel texte avec variables, ex. Heure : {zeit}. Couleurs dans le texte avec [farbe=#ff0000]rouge[/farbe]. |
| Image / Vidéo | Tes fichiers (onglet Médias) ou images des modules. Alt en tirant les poignées rogne. Forme : rectangle (coins aussi séparément), cercle/ovale, hexagone, losange, triangle, étoile, cœur. Le cadre avec largeur, couleur et style (ligne, tirets, points, double) suit la forme. Flou : autant que tu veux superposés (« + Flou ») – entier, bord (centre net), un côté (haut/bas/gauche/droite avec portée), point focal (cercle net autour d'un point) ou tilt-shift (bande nette). Chacun avec intensité, douceur et « Inverser ». |
| Son | Joue dès son début dans la timeline. Invisible dans l'overlay. |
| Panneau | Rectangle avec couleur, dégradé, coins et cadre – ex. comme arrière-plan. « Contour seulement » (à côté de la couleur du cadre) rend le panneau transparent. |
| Forme | 15 formes (étoile, anneau, arc, flèche, cœur, bulle, vague …) avec leurs propres réglages comme les pointes, l'épaisseur ou l'angle de l'arc. « Contour seulement » existe aussi ici. |
| Groupe | Dossier pour plusieurs calques, présent dans chaque éditeur. Sélectionne des calques puis « Grouper » (Ctrl+G) – ou glisse des calques sur le groupe dans la liste. Un clic sur un élément sélectionne tout le groupe : déplacer, aligner, copier, masquer et supprimer s'appliquent alors à tous. Un seul élément : double-clic sur le canevas ou clic dans la liste. Ctrl+Maj+G ou « Dissocier » le défait. Sous « Transformer », le groupe a sa propre position, largeur/hauteur %, rotation et opacité – elles agissent sur tout le contenu sans modifier les calques (un calque retiré redevient comme avant). Comme un calque, le groupe a aussi des effets (ils agissent sur tous les calques adaptés à l'intérieur, ex. effets audio seulement sur son/vidéo) et des images clés : ◆ sur chaque valeur ou « + Piste d'images clés » pour l'opacité, le décalage, la taille, la rotation et les curseurs des effets. Ses pistes durent toute la longueur du design. |
| Modèle | Intègre un design enregistré entier (module Link). |
| Barre, visualizer, confettis, cadre | Viennent avec des modules (Musique, Stream-Chat, Alerts, Cadres …) et n’apparaissent que dans l’éditeur de ce module ou dès que le module est une source de données. |
| Liste | Affiche les dernières entrées d'une liste les unes sous les autres – le Stream-Chat, les dernières touches pressées (Basic) ou toute autre liste d'un module (sous « Source »). Plus récentes en haut ou en bas, avec nombre et durée d'affichage. « Par ligne s » définit combien de temps reste chaque ligne – compté depuis la plus récente : « 3, 2, 0.5 » = la plus récente 3 s, au-dessus 2 s, tout en haut 0,5 s. « Exemple » sont des lignes visibles seulement dans l'éditeur tant qu'il n'y a pas de vraies données. |
Sur le canevas
- Déplacer : glisser. Le calque s'aimante aux bords et centres du canevas et des autres calques (repères roses). Alt = sans aimantation.
- Taille : avec les poignées. Les coins d'un texte agrandissent aussi la police, les images gardent leurs proportions (Maj = libre).
- Pivoter : poignée ronde en haut, Maj = pas de 15°.
- Échelle % (à droite sous « Position et taille », curseur + nombre) : agrandit ou réduit tout le calque avec contenu, cadre et effets – autour de son centre, sans changer largeur, hauteur ni taille de police. Double-clic sur le curseur = 100 %. Avec ◆ aussi en piste d'images clés (ex. réagir à une valeur).
- Calques superposés : un clic sélectionne celui du dessus. Ctrl + clic au même endroit sélectionne celui juste en dessous – chaque Ctrl-clic descend d'un cran. Un calque sélectionné le reste pendant le glissement, même si un autre est au-dessus.
- Sélectionner plusieurs : Maj + clic (dans la liste des calques aussi Ctrl + clic) ou trace un cadre sur le canevas vide. Puis déplace, aligne ou répartis-les ensemble.
- Bloquer la direction : au-dessus du canevas Libre / ↔ / ↕ – ou Alt + G passe de l'un à l'autre (libre → latéral seulement → haut/bas seulement → libre). Maj en glissant prend la direction principale.
- Ajuster les zones : tire les séparateurs entre les zones, un double-clic les réinitialise. La colonne de gauche fait au moins 250 px.
- Zoomer : Alt + molette – vers la souris. Le pourcentage au-dessus du canevas réajuste. Un zoom choisi par toi reste, même si tu élargis une colonne – l'image ne bouge pas.
- Déplacer le canevas zoomé : molette, Maj + molette ou glisser avec le bouton du milieu. Si tout n'est pas visible, le canevas a un discret bord violet tout autour.
- Seul ce qui est visible est cliquable : les calques inactifs au moment actuel (timing, condition, déclencheur) ne sont pas cliquables sur le canevas – dans la liste des calques et la timeline, si.
- Les calques hors du canevas peuvent aussi être attrapés à côté et ramenés.
Grille
Au-dessus du canevas « Grille » (touche G). Deux types :
- px : taille de case fixe en pixels, ex. 20.
- Diviser : divise le canevas en cases égales – nombre côte à côte × empilées.
2 × 1donne une ligne pile au milieu,3 × 3des tiers. En glissant, le bord gauche, le centre ou le bord droit s'aimante à la ligne la plus proche.
Avec la grille, les poignées s'aimantent aussi lors du redimensionnement, Maj + flèche saute à la ligne suivante, Alt désactive brièvement l'aimantation.
Variables
L'onglet « Variables » contient toutes les valeurs de tes modules. Un clic insère la variable dans le texte sélectionné – ou en crée un nouveau. Sous « Réglages → Sources de données », tu ajoutes d'autres modules pour que leurs variables soient disponibles dans le design. Tes propres variables se créent dans l'app sous « Keywords ».
Conditions
Chaque calque et chaque groupe peut avoir des conditions – construites comme la logique dans du code :
- Condition : variable, comparaison, valeur – ex.
{cputemp}supérieur à 80. Comparaisons : est, n'est pas, est l'un de, n'est aucun de, contient, supérieur/inférieur, au moins/au plus. - ET / OU : entre deux entrées se trouve la liaison – un clic la change. ET = toutes doivent être vraies, OU = une suffit.
- Bloc ( ) : regroupe des conditions entre parenthèses, avec son propre ET/OU à l'intérieur. Les blocs peuvent s'imbriquer.
- En haut, une ligne montre comment l'éditeur la lit, ex.
(type = sub ET mois > 3) OU (type = giftsub). - Groupes : leurs conditions s'appliquent à tous les calques qu'ils contiennent – en plus des leurs. Tu commandes ainsi plusieurs calques à la fois.
Images clés et valeurs réactives
À côté de chaque champ numérique d'un calque se trouve un ◆ : un clic crée une piste d'images clés pour cette valeur. Elle avance dans le temps, suit un curseur ou réagit à une valeur en direct (musique, température, chat …). Tout sur le sujet : Timeline et images clés et Réagir à une valeur.
Timing et animations
Sous « Timing », tu décides si un calque est toujours visible ou seulement de–à. Pour afficher et masquer, il y a le fondu, le glissement, le zoom, le balayage dans toutes les directions, depuis le centre, le cercle, le flou, l'apparition, la rotation, la chute et l'ouverture. Pour tes propres évolutions : images clés.
Bibliothèque d'effets
Tout à droite des calques, « ✦ Effets » ouvre une colonne juste à côté des calques (le canevas se décale). En haut une recherche, en dessous les onglets Favoris et Tous, avec les rubriques Tous · Audio · Image · Animation :
- Image : noir et blanc, sépia, teinte, saturation, contraste, inverser (négatif), clair ↔ sombre (inverse la luminosité, les couleurs restent), lueur, ombre, aura (pulsante), contour, lumière, vignette (image/vidéo), fondu (dégradé) et flou dégradé – direction en degrés, début, longueur et courbe (régulière, d’abord rapide ou d’abord lente).
- Animation : tremblement, pulsation, double pulsation, flottement, balancement, rotation, scintillement, arc-en-ciel, glitch – elles tournent en permanence. Avec « Continu » (à gauche du volume), elles ne sautent pas en fin de boucle.
- Audio (son et vidéo) : étouffé (passe-bas), téléphone (passe-haut), écho, réverbération, distorsion, stéréo. La réverbération a wet (réverbération) et dry (original) séparés, durée, pré-délai, douceur (de brillant à étouffé), coupe des basses, déclin et largeur stéréo. Les effets audio sont aussi inclus dans l'export vidéo et WAV.
- ☆ à gauche d'une carte met l'effet en favori.
- Les packs d'effets du hub (cadre en pointillés) appliquent plusieurs effets d'un coup, ex. « Cassette VHS ».
- La corbeille au survol retire un effet ou un pack de la liste – tu peux le récupérer dans le hub. Les calques qui l'utilisent déjà le gardent.
- « Plus dans le hub » ouvre d'autres packs d'effets.
Glisse un effet sur un calque ou un groupe de la liste – ou sélectionne des calques ou un groupe et clique sur « + ». Sur un groupe, l'effet reste au groupe et agit sur tous les calques adaptés qu'il contient sans les modifier. Il apparaît ensuite en retrait sous le calque ; à droite dans les propriétés, tu le règles, le désactives ou changes l'ordre. ◆ à côté d'un curseur crée une piste d'images clés, ex. noir et blanc de 0 à 100 % en deux secondes ou l'écho via un curseur MIDI.
Échanger un effet : le nom en haut de la carte est une sélection – un autre effet de la même catégorie le remplace, les réglages identiques gardent leur valeur et leurs images clés. Déverrouiller une zone (cadenas dans la carte, pour les effets d’image) : l’effet n’agit alors que dans un rectangle – X, Y, largeur, hauteur (et un bord doux pour les filtres), le tout animable avec ◆. Avec « Suivre l’élément », la zone se déplace et s’adapte avec l’élément (valeurs en % de sa taille) – p. ex. noir et blanc seulement sur la moitié inférieure d’une image, ce qui reste ainsi quand tu déplaces ou agrandis l’image. Sans, la zone reste fixe sur le canevas. Sur le canevas, un cadre en pointillés montre la zone : tirer l’onglet = déplacer, le coin = taille.
Effets
- Visible % avec direction de balayage et bord doux – coupe le calque comme un volet, idéal avec une piste d'images clés.
- Flou pour tout le calque.
Déclencheurs
Sous « Réglages → Déclencheurs », tu crées des règles, ex. « noob 3× en 10 s », « !hype » dans le chat ou un raccourci. Les calques associés à un déclencheur n'apparaissent que quand il se produit – leur timing compte à partir de là. « Aperçu » le joue dans l'éditeur, « Tester dans le chat » aussi dans ton logiciel de streaming. Les raccourcis ont leur propre onglet – voir Raccourcis.
Avec le module Basic, il y a aussi appui sur une touche et clic de souris (depuis l’affichage des touches) : chaque nouvelle entrée de ce type déclenche, « Seulement pour » limite à certaines touches (séparées par des virgules, vide = n’importe laquelle).
Animations déclenchées
Chaque élément – calque ou groupe – peut avoir ses propres animations : comme animation d’entrée ou de sortie dans Timing ou lancées par une condition, pendant que la timeline continue normalement.
- Créer : à droite sous « Animations déclenchées » ou avec l’éclair dans la ligne de l’élément dans la timeline.
- Modifier : « Ouvrir la timeline » affiche une timeline rien que pour cette animation, de 0 s à sa durée (dans le champ en haut où se trouve d’habitude « Durée de la boucle »). Zone de boucle, grille, zoom et insertion de temps fonctionnent comme d’habitude. Avec ◆ à côté de chaque valeur, tu crées des pistes. Elle ressemble à la timeline normale et fonctionne pareil : l’élément comme ligne (la flèche déplie ses pistes), la barre est l’animation – tirer le bord droit change la durée, le gauche coupe le début. Tout le reste reste tel qu’il est à ce moment. « Terminé » ramène en arrière. Copiée ou depuis la bibliothèque, position, rotation et taille suivent le nouvel élément.
- Démarrage : sur un déclencheur (mot du chat, commande, raccourci, appui sur une touche, clic de souris …), quand une variable change, quand une condition est remplie – ou « sans déclencheur », seulement en entrée/sortie.
- Entrée/sortie : pour les éléments qui ne sont pas « toujours visibles », choisis dans Timing sous « Entrée » ou « Sortie » une animation de l’élément ou une de la bibliothèque. Sa durée devient alors la durée. Pour les groupes, c’est dans leur section « Entrée/sortie » – leur temps va du premier au dernier calque.
- Avec la timeline : si la timeline anime la même valeur, les deux agissent : opacité et taille sont multipliées, décalage, rotation et flou additionnés. Les champs comme la taille de police et les réglages d’effets sont repris par l’animation. À la fin, tout revient en douceur à la valeur normale en « Retour » (secondes). Si le déclencheur revient, elle recommence.
- Copier et coller : « Copier » sur l’animation, puis sélectionne un autre élément et Ctrl+V (ou « Coller » sur l’éclair). Si quelque chose ne va pas – p. ex. la taille de police sur une image – un message s’affiche et rien ne change. Sinon, une fenêtre montre ce qui est animé, quels effets s’ajoutent et si elle sert d’entrée, de sortie ou au déclencheur.
- Renommer et supprimer : le nom se trouve en haut de l’animation (à droite). La corbeille à cet endroit – ou « Supprimer » dans le menu de l’éclair – la supprime avec ses images clés ; si elle était choisie comme entrée ou sortie, aucune transition n’y est plus réglée ensuite.
Bibliothèque « Animations » : le bouton avec l’éclair à côté de « ✦ Effets » près des calques. On y trouve des animations prêtes de Ventoview (fondu, apparition, arrivée en vol, pulsation, oscillation, éclat …) et les tiennes – avec recherche, favoris et les filtres Entrée · Sortie · Au déclencheur. Glisse sur un élément ou clique sur « + » pour les insérer. Enregistre les tiennes avec « Enregistrer » sur une animation (nom et usage prévu) ; elles restent dans l’app et valent pour tous les designs (app Ventoview 0.0.4 ou plus récente). Tu supprimes les tiennes à cet endroit avec la corbeille.
Exemple : le modèle Basic « Touches et souris » – au-dessus de la ligne du bas se trouve « Fondu (dégradé) » avec sa propre zone, une animation fait apparaître en douceur la nouvelle ligne à chaque touche (clavier et souris séparément).
Répéter et masquer
Sous « Réglages », les modules proposent des comportements prêts, ex. « Une fois par alerte » (le design se joue une fois par événement, plusieurs l'un après l'autre) ou « Masquer quand rien ne joue ».
Tester
Quand rien n'est sélectionné, le côté droit a deux pages : Design et Tester. Sous Tester, tu simules ce qui peut arriver en stream. Seuls les tests adaptés au design apparaissent – au module de l'éditeur ou à une source de données (ex. raccourcis seulement si Raccourcis est inclus). Le centre devient la fenêtre de test : le vrai overlay y tourne tel qu'il apparaît en stream.
- Message du chat : nom et texte, ex.
!elo. Apparaît dans l'overlay du chat, déclenche les mots et commandes, et le bot montre ce qu'il répondrait (si tu veux, il écrit vraiment). - Événement du stream : follow, abonnement, réabonnement (mois), abonnements offerts (nombre), bits (quantité), raid (spectateurs), points de chaîne – avec nom, niveau et message.
- Raccourci : déclenche n'importe quel raccourci de l'app d'un clic.
- Tester des valeurs : règle n'importe quelle variable sur une valeur de test, ex. rang ou température CPU – seulement dans l'éditeur, pour vérifier conditions et textes.
- Tests rapides des modules (auparavant sous Réglages).
Les événements passent par l'app comme les vrais – aussi dans ton logiciel de streaming. Les valeurs de test ne valent que dans l'éditeur et disparaissent au rechargement.
Modèles
« Modèles » en haut affiche les modèles du module – ceux par défaut et tout ce que tu as repris du hub. Au survol, × retire un modèle de la liste (ceux par défaut sont seulement masqués). « Plus dans le hub » ouvre le hub directement sur les modèles de ce module – c'est aussi là que tu récupères ceux retirés. Un design vide se commence avec « Nouveau ».
Médias
L'onglet « Médias » contient les images, vidéos et sons des modules et les tiens (envoyer, glisser sur le canevas – devient directement un calque – ou glisser depuis le PC sur l'onglet « Médias » – va seulement dans tes médias). Chaque section se replie via son titre. Les sons affichent leur nom, une forme d'onde et un bouton rond ▶ pour les écouter (un seul à la fois). Le volume se règle avec le curseur 🔊 à droite au-dessus de la timeline.
Enregistrer
« Enregistrer » (Ctrl+S) stocke le design dans l'app. Avec le champ de sélection en haut, tu ouvres les designs enregistrés, « Nouveau » en commence un vide. Pour le partager : Partager des modèles.