La_Syl Studio
Guide des widgets

Compteurs de stream

Des compteurs pour tout — morts, victoires, câlins… — comptés par les déclencheurs Streamer.Bot que vous choisissez ou par vos propres actions, et gardés dans Streamer.Bot.

Affiche un ou plusieurs compteurs à l'écran : un compteur de morts, des victoires et des défaites, des câlins distribués… Chaque compteur monte et descend avec les déclencheurs Streamer.Bot que vous choisissez — une commande, une récompense de points de chaîne, un raccourci —, revient à 0 avec ses déclencheurs de remise à zéro, et s'affiche ou se masque de la même façon. Vous pouvez aussi le changer à la main sur la page du widget, dans la fenêtre de contrôles, ou depuis vos propres actions Streamer.Bot.

Plateformes : Twitch, YouTube, Kick, et les intégrations activées dans Réglages

Pack d'actions : nécessaire — Stream UI - Backend crée les compteurs dans Streamer.Bot, les augmente et les remet à zéro. Voir Qui a besoin de quoi.

Fonctionnement

  • Chaque compteur vit dans Streamer.Bot, sous forme de variable globale persistante nommée streamUi.counter.<nom> — streamUi.counter.Deaths pour un compteur nommé Deaths. Elle contient un simple nombre, conservé quand Streamer.Bot redémarre et quand la source navigateur se recharge.
  • Créé dès que vous le nommez. Un instant après la fin de la saisie d'un nom, le compteur est créé dans Streamer.Bot à 0. Le renommer déplace sa valeur — et le fait qu'il soit masqué — vers les variables du nouveau nom et supprime les anciennes. Supprimer un compteur supprime aussi ses variables, sauf si un autre compteur porte encore le même nom.
  • Compté par l'overlay qui lance les actions. Quand l'un des Compter +1 triggers d'un compteur se déclenche, cet overlay lui ajoute 1, ou une valeur de l'événement (bits, un montant…) ; un déclencheur Compter −1 retire de la même façon. Un déclencheur Remettre à zéro le remet à 0. Les autres overlays et les URL d'un seul widget n'écrivent jamais : rien n'est compté deux fois. → Quel overlay lance les actions
  • Affiché ou masqué. Les déclencheurs Afficher et Masquer — ou le bouton Afficher / Masquer des commandes — affichent et masquent un compteur. Le fait qu'il soit masqué vit aussi dans Streamer.Bot, dans la globale persistante streamUi.counterHidden.<nom> : 1 masqué, 0 affiché. Il survit donc aux rechargements, et vos propres actions peuvent la régler.
  • Qui que ce soit qui le change, l'overlay suit. La page du widget, vos propres actions, l'overlay qui lance les actions : dès que la variable change dans Streamer.Bot, chaque overlay affiche la nouvelle valeur.
Comptez depuis vos propres actions. À côté du nom de chaque compteur, la page du widget affiche le nom de sa variable globale. Dans n'importe quelle action Streamer.Bot, une sous-action de variable globale (définir, incrémenter…) sur ce nom, persistante, change le compteur, et l'overlay suit. Une commande !death dont l'action incrémente cette variable fonctionne sans aucun déclencheur de comptage ici.

La page

La page du widget fonctionne comme une petite application :

  • Réglages, Style et Commandes, les onglets au-dessus de l'éditeur, changent ce qu'il affiche.
  • Liste des compteurs, la colonne de gauche : vos compteurs, chacun avec sa valeur en direct sous son nom. Cliquez sur l'un d'eux pour le modifier. Faites glisser une ligne par sa poignée pour la déplacer ; son interrupteur affiche ou masque le compteur en stream ; son menu le duplique ou le supprime. Ajouter un compteur en ajoute un.
  • La zone principale : les réglages du compteur choisi, ou ses boutons dans l'onglet Commandes.
  • Aperçu du widget, le panneau contre le bord droit de la fenêtre : l'aperçu, les boutons de test et l'URL propre au widget. La flèche en haut le replie en un mince rail. Faites glisser son bord gauche pour l'élargir, jusqu'à la moitié de la fenêtre ; il garde sa largeur. Widget montre le widget dans sa position, découpé dans le canevas tel que votre source navigateur le dessine ; Sur le canevas, tout le canevas.

Chaque colonne et l'aperçu se replient avec la flèche à côté de leur titre. L'aperçu reste replié jusqu'à ce que vous le dépliiez ; les colonnes s'ouvrent dépliées à chaque visite de la page.

Mise en place

Connectez Streamer.Bot et ajoutez le pack d'actions

Les compteurs sont gardés par l'action Stream UI - Backend → Connexion.

Nommez vos compteurs

Dans Liste des compteurs, choisissez le compteur Deaths par défaut et renommez-le dans Nom du compteur, ou ajoutez-en d'autres. Le Compte en direct apparaît sous le nom dès qu'il existe dans Streamer.Bot.

Choisissez ce qui compte

Dans l'onglet Commandes, choisissez le compteur, puis Compter +1 dans la colonne Commandes, et Ajouter un déclencheur dans Liste des déclencheurs — une commande !death, une récompense de points de chaîne… — en choisissant Ce qu’il ajoute : Ajouter 1, ou Ajouter la valeur d’une variable. Compter −1 retire : Ce qu’il retire vaut Retirer 1 ou Retirer la valeur d’une variable. Ajoutez des déclencheurs Remettre à zéro s'il doit revenir à 0 tout seul, par exemple au lancement de votre stream.

Mettez à jour votre source navigateur

Recopiez l'URL de l'overlay dans votre source navigateur → Disposition et source navigateur.

Réglages

Liste des compteurs

Vos compteurs, Deaths par défaut. Sous chaque nom, sa valeur en direct ; un compteur sans nom indique Pas encore de nom et n'est pas affiché. Son interrupteur l'affiche ou le masque sur tous les overlays (comme ses commandes Afficher / Masquer). Dupliquer ajoute un nouveau compteur avec les mêmes déclencheurs, qui démarre à 0 ; Supprimer supprime aussi ses variables de Streamer.Bot. Côte à côte ou les uns sous les autres, cela se règle dans l'onglet Style (la Direction du Conteneur).

Réglages du compteur

Le compteur choisi, dans la zone principale :

ChampDétail
Nom du compteurAffiché sur la carte, et partie du nom de la variable dans Streamer.Bot. Se change dans l'onglet Réglages.
Streamer.bot globalLa variable dans laquelle il vit, à côté du nom, par exemple streamUi.counter.Deaths, avec son bouton Copier.
CompteLa valeur en direct, lue dans Streamer.Bot et modifiée là-bas pendant que vous tapez. Remettre à zéro la remet à 0. Demande Streamer.Bot connecté et l'action Backend.

Ses déclencheurs sont dans l'onglet Commandes → Commandes.

Style

Chaque élément suit le style de l'overlay jusqu'à ce que vous modifiiez l'un de ses champs. Dans l'onglet Style, la colonne Styles prend la place de la liste des compteurs (les styles valent pour tous les compteurs) : choisissez-y un élément pour le styler dans la zone principale, l'aperçu à côté. Voir Apparence.

ÉlémentDétail
ConteneurLes compteurs côte à côte, par défaut, ou les uns sous les autres (Direction), alignés sur la position du widget, Full width, 12 px entre les compteurs.
FondLe cadre derrière chaque compteur : nom et valeur côte à côte, par défaut, ou l'un au-dessus de l'autre (Direction), centrés (Aligner le contenu, Répartir le contenu), à 10 px ; 220 px de large en Fixe.
Texte › Nom du compteurLe nom du compteur (style Texte de l'overlay).
Texte › Compte actuelLe nombre (style Nombres de l'overlay).
Transition d’apparitionL'apparition et la disparition d'un compteur.

Position par défaut

Position En haut à droite, largeur automatique, taille 100 %. Tout cela se change dans l'onglet Disposition du Créateur d’overlay.

Événements Streamer.Bot écoutés

ÉvénementCe qu'il déclenche
Les déclencheurs de comptage, de remise à zéro, d'affichage et de masquage choisisChange le compteur, le remet à 0, l'affiche ou le masque
Misc.GlobalVariableUpdated, Misc.GlobalVariableCreatedLes variables d'un compteur ont changé dans Streamer.Bot — affiche la nouvelle valeur, affiche ou masque le compteur
Le panneau Aperçu du widget a un bouton de test par déclencheur, dans un onglet par compteur — Moins : …, Remise à zéro : …, Afficher : …, Masquer : … pour les autres. Ils ne jouent que dans l'aperçu : la valeur dans Streamer.Bot ne change pas.

Commandes

Dans l'onglet Commandes, un compteur choisi :

  • Commandes, une colonne à côté de la liste des compteurs, contient Compter +1, Compter −1, Remettre à zéro, Afficher et Masquer, chacun avec les noms de ses déclencheurs. Choisissez-en un pour voir ses déclencheurs dans Liste des déclencheurs.
  • Liste des déclencheurs : les déclencheurs Streamer.Bot qui le font. Ajouter un déclencheur en ajoute un, conditions comprises → Déclencheurs et conditions. Les déclencheurs de Compter +1 et Compter −1 ont chacun leur Ce qu’il ajoute / Ce qu’il retire.
  • La zone principale affiche la tuile du compteur, qui indique Deaths: 3, avec ses boutons. La fenêtre de contrôles a une tuile par compteur nommé :
BoutonEffet
+1Ajoute 1.
−1Retire 1.
Remettre à zéroLe remet à 0.
Masquer / AfficherMasque le compteur sur tous les overlays, ou le réaffiche.

Ils écrivent directement dans Streamer.Bot : tous les overlays suivent aussitôt. Ils demandent Streamer.Bot connecté et l'action Backend.