Objectifs et subathon

Vos objectifs, une carte par plateforme. Pendant un subathon, il affiche le compte à rebours à côté des objectifs propres au subathon, qui ajoutent du temps et débloquent des récompenses, puis revient à vos objectifs une fois le subathon terminé.

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

Pack d'actions : Stream UI - Backend garde la progression entre deux redémarrages et permet de modifier les compteurs en direct ; Stream UI - Sounds joue les fichiers son ; Stream UI - Broadcast fait fonctionner les boutons du subathon → Connexion

La progression est comptée et enregistrée par l'overlay qui lance les actions, qui envoie aussi les messages de chat et joue les sons. Les autres overlays qui affichent les objectifs comptent en même temps pour réagir tout de suite, puis reprennent les valeurs enregistrées. → Quel overlay lance les actions

Deux boutons au-dessus des onglets font passer la page de Objectifs à Subathon. Les deux modes ont les mêmes sections, chacun avec ses propres objectifs : vos objectifs habituels gardent leurs réglages et leurs compteurs pendant un subathon. Le mode Subathon ajoute Réglages du timer, et ses objectifs ajoutent du temps et ont leurs propres étapes au lieu d'une cible. Chaque mode a aussi ses propres Réglages de l’historique. Les éléments de style et les boutons de test suivent le mode choisi.

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.
• La colonne de gauche liste les sections de l'onglet, les mêmes dans les deux modes : Réglages généraux, Réglages du timer (mode Subathon seulement), Réglages des objectifs, Réglages de l’historique, Objectifs par plateforme, Objectifs des intégrations et, en dernier, Totaux (son interrupteur sur sa ligne). Dans l'onglet Commandes : Afficher et Masquer → Afficher et masquer, et en mode Subathon les commandes du subathon → Piloter le subathon, chacune avec ses déclencheurs. Cliquez sur l'une d'elles pour la modifier dans la zone principale.
• Objectifs par plateforme et Objectifs des intégrations ouvrent chacun une colonne à eux, une ligne par plateforme ou intégration activée (Objectifs des intégrations sans aucune : un bouton Activer des intégrations).
• Une source ouvre ensuite sa Liste des objectifs, et Totaux sa Liste des totaux. Vous y ajoutez, réordonnez, dupliquez ou supprimez des lignes ; celle choisie se modifie dans la zone principale, et la Liste des déclencheurs d'un objectif a sa propre colonne à côté de la liste.
• 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.

Objectifs

Réglages généraux

Réglages des objectifs

En trois parties : Alignement, Titres et Barre de progression.

Réglages de l’historique

Qui a fait avancer les objectifs, le plus récent d'abord. Chaque mode a ses propres réglages, en deux parties : Affichage et Réglages du titre (sans fusion).

Les objectifs de chaque plateforme

Sous Objectifs par plateforme, une ligne par plateforme (Twitch, YouTube, Kick) ; sous Objectifs des intégrations, une par intégration activée — ou, si aucune ne l'est, un bouton Activer des intégrations. Chacune ouvre sa Liste des objectifs — ajoutez-en autant que vous voulez. Le mode Objectifs et le mode Subathon ont chacun leurs propres listes. L'interrupteur de la ligne d'un objectif l'affiche ou le masque : désactivé, un objectif disparaît de l'overlay et ses réglages sont grisés, mais il continue de compter, d'alimenter ses totaux et d'envoyer ses notifications.

Un objectif de subathon n'a pas de cible : il se résume à son label, ses propres Objectifs et ses déclencheurs — voir Les objectifs du subathon.

Les objectifs par défaut du mode Objectifs :

Compte et objectif

Chaque objectif affiche Compte et Objectif, relus dans Streamer.Bot toutes les quelques secondes. Saisir une valeur la change en direct dans votre overlay ; Remettre à zéro remet le compteur à 0, et la cible et le titre à ceux des réglages.

• Changer le compteur depuis le site demande l'action Stream UI - Backend et une connexion à Streamer.Bot.
• La cible est aussi enregistrée dans vos réglages : les aperçus et les nouveaux overlays partent d'elle.
• Un objectif qui suit un objectif de créateur Twitch prend ces deux valeurs à chaque événement d'objectif de Twitch. Vous pouvez quand même les corriger ici (une cible changée sur Twitch, par exemple) sans attendre le prochain événement ; le suivant les remplace.

Quand un objectif est atteint avec Renouvellement automatique activé, la cible monte de Augmenter l’objectif de jusqu'à dépasser le compteur.

Totaux

Avec l'interrupteur de sa ligne activé (désactivé par défaut), Totaux remplace les cartes des plateformes par une seule carte de totaux (son Titre des totaux dans Texte, Goals par défaut). Chaque mode a son propre interrupteur et sa propre Liste des totaux, qui additionne les objectifs de ce mode. Chaque total :

La barre est découpée par plateforme, chacune dans sa couleur, sauf si Fusionner les plateformes est activé. Totaux par défaut : Followers (follows Twitch et Kick, abonnés YouTube ; cible 100), Subs (subs Twitch et Kick, membres YouTube ; 50) et Bits (bits Twitch ; 1000). Les Super Chats et les Kicks sont d'autres unités : ils ne sont dans aucun total par défaut.

Un total de subathon n'a que Additionne, puis ses propres Objectifs et Réglages de notification, comme un objectif de subathon. Par défaut : Subs (subs Twitch et Kick, membres YouTube), avec les trois mêmes objectifs que plus bas. Quand Totaux est activé dans un mode, seuls les totaux envoient leurs notifications ; celles de ses objectifs sont grisées.

Subathon

Un subathon affiche son compte à rebours à côté de ses propres objectifs. Pendant qu'il tourne, ces objectifs comptent et ajoutent du temps ; vos objectifs du mode Objectifs attendent, en gardant leurs compteurs. Chaque nouveau subathon repart de 0 pour ses objectifs et ses totaux.

Réglages du timer

En trois parties : Durée, Position et Badges de statut.

En barre horizontale, le subathon tient sur une rangée : le compte à rebours sur son statut et les cartes d'objectifs côte à côte (le compte à rebours du côté choisi par Position du timer), puis l'historique des événements du côté choisi par Position de l’historique, séparés par un trait.

Les objectifs du subathon

La Liste des objectifs du mode Subathon fonctionne comme celle du mode Objectifs, mais un objectif de subathon n'a ni cible, ni augmentation, ni compteur en direct : chacun a son Libellé de l’objectif, puis :

Un objectif de subathon sans étape restante ne s'affiche pas, mais ses déclencheurs ajoutent quand même du temps.

Temps ajouté

Chaque déclencheur de la Liste des déclencheurs d'un objectif de subathon a ses Secondes ajoutées, réglées dans sa fenêtre de déclencheur, dans la section Temps ajouté au subathon sous Progression de l’objectif : For each 1 counted, pour chaque 1 compté. Un déclencheur qui ajoute 1 ajoute ces secondes à chaque fois ; un déclencheur qui compte une variable les ajoute par unité — 0.6 sur un cheer qui compte ses bits donne 60 s pour 100 bits.

Les objectifs de subs et de membres démarrent avec trois étapes d'exemple à modifier : 10 Face cam, 25 Viewers pick the next game, 50 Cosplay stream. Les autres n'en ont pas : ils ajoutent seulement du temps.

Piloter le subathon

En mode Subathon, l'onglet Commandes pilote aussi le subathon :

• Commandes, la colonne de gauche, liste Lancer le subathon, Mettre le subathon en pause, Reprendre le subathon et Arrêter le subathon après Afficher et Masquer, chacune avec les noms de ses déclencheurs. Choisissez-en une pour voir ses déclencheurs dans Liste des déclencheurs, à côté.
• Liste des déclencheurs : les déclencheurs Streamer.Bot qui la lancent. Ajouter un déclencheur en ajoute un, conditions comprises → Déclencheurs et conditions. Un déclencheur de départ utilise le Durée de départ et le Durée maximale de Réglages du timer.
  • Lancer le subathon, Arrêter le subathon — aucun par défaut.
  • Mettre le subathon en pause — par défaut : Stream Offline de Twitch.
  • Reprendre le subathon — par défaut : Stream Online de Twitch.
• La zone principale a les boutons Lancer le subathon, Mettre le subathon en pause, Reprendre le subathon, Ajouter 5 minutes et Arrêter le subathon (il faut Stream UI - Broadcast), aussi dans la fenêtre de contrôles. Ajouter du temps par déclencheur, c'est le rôle des objectifs du subathon (Temps ajouté). En dessous, Commandes du subathon donne les lignes pour vos propres actions Streamer.Bot :

CPH.WebsocketBroadcastJson("{\"event\":\"subathonStart\",\"startTime\":2,\"maxTime\":24}");

CPH.WebsocketBroadcastJson("{\"event\":\"subathonAddTime\",\"seconds\":600,\"username\":\"Mod\",\"trigger\":\"Bonus\"}");

Quand le compteur arrive à 0, le subathon affiche son Texte terminé jusqu'à subathonStop.

Afficher et masquer

Dans les deux modes, l'onglet Commandes affiche et masque le widget dans chaque overlay :

• Afficher et Masquer, dans la colonne Commandes, chacune avec sa Liste des déclencheurs (aucun déclencheur par défaut).
• Un bouton Afficher / Masquer dans la zone principale, aussi dans la fenêtre de contrôles : un seul bouton, Masquer quand il est affiché et Afficher quand il est masqué, avec la Transition d’apparition, lu en direct : Objectifs et subathon : Affiché ou Masqué.

Masqué, les objectifs continuent de compter et un subathon en cours garde son compte à rebours et ajoute du temps. Une fois le widget sorti, sa place revient aux autres widgets : sa barre se referme, quelle que soit sa hauteur, ou sa position se resserre. L'état est gardé dans Streamer.Bot sous streamUi.off.goals.display (1 masqué), par Stream UI - Backend : un masquage survit au rechargement, et vos propres actions peuvent afficher ou masquer le widget en changeant cette variable globale persistante.

Sans le pack d'actions

• Sans Stream UI - Backend, l'overlay compte toujours et fait tourner le subathon, mais rien n'est enregistré : la progression est perdue quand la source navigateur redémarre, et le compteur ne peut pas être modifié depuis le site. Afficher / Masquer est désactivé.
• Sans Stream UI - Broadcast, les boutons du subathon sont désactivés. Les commandes envoyées depuis vos propres actions fonctionnent toujours.

Style

La carte d'objectifs de chaque plateforme (son titre, ses textes, sa ligne et ses barres) peut avoir son propre style : choisissez-la dans Style pour, à côté de l'interrupteur Styles globaux / Personnalisé. Le timer, l'historique des événements et la carte des totaux se règlent pour tout le widget.

L'onglet Style liste les éléments du mode choisi en trois colonnes : la partie du widget (Conteneur, Timer en mode Subathon, Objectifs, Historique), puis le type d'élément (Fonds, Texte, Barres et lignes), puis les éléments eux-mêmes, du haut de la partie vers le bas. Transition d’apparition se trouve sous Conteneur ; une partie sans rien à styliser n'est pas listée. Voir Apparence.

* Mode Subathon uniquement. Séparateurs est listé quand le widget est une barre horizontale.

Les éléments de l'historique des événements sont listés tant qu'il s'affiche : Contributeurs quand il est fusionné avec les objectifs, Fond de l’historique, Événement, Pseudo et Type d’événement quand il forme une liste à part (Temps ajouté en mode Subathon), Titre de l’historique quand il affiche son titre (le style Sous-titres de l'overlay).

• Conteneur — contient le Conteneur des objectifs ; avec le Fond du timer du subathon ou l'Fond de l’historique, ils se placent côte à côte, chacun du côté donné par sa position, à 14 px (Espace entre les éléments). Sa propre boîte est transparente par défaut. Quand le widget est une barre horizontale, c'est la bande : un dégradé violet à 50 %, avec une ombre, et sa Hauteur dans Taille (In the overlay picked in the Créateur d’overlay). Dans la barre, les cartes des objectifs sont transparentes par défaut : c'est donc le seul fond.
• Carte d’objectif — chaque carte, en pleine largeur, au style Fond des widgets de l'overlay, dans les deux modes. Sa Direction est celle du réglage Alignement du titre des cartes ; avec Horizontal, son Aligner le contenu et son Espace entre les éléments aussi.
• Barre de progression — chaque barre à la couleur de la plateforme de sa carte ; sa couleur est celle d'un total fusionné (Fusionner les plateformes). Listée tant que Afficher la barre de progression est activé.
• Titre de la carte et Ligne sous le titre — listés tant qu'une carte affiche un titre.
• Conteneur des objectifs — les cartes des plateformes ou celle des totaux, à 14 px, transparent par défaut ; sa Direction est celle du réglage Alignement des cartes (par défaut les unes sous les autres, côte à côte en barre). Prend la place que laissent le compte à rebours et l'historique des événements.
• Fond du timer — le compte à rebours et son badge de statut, au style Fond des widgets de l'overlay, placé le long de son côté par Alignement du timer.
• Fond de l’historique — la liste de l'historique des événements, au style Fond des widgets de l'overlay, large de 260 px (Taille) pour que les objectifs gardent leur place. Chaque Événement y est une ligne.
• Séparateurs — en barre seulement : Between the timer, the goals and the event history, entre le compte à rebours, les objectifs et l'historique des événements. Le style Séparateurs de l'overlay, comme la Ligne sous le titre.
• Timer du subathon — le style Nombres de l'overlay ; Texte du statut ses Sous-titres, à la couleur de chaque badge de statut.
• Pseudo et Temps ajouté — le Texte secondaire de l'overlay, le nom en mauve et le temps en vert.

Position par défaut

Une barre du haut, de 140 px de haut à 1080p. Avec Mode d’affichage sur Vertical : position En haut à gauche, 380 px de large à 1080p, taille 100 %.

Événements Streamer.Bot écoutés

Les déclencheurs de chaque objectif des deux modes, pour les plateformes activées et les intégrations activées ; Twitch.GoalBegin, Twitch.GoalProgress et Twitch.GoalEnd quand un objectif suit un objectif de créateur Twitch ; les déclencheurs Afficher, Masquer, Lancer le subathon, Mettre le subathon en pause, Reprendre le subathon et Arrêter le subathon choisis ; Misc.GlobalVariableUpdated et Misc.GlobalVariableCreated pour le widget affiché ou masqué ailleurs ; et General.Custom pour les commandes du subathon.