Chat en pantalla: una superposición para tres plataformas

Tres plataformas, una lista

Hacer multistreaming suele significar ver tres ventanas de chat. Aquí están fusionadas, y cada mensaje indica de dónde vino.

• Un icono de plataforma a la izquierda de cada mensaje.
• Insignias de Twitch como imágenes; chips de rol — streamer, moderador, VIP, suscriptor — para YouTube y Kick.
• Emotes de las tres plataformas renderizados como imágenes, no como códigos.
• El color de nick que el espectador eligió en su plataforma.

Una superposición por escena

El chat debe ubicarse diferente en una escena de hablar y en una de juego: una columna ancha en una, una línea corrida delgada en la otra. Eso son dos superposiciones, no una que sigas rediseñando.

• Cada superposición tiene su propio diseño, su propio comportamiento y su propio enlace para OBS.
• Duplicar una copia también su diseño — empieza desde lo que ya funciona y cambia solo lo necesario.
• Un interruptor en cada fila apaga una superposición sin borrarla; su fuente de OBS simplemente se vacía.
• El modo de prueba llena todas las superposiciones a la vez, para poder revisar las escenas una tras otra.

Hacer que encaje en tu escena

Una superposición de chat está en pantalla todo el directo, así que debe combinar, no solo funcionar.

• Burbuja, nombre, texto e insignias se estilan por separado: fuentes incluyendo cirílico, colores, tamaños, radio, borde, sombra, relleno.
• Tres preajustes para empezar — Neon, Cristal, Minimal.
• La vista previa en vivo muestra tu chat real mientras editas, así que nada se diseña a ciegas.
• La superposición se ajusta al tamaño que le des a la fuente de OBS.

Cómo se comporta en pantalla

La superposición no es solo una lista. Lo que hace con un mensaje al llegar se configura aparte de cómo se ve el mensaje.

• Dos diseños: una columna de burbujas, o una línea corrida en la parte inferior cuando no hay espacio vertical disponible.
• La columna cabe tantos mensajes como permita el área — nuevos abajo, viejos saliendo por arriba con animación, y nunca una barra de desplazamiento.
• Un temporizador puede hacer que un mensaje desaparezca tras N segundos, o mantenerlo hasta que sea desplazado.
• Animaciones de entrada y salida — deslizar desde cualquier lado, fundido, encoger o aparecer — y un margen seguro para que las burbujas no toquen el borde de la fuente.
• Los comandos que empiezan con “!” se pueden ocultar: el chat los ve, el directo no.

Configurarlo antes de que alguien escriba

Diseñar una superposición de chat contra una pantalla vacía es adivinar, así que hay una forma de llenarla bajo demanda.

• Un modo de prueba envía alrededor de dos docenas de mensajes demo — diferentes plataformas, longitudes, emotes y roles.
• El flujo va tanto a la vista previa como a la superposición real de OBS, lo que permite ajustar posición y tamaño sin esperar a los espectadores.
• Los textos demo están localizados como todo lo demás, así que se leen naturalmente en tu idioma.

De qué está hecho

Cada parte es un módulo separado: instalas solo los que necesitas, y cualquiera de ellos se puede eliminar sin romper el resto.

Cómo empezar

1. Crea una superposición y ponle un nombre — normalmente el de la escena a la que pertenece.
2. Copia su enlace desde la lista y añade una fuente de navegador en OBS.
3. Diseña junto a la vista previa en vivo, y usa el modo de prueba para llenarla bajo demanda.
4. Duplícala para la siguiente escena y cambia lo que necesite diferir.

Un directo dura horas, y una superposición de chat que guarde cada mensaje consumiría memoria hasta que OBS se bloquee. El widget guarda un número limitado de mensajes en pantalla y descarta los más viejos — por eso puede dejarse funcionando toda la noche.

Funciona junto con