Drafter.lol - Guía

¿Buscas el overlay de OBS?

Lee la Guía de Custom Stream. Esta página cubre el antiguo flujo de modo stream y parámetros de URL.

Introducción

Bienvenido a la Guía para broadcasters de Drafter.lol. Tanto si organizas un torneo de la comunidad como una producción profesional, Drafter.lol está pensado para ser flexible y fácil de integrar en tu stream.

¿Necesitas ayuda?

Las preguntas y peticiones de funciones van en nuestra comunidad de Discord.

Modo stream (inicio rápido)

La forma más fácil de llevar Drafter.lol a tu stream es usar el Modo stream. Este modo oculta automáticamente todos los elementos no esenciales de la interfaz y deja solo lo que tus espectadores necesitan ver.

Cómo activarlo

Añade &stream=true al final de la URL de tu draft.

Como los enlaces de draft ya incluyen parámetros (como ?game=1), debes usar el símbolo & para encadenarlos.

Ejemplo: https://drafter.lol/draft/ABC-123?game=1&stream=true

Qué muestra

Picks, bans, picks Fearless, nombres de equipo y el temporizador de cuenta atrás.

Qué oculta

Barras de navegación, imágenes de fondo, la lista de selección de campeones, el botón de draft y la información de la serie.

Consejo

En OBS, añade la URL como fuente de Navegador. Como el Modo stream oculta el fondo, el draft aparecerá transparente, lo que te permite colocarlo sobre tus propios overlays personalizados.

Diseños visuales

Drafter.lol ofrece distintos diseños visuales para adaptarse a la estética de tu stream. Nuestro diseño estándar es limpio y moderno, pero también ofrecemos un aspecto especializado para transmisiones de nivel profesional.

Cómo cambiar de diseño

Abre cualquier sala de draft y haz clic en el botón Menú de la barra de control superior para alternar entre los diseños Predeterminado y LCK.

Añade &layout=lck a tu URL para forzar un diseño concreto.

Diseño normal

La experiencia clásica de Drafter.lol. Un diseño limpio y familiar con nuestro aspecto característico, adecuado para todo, desde prácticas informales hasta partidos competitivos.

Diseño LCK

Un aspecto de transmisión profesional inspirado en la LCK, con animaciones elegantes y una estética premium de "pro-play".

Personalizar tu vista

Puedes afinar el diseño de tu draft con nuestro sistema de preferencias. Te permite activar o desactivar funciones concretas según las necesidades de tu transmisión.

Cómo personalizar

Abre cualquier draft.
Haz clic en el icono de Preferencias en la barra de navegación superior.
Ajusta tu configuración y haz clic en Guardar para aplicar los cambios.

El parámetro de preferencias

Para que tu configuración sea permanente en OBS, usa el parámetro de configuración generado que encontrarás al final del menú de Preferencias.

https://drafter.lol/draft/123?game=1&preferences=10101...

Esta larga cadena de números le dice a Drafter.lol exactamente qué botones pulsaste, para que se vea idéntico cada vez que lo cargues.

Para usuarios avanzados (CSS)

¿Quieres cambiar fuentes, colores o recolocar elementos? Drafter.lol está construido con nombres de clase e ID estables en casi todos los elementos, lo que lo hace muy personalizable mediante CSS.

#estilos-por-id

Elementos concretos como las tarjetas de pick individuales (#pick-card-1) o las cabeceras de equipo tienen ID únicos para apuntar a ellos directamente.

.estilos-por-clase

Grupos de elementos como todas las casillas de ban o todos los nombres de equipo comparten clases comunes para aplicar estilos en bloque fácilmente.

Ejemplo: CSS personalizado en OBS

css

/* Cambiar el color del nombre del equipo a dorado */
.team-name {
  color: #ffd700 !important;
}

/* Ocultar el temporizador para un aspecto más limpio */
#draft-timer {
  display: none;
}