Éditeur

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 × 1 donne une ligne pile au milieu, 3 × 3 des 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.