Compositor

El Compositor es el editor visual para arreglar tu capa. Te da una pantalla de 1920×1080 en vivo donde puedes posicionar, redimensionar y capar tu widget para construir exactamente la capa que deseas.

Abrir el Compositor

Haz clic en Compositor en el panel lateral de la consola.

La pantalla

La pantalla representa tu cuadro completo de flujo en 1920×1080. Los widgets aparecen en la pantalla como cajas arrastrables y redimensionables. Lo que ves en la pantalla es lo que se renderiza en OBS.

• Arrastra un widget para repositionarlo.
• Arrastra la esquina para redimensionar.
• Haz clic en un widget para seleccionarlo y ver sus configuraciones en el panel de la derecha.

La pantalla se ajusta a la ventana del navegador, pero la resolución subyacente siempre es 1920×1080 — los posiciones son coordenadas de píxel exactas.

Agregar widgets

Haz clic en Agregar widget para abrir el selector de widgets. Selecciona de:

• Chat
• Alertas
• TTS
• Medios
• Meta
• Regalos
• Títulos
• ...y más

Cada tipo de widget se puede agregar una vez. Algunos widgets (como Alertas) son invisibles en el compositor hasta que se dispara — eso se espera.

Panel de capas

El Panel de capas en la derecha muestra todos los widgets de tu capa. Utilízalo para:

• Reordenar — arrastra para cambiar la posición de z-index (que widget aparece en primer plano).
• Ocultar — haz clic en el ícono de ojo para mostrar/hacer invisible un widget sin eliminarlo.
• Bloquear — bloquea un widget para que no se arrastre accidentalmente en la pantalla.
• Eliminar — elimina un widget de la capa.

Las capas están ordenadas de arriba a abajo en el panel (arriba = en primer plano).

Preset

Los presets te permiten guardar y cambiar entre diferentes arreglos de capa. Usos comunes:

• Pronto — diseño mínimo con un widget de cuenta regresiva o widget de meta.
• En vivo — tu capa completa con chat, alertas y TTS.
• BRB — un diseño simple "volveré pronto".

Para guardar un preset: haz clic en el menú de preset → Guardar como nuevo preset → dale un nombre.

Para cambiar presets: selecciona del menú. La capa se actualiza inmediatamente en OBS — no se necesita recargar.

Previsualización en vivo

La pantalla se actualiza en tiempo real. Abre tu URL de capa en una ventana de navegador separada junto con el Compositor para ver exactamente cómo cambian los cambios en el contexto completo de la capa.

Para configuraciones específicas de widgets (fuentes, colores, temas), utiliza el panel de configuración del widget en la consola — las cambios también reflejan en la previsualización del Compositor.

URL de capa

Tu URL de capa se muestra en la parte superior del Compositor:

https://4throck.cloud/widgets/compositor/overlay?key=YOUR_KEY

Esta es la URL que debes agregar a OBS como Fuente de navegador. Nunca cambia — solo debes agregarla a OBS una vez.

Nota: Reemplaza YOUR_KEY con tu clave real.