La_Syl Studio
Guía de widgets

Objetivos y subathon

Objetivos por plataforma e integración, alimentados por los disparadores de Streamer.Bot que elijas, y una cuenta atrás de subathon que crece con cada sub, cheer y donación.

Tus objetivos, una tarjeta por plataforma. Durante un subathon muestra la cuenta atrás junto a los objetivos propios del subathon, que añaden tiempo y desbloquean recompensas, y vuelve a tus objetivos cuando el subathon termina.

Plataformas: Twitch, YouTube, Kick, y las integraciones activadas en Conexión

Paquete de acciones: Stream UI - Backend conserva el progreso entre reinicios y permite editar los contadores en directo; Stream UI - Sounds reproduce los archivos de sonido; Stream UI - Broadcast hace funcionar los botones del subathon → Conexión

El progreso lo cuenta y lo guarda el overlay que ejecuta las acciones, que también envía los mensajes de chat y reproduce los sonidos. Los demás overlays que muestran los objetivos cuentan a la vez para reaccionar al momento, y luego toman los valores guardados. → Qué overlay ejecuta las acciones

Dos botones sobre las pestañas cambian la página entre Objetivos y Subathon. Los dos modos tienen las mismas secciones, cada uno con sus propios objetivos: tus objetivos habituales conservan sus ajustes y sus contadores durante un subathon. El modo Subathon añade Ajustes del timer, y sus objetivos añaden tiempo y tienen sus propias etapas en lugar de una meta. Cada modo tiene también sus propios Ajustes del historial. Los elementos de estilo y los botones de prueba siguen al modo elegido.

La página

La página del widget funciona como una pequeña aplicación:

  • Ajustes, Estilo y Controles, las pestañas encima del editor, cambian lo que muestra.
  • La columna de la izquierda lista las secciones de la pestaña, las mismas en los dos modos: Ajustes generales, Ajustes del timer (solo en modo Subathon), Ajustes de los objetivos, Ajustes del historial, Objetivos por plataforma, Objetivos de integraciones y, al final, Totales (su interruptor en su fila). En la pestaña Controles: Mostrar y Ocultar → Mostrar y ocultar, y en modo Subathon los controles del subathon → Controlar el subathon, cada uno con sus disparadores. Haz clic en una para editarla en la zona principal.
  • Objetivos por plataforma e Objetivos de integraciones abren cada uno una columna propia, una fila por plataforma o integración activada (Objetivos de integraciones sin ninguna: un botón Activar integraciones).
  • Una fuente abre después su Lista de objetivos, y Totales su Lista de totales. Ahí añades, reordenas, duplicas o borras filas; la elegida se edita en la zona principal, y la Lista de disparadores de un objetivo tiene su propia columna junto a la lista.
  • Vista previa del widget, el panel contra el borde derecho de la ventana: la vista previa, los botones de prueba y la URL propia del widget. La flecha de arriba lo pliega en un riel estrecho. Arrastra su borde izquierdo para ensancharlo, hasta la mitad de la ventana; conserva su ancho. Widget muestra el widget en su posición, recortado del lienzo tal como lo dibuja tu fuente de navegador; En el lienzo, todo el lienzo.

Objetivos

Ajustes generales

AjustePor defectoDetalle
Modo de visualizaciónHorizontalHorizontal: todo el ancho, arriba, en el centro o abajo de cada overlay (Overlay › Disposición), todo el ancho, arriba, en el centro o abajo de cada overlay, con las tarjetas una al lado de otra en la barra. Vertical: el widget va en una de las nueve posiciones, con las tarjetas una debajo de otra. Un solo ajuste para los dos modos.

Ajustes de los objetivos

En tres partes: Alineación, Títulos y Barra de progreso.

AjustePor defectoDetalle
Alineación de las tarjetasVertical (Vertical display) · Horizontal (Horizontal display)Las tarjetas (la de cada plataforma, o la de los totales) una debajo de otra (Vertical) o una al lado de otra (Horizontal). En los dos modos; cada modo de visualización guarda su propia elección.
Alineación del título de las tarjetasVerticalVertical: el título de cada tarjeta encima de sus objetivos, con una línea debajo. Horizontal: el título al lado de los objetivos, con una línea vertical entre ellos.
Apilar objetivosactivadoModo Subathon: los siguientes pasos de un objetivo más pequeños y difuminados detrás del actual. Desactivado: dispuestos según Alineación de los objetivos.
Alineación de los objetivosVertical (Vertical display) · Horizontal (Horizontal display)Uno debajo de otro (Vertical) o uno al lado de otro (Horizontal): los objetivos de una tarjeta; en modo Subathon, los objetivos propios de un objetivo, mientras Apilar objetivos está desactivado (oculto mientras está activado). Cada modo y cada modo de visualización guarda su propia elección.
Mostrar el título de los totalesactivadoSolo con Totales activado en ese modo: muestra el título de la tarjeta de los totales, Título de los totales (Goals por defecto).
Mostrar los títulos de plataformaactivadoSolo con Totales desactivado: muestra el título de cada tarjeta, un campo por plataforma e integración activada (Título de Twitch, Goals Twitch por defecto…). Una tarjeta sin título tampoco tiene línea debajo.
Antes de cada texto de objetivo🎯Modo Subathon: se muestra delante del Texto del objetivo de cada objetivo de subathon.
Mostrar la barra de progresoactivadoLa barra de progreso de cada objetivo, y las de los pasos de un objetivo de subathon. Desactivado: solo las etiquetas y los contadores, para una vista más compacta.
Fusionar plataformasdesactivadoSolo con Totales (en ese modo) y Mostrar la barra de progreso activados. Activado: la barra de un total con el color del estilo Barra de progreso. Desactivado: repartida según la parte de cada plataforma, cada una en su color.

Ajustes del historial

Quién hizo avanzar los objetivos, el más reciente primero. Cada modo tiene sus propios ajustes, en dos partes: Visualización y Ajustes del título (sin fusionar).

AjustePor defectoDetalle
Mostrar el historialactivadoMuestra el historial de eventos.
Fusionar con los objetivosactivado (Objetivos) · desactivado (Subathon)Activado: los nombres bajo la barra de cada objetivo, sus etiquetas de contribuyentes. Desactivado: una lista aparte junto a los objetivos (y la cuenta atrás del subathon), con su espacio guardado antes del primer evento, para que el widget no se mueva cuando llega.
Alineación de los contribuyentesVerticalFusionado: uno debajo de otro (Vertical) o uno al lado de otro (Horizontal).
Contribuyentes mostrados1Fusionado: de 1 a 5 nombres bajo cada barra.
Posición del historialAbajo (Vertical) · Derecha (Horizontal)Sin fusionar: el lado de la lista respecto a los objetivos (y la cuenta atrás), Arriba, Derecha, Abajo o Izquierda. Cada modo de visualización guarda su propia elección.
Alineación del historialIzquierda (Vertical) · Arriba (Horizontal)Sin fusionar: el lugar de la lista a lo largo de ese lado, con los mismos nombres que Alineación del timer.
Eventos mostrados5Sin fusionar: de 1 a 10 filas en la lista, cada una la persona y lo que hizo (en un subathon, con el tiempo añadido).
Mostrar el títulodesactivadoSin fusionar: un título encima de la lista, Título (Recent events por defecto).

Los objetivos de cada plataforma

Bajo Objetivos por plataforma, una fila por plataforma (Twitch, YouTube, Kick); bajo Objetivos de integraciones, una por integración activada — o, si no hay ninguna, un botón Activar integraciones. Cada una abre su Lista de objetivos — añade tantos como quieras. El modo Objetivos y el modo Subathon tienen cada uno sus propias listas. El interruptor de la fila de un objetivo lo muestra u oculta: desactivado, un objetivo desaparece del overlay y sus ajustes quedan en gris, pero sigue contando, sumando a sus totales y enviando sus notificaciones.

CampoDetalle
Etiqueta del objetivoEl nombre que se muestra, por ejemplo Subs, escrito arriba en la zona principal.
TítuloUn lema, por ejemplo Face cam on!.
Objetivo de TwitchSolo Twitch, junto a Título: Ninguno: contar mis disparadores, Mi objetivo de followers, Mi objetivo de suscripciones o Mi objetivo de Bits. Twitch envía entonces el contador y la meta.
Renovación automáticaDesactivado por defecto. Activado: cada vez que se alcanza el objetivo, la meta sube Subir la meta en, el campo de al lado. Oculto mientras el objetivo sigue un objetivo de Twitch (Twitch fija esa meta).
Cuenta y metaEl contador en directo y la meta — ver más abajo. Un objetivo con meta 0 muestra su contador sin barra.
Ajustes de notificaciónMensaje en el chat (Enviar un mensaje al chat, su mensaje y Publicar en) y Sonido, una vez, cuando el contador alcanza el objetivo. El mensaje puede usar las variables del disparador que lo alcanzó. En gris y sin enviarse con Totales activado en ese modo: entonces se envían las notificaciones de los totales.
Lista de disparadoresLa columna junto a la Lista de objetivos: los disparadores de Streamer.Bot que hacen avanzar el objetivo, cada uno con Sumar 1 o Sumar el valor de una variable (su Progreso del objetivo). Haz clic en uno para cambiarlo. Oculta mientras el objetivo sigue un objetivo de creador de Twitch. → Disparadores y condiciones

Un objetivo de subathon no tiene meta: se reduce a su label, sus propios Objetivos y sus disparadores — ver Los objetivos del subathon.

Los objetivos por defecto del modo Objetivos:

PlataformaObjetivoMetaDisparadores contados
TwitchFollowsla de Twitchfollows — sigue tu objetivo de seguidores de Twitch
TwitchSubsla de Twitchsub, resub, sub regalada — sigue tu objetivo de suscripciones de Twitch
TwitchBitsla de Twitchcheers, según sus bits — sigue tu objetivo de bits de Twitch
YouTubeSubscribers50nuevo suscriptor
YouTubeMembers10nuevo miembro, hito de miembro
YouTubeSuper Chats100Super Chats, según su decimalAmount
KickFollows50follows
KickSubs10suscripción, resuscripción, suscripción regalada
KickKicks1000Kicks regalados, según su gift.amount
Cada integraciónSupport0 (solo el contador)sus disparadores que nombran a una persona, según su importe cuando lo hay
Los tres objetivos de Twitch siguen tus objetivos de creador de Twitch desde el principio. Elige Ninguno: contar mis disparadores en Objetivo de Twitch para contar disparadores de Streamer.Bot.

Cuenta y meta

Cada objetivo muestra Cuenta y Meta, leídos de Streamer.Bot cada pocos segundos. Escribir un valor lo cambia en directo en tu overlay; Poner a cero pone el contador a 0, y la meta y el título vuelven a los de los ajustes.

  • Cambiar el contador desde el sitio requiere la acción Stream UI - Backend y estar conectado a Streamer.Bot.
  • La meta también se guarda en tus ajustes, así que las vistas previas y los overlays nuevos parten de ella.
  • Un objetivo que sigue un objetivo de creador de Twitch toma ambos valores de cada evento de objetivo de Twitch. Aun así puedes corregirlos aquí (una meta cambiada en Twitch, por ejemplo) sin esperar al siguiente evento; el siguiente los sobrescribe.

Cuando se alcanza un objetivo con Renovación automática activado, la meta sube Subir la meta en hasta superar el contador.

Totales

Con el interruptor de su fila activado (desactivado por defecto), Totales sustituye las tarjetas de plataforma por una sola tarjeta de totales (su Título de los totales en Texto, Goals por defecto). Cada modo tiene su propio interruptor y su propia Lista de totales, que suma los objetivos de ese modo. Cada total:

CampoDetalle
Etiqueta del totalPor ejemplo Followers, escrito arriba en la zona principal.
TítuloPor ejemplo Face cam on!.
Renovación automáticaDesactivado por defecto. Activado: cada vez que se alcanza el total, la meta sube Subir la meta en, el campo de al lado.
SumaLos objetivos que suma este total, cada uno con sus disparadores y su contador.
Cuenta y metaEl contador es la suma de sus objetivos; Poner a cero los pone todos a cero.
Ajustes de notificaciónMensaje en el chat y Sonido, una vez, cuando el total alcanza su meta.

La barra se reparte por plataforma, cada una en su color, salvo con Fusionar plataformas activado. Totales por defecto: Followers (follows de Twitch y Kick, suscriptores de YouTube; meta 100), Subs (subs de Twitch y Kick, miembros de YouTube; 50) y Bits (bits de Twitch; 1000). Los Super Chats y los Kicks son otras unidades: no están en ningún total por defecto.

Un total de subathon solo tiene Suma, y después sus propios Objetivos y Ajustes de notificación, como un objetivo de subathon. Por defecto: Subs (subs de Twitch y Kick, miembros de YouTube), con los mismos tres objetivos que más abajo. Con Totales activado en un modo, solo los totales envían sus notificaciones; las de sus objetivos aparecen en gris.

Subathon

Un subathon muestra su cuenta atrás junto a sus propios objetivos. Mientras corre, esos objetivos cuentan y añaden tiempo; tus objetivos del modo Objetivos esperan, conservando sus contadores. Cada subathon nuevo empieza sus objetivos y sus totales desde 0.

Ajustes del timer

En tres partes: Tiempo, Posición y Insignias de estado.

AjustePor defectoDetalle
Tiempo inicial1 hTiempo en el reloj al empezar.
Tiempo máximo24 hEl reloj nunca pasa de aquí.
Posición del timerArriba (Vertical) · Izquierda (Horizontal)El lado de los objetivos donde va la cuenta atrás, Arriba, Derecha, Abajo o Izquierda. Cada modo de visualización guarda su propia elección.
Alineación del timerCentroSu sitio a lo largo de ese lado, Arriba, Centro o Abajo al lado de los objetivos, Izquierda, Centro o Derecha encima o debajo de ellos.
Texto en marchaSubathon in progressSe muestra mientras la cuenta atrás corre.
Texto en pausaSubathon pausedSe muestra durante la pausa.
Texto terminadoSubathon endedSe muestra cuando el reloj llega a 0.

En barra horizontal, el subathon ocupa una fila: la cuenta atrás sobre su estado y las tarjetas de objetivos una al lado de otra (la cuenta atrás en el lado que da Posición del timer), luego el historial de eventos en el lado que da Posición del historial, separados por una línea.

Los objetivos del subathon

La Lista de objetivos del modo Subathon funciona como la del modo Objetivos, pero un objetivo de subathon no tiene meta, ni subida, ni contador en directo: cada uno tiene su Etiqueta del objetivo, y después:

CampoDetalle
ObjetivosLas etapas de su contador: cada una tiene un Valor (el contador que alcanzar) y un Texto del objetivo (por ejemplo Face cam), uno al lado del otro. Las 3 siguientes se muestran bajo él, la próxima delante.
Ajustes de notificaciónMensaje en el chat (Enviar un mensaje al chat, su mensaje y Publicar en) y Sonido, cada vez que el contador alcanza una de sus etapas.
Lista de disparadoresLa columna junto a la Lista de objetivos, como en modo Objetivos, y cada disparador añade además tiempo — ver Tiempo añadido.

Un objetivo de subathon sin etapas pendientes no se muestra, pero sus disparadores siguen añadiendo tiempo.

Tiempo añadido

Cada disparador de la Lista de disparadores de un objetivo de subathon tiene sus Segundos añadidos, que se ajustan en su ventana de disparador, en la sección Timer del subathon incrementation bajo Progreso del objetivo: For each 1 counted, por cada 1 contado. Un disparador que suma 1 añade esos segundos cada vez; uno que cuenta una variable los añade por unidad — 0.6 en un cheer que cuenta sus bits son 60 s por cada 100 bits.

PlataformaObjetivos de subathon por defecto
TwitchSubs: sub, resub, sub regalada, 300 s cada una · Bits: cheers según sus bits, 0,6 s por bit · Raids: 600 s cada una
YouTubeMembers: nuevo miembro, hito de miembro, 300 s cada uno · Super Chats: según su decimalAmount, 12 s por unidad
KickSubs: suscripción, resuscripción, suscripción regalada, 300 s cada una
Cada integraciónSupport: sus disparadores que nombran a una persona, 30 s por unidad de su importe (300 s cada uno sin importe)

Los objetivos de subs y de miembros empiezan con tres etapas de ejemplo que puedes cambiar: 10 Face cam, 25 Viewers pick the next game, 50 Cosplay stream. Los demás no tienen ninguna, así que solo añaden tiempo.

Controlar el subathon

En modo Subathon, la pestaña Controles también controla el subathon:

  • Controles, la columna de la izquierda, lista Empezar el subathon, Pausar el subathon, Reanudar el subathon y Parar el subathon después de Mostrar y Ocultar, cada uno con los nombres de sus disparadores. Elige uno para ver sus disparadores en Lista de disparadores, al lado.
  • Lista de disparadores: los disparadores de Streamer.Bot que lo lanzan. Añadir disparador añade uno, con condiciones incluidas → Disparadores y condiciones. Un disparador de inicio usa el Tiempo inicial y el Tiempo máximo de Ajustes del timer.
    • Empezar el subathon, Parar el subathon — ninguno por defecto.
    • Pausar el subathon — por defecto: Stream Offline en Twitch.
    • Reanudar el subathon — por defecto: Stream Online en Twitch.
  • La zona principal tiene los botones Empezar el subathon, Pausar el subathon, Reanudar el subathon, Añadir 5 minutos y Parar el subathon (necesitan Stream UI - Broadcast), también en la ventana de controles. Añadir tiempo por disparador es el papel de los objetivos del subathon (Tiempo añadido). Debajo, Comandos del subathon da las líneas para tus propias acciones de Streamer.Bot:
ComandoQué hace
subathonStartInicia un subathon. startTime y maxTime (en horas) son opcionales y sustituyen a los ajustes.
subathonPausePausa el reloj.
subathonResumeReanuda el reloj.
subathonStopTermina el subathon y vuelve a los objetivos.
subathonAddTimeAñade tiempo al reloj, o lo quita con un valor negativo. seconds es obligatorio; username y trigger rellenan el historial.
CPH.WebsocketBroadcastJson("{\"event\":\"subathonStart\",\"startTime\":2,\"maxTime\":24}");
CPH.WebsocketBroadcastJson("{\"event\":\"subathonAddTime\",\"seconds\":600,\"username\":\"Mod\",\"trigger\":\"Bonus\"}");

Cuando el reloj llega a 0, el subathon muestra su Texto terminado hasta subathonStop.

Los objetivos no tienen comando: cambia su contador y su meta en esta página.

Mostrar y ocultar

En los dos modos, la pestaña Controles muestra y oculta el widget en cada overlay:

  • Mostrar y Ocultar, en la columna Controles, cada uno con su Lista de disparadores (ningún disparador por defecto).
  • Un botón Mostrar / Ocultar en la zona principal, también en la ventana de controles: un solo botón, Ocultar mientras se muestra y Mostrar mientras está oculto, con la Transición de entrada y salida, leído en directo: Objetivos y subathon: Visible o Oculto.

Oculto, los objetivos siguen contando y un subathon en marcha conserva su reloj y añade tiempo. Una vez que el widget ha salido, su sitio pasa a los demás widgets: su barra se cierra, sea cual sea su altura, o su posición se cierra. Se guarda en Streamer.Bot como streamUi.off.goals.display (1 oculto), mediante Stream UI - Backend: una ocultación sobrevive a una recarga, y tus propias acciones pueden mostrar u ocultar el widget cambiando esa variable global persistente.

Sin el paquete de acciones

  • Sin Stream UI - Backend, el overlay sigue contando y el subathon sigue corriendo, pero no se guarda nada: el progreso se pierde cuando la fuente de navegador se reinicia, y el contador no se puede cambiar desde el sitio. Mostrar / Ocultar está desactivado.
  • Sin Stream UI - Broadcast, los botones del subathon están desactivados. Los comandos enviados desde tus propias acciones siguen funcionando.

Estilo

La tarjeta de objetivos de cada plataforma (su título, sus textos, su línea y sus barras) puede tener su propio aspecto: elígela en Estilo para, junto al interruptor Estilos globales / Personalizado. El timer, el historial de eventos y la tarjeta de totales se ajustan para todo el widget.

La pestaña Estilo lista los elementos del modo elegido en tres columnas: la parte del widget (Contenedor, Timer en modo Subathon, Objetivos, Historial), luego el tipo de elemento (Fondos, Texto, Barras y líneas) y después los elementos, de arriba abajo de la parte. Transición de entrada y salida está en Contenedor; una parte sin nada que estilizar no se lista. Ver Apariencia.

ParteFondosTextoBarras y líneas
ContenedorContenedorSeparadores
TimerFondo del timer · Insignia de estado: en marcha · Insignia de estado: en pausa · Insignia de estado: terminadoTimer del subathon · Texto del estado
ObjetivosContenedor de objetivos · Tarjeta de objetivoTítulo de la tarjeta · Objetivo y cuenta · Título del objetivo · Contribuyentes · Valor del objetivo de subathon* · Texto del objetivo de subathon*Línea bajo el título · Barra de progreso
HistorialFondo del historial · EventoTítulo del historial · Nombre de usuario · Tipo de evento · Tiempo añadido*

* Solo en modo Subathon. Separadores se lista mientras el widget es una barra horizontal.

Los elementos del historial de eventos se listan mientras se muestra: Contribuyentes cuando está fusionado con los objetivos, Fondo del historial, Evento, Nombre de usuario y Tipo de evento cuando es una lista aparte (Tiempo añadido en modo Subathon), Título del historial cuando muestra su título (el estilo Subtítulos del overlay).

  • Contenedor — contiene el Contenedor de objetivos; con el Fondo del timer del subathon o el Fondo del historial, van uno al lado de otro, cada uno en el lado que da su posición, a 14 px (Espacio entre elementos). Su propia caja es transparente por defecto. Cuando el widget es una barra horizontal es la banda: un degradado violeta al 50 %, con sombra, y su Altura en Tamaño (In the overlay picked in the Editor de overlays). Dentro de la barra, las tarjetas de los objetivos son transparentes por defecto, así que es el único fondo.
  • Tarjeta de objetivo — cada tarjeta, a todo lo ancho, con el estilo Fondo de los widgets del overlay, en los dos modos. Su Dirección es la del ajuste Alineación del título de las tarjetas; con Horizontal, su Alinear contenido y su Espacio entre elementos también.
  • Barra de progreso — cada barra con el color de la plataforma de su tarjeta; su color es el de un total fusionado (Fusionar plataformas). Se lista mientras Mostrar la barra de progreso está activado.
  • Título de la tarjeta y Línea bajo el título — se listan mientras una tarjeta muestra un título.
  • Contenedor de objetivos — las tarjetas de las plataformas o la de los totales, a 14 px, transparente por defecto; su Dirección es la del ajuste Alineación de las tarjetas (por defecto una debajo de otra, una al lado de otra en barra). Ocupa el espacio que dejan la cuenta atrás y el historial de eventos.
  • Fondo del timer — la cuenta atrás y su insignia de estado, con el estilo Fondo de los widgets del overlay, colocada a lo largo de su lado por Alineación del timer.
  • Fondo del historial — la lista del historial de eventos, con el estilo Fondo de los widgets del overlay, de 260 px de ancho (Tamaño) para que los objetivos conserven su espacio. Cada Evento es una fila dentro.
  • Separadores — solo en barra: Between the timer, the goals and the event history, entre la cuenta atrás, los objetivos y el historial de eventos. El estilo Separadores del overlay, como la Línea bajo el título.
  • Timer del subathon — el estilo Números del overlay; Texto del estado sus Subtítulos, con el color de cada insignia de estado.
  • Nombre de usuario y Tiempo añadido — el Texto secundario del overlay, el nombre en malva y el tiempo en verde.

Posición por defecto

Una barra superior, de 140 px de alto a 1080p. Con Modo de visualización en Vertical: posición Arriba a la izquierda, 380 px de ancho a 1080p, tamaño 100 %.

Eventos de Streamer.Bot que escucha

Los disparadores de cada objetivo de los dos modos, para las plataformas activadas y las integraciones activadas; Twitch.GoalBegin, Twitch.GoalProgress y Twitch.GoalEnd cuando un objetivo sigue un objetivo de creador de Twitch; los disparadores Mostrar, Ocultar, Empezar el subathon, Pausar el subathon, Reanudar el subathon y Parar el subathon que has elegido; Misc.GlobalVariableUpdated y Misc.GlobalVariableCreated para el widget mostrado u ocultado en otro sitio; y General.Custom para los comandos del subathon.