Race-GLogos Categorías y demás
5 · Preparar el evento
¿Cómo usar los Logos de Categorías?
Los Logos de Categorías son los escudos que ves en Cuenta Vueltas, Totem, Grilla de Partida, Campeonato En Vivo, Campeonato Completo y headers de sesión. Race-G busca el logo de forma automática usando el nombre de categoría/grupo que manda el cronometraje (feed). Si el feed manda "TC Pista", Race-G normaliza a tcpista y busca LogosCats/tcpista.png. Si no existe, no muestra logo o muestra el de fallback. Este gestor es donde subís, renombrás, borrás y arreglás typos del feed.
1. Antes de empezar
Carpeta LogosCats/
Todos los PNG viven en DATA_DIR/LogosCats/. Ahí van los que subís. Formato obligatorio PNG con transparencia. Tamaño recomendado 400–800 px de ancho, fondo transparente. No uses JPG: queda con fondo blanco feo en Cuenta Vueltas.
Para qué sirve
Identifica la categoría al aire. En Cuenta Vueltas es la franja del logo (izquierda). En Totem y Grilla aparece al lado del título de sesión. En Campeonato Completo / En Vivo aparece arriba del listado.
Normalización
Race-G pasa todo a minúsculas y quita espacios, tildes y símbolos. "TC PISTA MOURAS" → tcpistamouras. "TURISMO CARRETERA" → turismocarretera. Así busca el archivo.
Salida funcionando
Layout o CasparCG como para cualquier gráfico. Sin logo igual funciona todo, solo no ves escudo.
2. Dónde está
Botón en CONFIG
En CONFIG abajo, fila de 4 botones: 🚗 Alt+M Marcas, 🏁 Alt+L Categorías, 📋 Alt+0 Log de Grupos, Alt+R Zócalo. Tocá 🏁 Logos Categorías.
Atajo Alt+L
En cualquier pestaña, Alt+L abre directo el modal de Gestión de Logos de Categorías. Es el atajo más usado en vivo para arreglar un logo que no aparece.
Logo Manual en Cuenta Vueltas
Además del gestor, en PLAY → Cuenta Vueltas tenés selector Logo manual — pisa al automático. "Automático" = usa el del feed. Si elegís uno, pisa al automático y queda fijo hasta que vuelvas a "Automático". Preview chico al lado con altura 30px y ancho dinámico.
3. El modal de gestión — Qué ves
Galería superior
Grilla de cards: imagen 46px, nombre abajo, 3 botones: 🔗 Alias, ✎ Renombrar, ✕ Eliminar. Contador (12) al lado de "Galería". Cache-buster ?t=timestamp para ver cambio al instante.
↑ Subir PNG
Botón arriba a la derecha. Solo acepta .png. Al elegir archivo te pide "Nombre de categoría para este PNG (minúsculas, sin espacios):" y propone el nombre del archivo sin extensión como default.
Alias — para cuando el feed manda mal
Segunda sección del modal, con borde superior. Input "Texto que llega del feed" + select "logo real" + botón "+ Agregar". Lista de alias configurados abajo tipo "TURIMO CARRETERA → turismocarretera" con ✕ para quitar.
4. Cómo subir un logo correctamente
Regla de oro: El nombre que pongas acá debe ser EXACTAMENTE igual a lo que Race-G normaliza del feed. La forma más segura de acertar: abrí Alt+0 Log de Grupos mientras entra la categoría, mirá columna "Normalizado" y usá ese texto como nombre de archivo.
Ejemplos reales:
"TC" → tc.png
"TC Pista" → tcpista.png
"TC Pista Mouras" → tcpistamouras.png
"Turismo Carretera" → turismocarretera.png
"TC2000" → tc2000.png
"TN Clase 3" → tnclase3 o tn3 según cómo lo mande tu crono (ver Log de Grupos)
5. Alias — Cuando el cronometraje escribe mal
Este es el salvavidas más importante. Pasa muy seguido: el cronometraje manda "TURIMO CARRETERA" en vez de "TURISMO CARRETERA", "TC PSTA" en vez de "TC PISTA", "Formula 3" con tilde rara, etc. Sin alias, nunca va a encontrar el logo solo porque normaliza mal.
Cómo crear alias
En sección Alias: en input izquierdo pegá tal cual llega del feed (copiá de Alt+0 Log de Grupos, columna "Texto original"): ej TURIMO CARRETERA. En select derecho elegí logo real existente: turismocarretera. Tocá + Agregar. Se guarda y no vuelve a fallar nunca más.
Botón 🔗 en galería
Si tocás 🔗 en una card de logo (ej turismocarretera), te preselecciona ese logo en el select de alias y te deja foco en input de texto para escribir el typo. Atajo rápido para no buscar en el select.
Quitar alias
En lista de alias cada fila tiene ✕. Te pide confirmar "¿Quitar el alias X?". Se borra al instante.
6. Renombrar y eliminar
Renombrar ✎
Botón ✎ en cada card. Te abre prompt "Nuevo nombre de categoría para X:". Escribí nuevo nombre normalizado. Renombra archivo en disco y actualiza galería. Si había alias apuntando al nombre viejo, ojo: tenés que recrearlos al nuevo nombre.
Eliminar ✕
Botón ✕. Confirma "¿Eliminar el logo X?". Borra PNG de LogosCats/. Si lo estás usando en Cuenta Vueltas manual o en campeonato, dejará de verse hasta subir otro. No borra alias: quedan huérfanos y conviene borrarlos.
7. Logo Manual en Cuenta Vueltas — Override de emergencia
En PLAY → sección Cuenta Vueltas tenés selector Logo manual — pisa al automático con preview de 30px alto.
Automático
Valor vacío = "Automático". Race-G usa slugify(group) del feed. Si feed manda bien y tenés PNG, aparece solo. Es el modo normal.
Manual
Elegís un logo de la lista (todos los de LogosCats/). Pone ese logo fijo sin importar qué mande feed. Útil cuando feed manda categoría vacía, o nombre que no existe, o querés forzar logo de evento (ej final con logo especial).
Preview dinámico
Img 30px alto, ancho dinámico según logo. Si no hay logo o falla carga, se oculta y no ocupa lugar. Cache-buster ?t=Date.now() para ver cambio al instante sin recargar.
8. Log de Grupos / Categorías — Alt+0 — Tu detector de problemas
Qué es
Modal que registra cada vez que cambia el nombre de grupo/categoría que manda cronometraje, con hora, texto tal cual llegó y versión normalizada (la que se usa para buscar logo/número). Sirve para ver a qué hora cambió cada categoría durante evento y detectar typos del feed.
Alt+0
Atajo directo. Abrilo cuando no aparece logo y mirá última entrada: qué texto llegó y cómo lo normalizó Race-G. Ese normalizado es el nombre que debe tener tu PNG o el alias.
Agrupado por fecha
Muestra fecha + cantidad de cambios ese día, y tabla con hora, original y normalizado. Si ves "TURIMO CARRETERA" → turimocarretera, ahí tenés el typo: creá alias TURIMO CARRETERA → turismocarretera.
9. Dónde aparece el logo en pantalla
| Gráfico | Dónde | Qué archivo busca |
|---|---|---|
| Cuenta Vueltas | Franja logo izquierda (logo-bg, logo-h, logo-padding en Editor Estilo) | LogosCats/[grupo_normalizado].png o override manual |
| Totem Lateral | Header o slot según tema | Mismo que Cuenta Vueltas |
| Grilla de Partida | Cabecera grilla grande 1400px | LogosCats + sponsor si configurado |
| Campeonato En Vivo / Completo | Logo arriba de lista Top 10 | LogosCats/[grupo_pilotos].png (ej de #camp-preview-logo) |
| Campeonato modal | Selector Logo (LogosCats/) en champ-form | Lista de todos los PNG para elegir manual |
10. Parámetros y convenciones que tenés que respetar
| Parámetro | Valor correcto | Por qué |
|---|---|---|
| Formato | PNG con transparencia | JPG deja fondo blanco, se ve mal sobre degradado. PNG permite logo recortado. |
| Nombre archivo | minúsculas, sin espacios, sin tildes, sin símbolos, sin .png en el input de nombre (Race-G lo agrega solo). Ej tcpista, no TC Pista.png | Normalización: Race-G busca exactamente eso. Mayúsculas o espacios = no encuentra. |
| Tamaño | 400–800 px ancho, alto proporcional, 72–150 dpi | Muy chico = pixelado en pantalla 1920. Muy grande = pesa y tarda en cargar en CasparCG. |
| Fondo | Transparente | Si subís con fondo blanco, en Cuenta Vueltas se ve rectángulo blanco. |
| Alias texto | Tal cual llega del feed, con mayúsculas y typo incluido. Ej "TURIMO CARRETERA" | Race-G compara texto original antes de normalizar. Si ponés corregido no matchea. |
| Alias target | Nombre real de PNG existente, sin .png. Ej turismocarretera | Si target no existe, no muestra nada igual. |
11. Flujo operador — Qué hacer en vivo cuando no aparece logo
12. Precauciones
Nombre con mayúsculas/espacios: si subís "TC Pista.png", Race-G busca "tcpista.png" y no lo encuentra. Siempre minúsculas sin espacios. Usá prompt que te propone nombre ya normalizado.
PNG con fondo blanco: parece que tiene transparencia en Windows pero es blanco. Abrilo en Photoshop/visor: si fondo es blanco no transparente, re-exportá con transparencia. En Cuenta Vueltas se nota enseguida.
Alias con texto corregido: error común: ves typo "TURIMO" y ponés alias "TURISMO CARRETERA" → turismocarretera. No funciona porque Race-G compara contra texto original mal escrito. Tenés que poner alias "TURIMO CARRETERA" exactamente como llegó.
Renombrar rompe alias: si tenés alias apuntando a "tcpista" y renombrás archivo a "tcpista2", alias queda huérfano. Borrá alias viejo y creá nuevo o renombrá de nuevo a nombre original.
Eliminar mientras está en uso manual: si estás usando logo manual y lo borrás, preview desaparece y Cuenta Vueltas queda sin logo hasta elegir otro o volver a Automático.
Duplicado con tilde/símbolo: "TC Pista" y "TC-Pista" normalizan igual a "tcpista". No subas dos veces mismo normalizado con nombres distintos, pisa anterior.
Carpeta LogosCats vacía: galería muestra "Sin logos todavía. Subí un PNG." Normal si recién instalás. Subí al menos los de tus categorías principales.
Cache del layout: si subís logo y no aparece al instante en CasparCG, puede ser cache de layout.html. Agregá ?t=timestamp ya lo hace Race-G en img, pero si tenés CasparCG con layout cacheado, recargá layer o F5 en layout.
Logo no aparece en campeonato: campeonato usa grupo_pilotos, no grupo de sesión. Si campeonato apunta a "tcpista" pero tu logo es "tc", no aparece. Verificá en champ-form qué logo tiene seteado y en #camp-preview-logo.
Alt+L no abre: foco en input o modal abierto captura tecla. Cerrá modales y probá de nuevo, o clic en botón 🏁 de CONFIG.
13. Problemas frecuentes
| Lo que ves | Qué hacer |
|---|---|
| Galería dice "Sin logos todavía" | Normal en instalación limpia. Subí PNG con ↑ Subir PNG. Nombre minúsculas sin espacios. |
| Subí PNG pero no aparece en Cuenta Vueltas | Verificá nombre: debe ser igual a normalizado del feed (Alt+0). Si feed manda "TC PISTA MOURAS" → archivo tcpistamouras.png. Si typo en feed, creá alias. Probá Logo Manual para emergencia. |
| Logo con fondo blanco | PNG mal exportado sin transparencia. Re-exportá con fondo transparente desde Illustrator/Photoshop. |
| Alias no funciona | Pusiste texto corregido en vez de texto tal cual llega. Copiá de Alt+0 columna original con typo incluido. Verificá target exista. |
| Renombré y dejó de verse | Alias apuntaba a nombre viejo. Borrá alias viejo y creá nuevo apuntando a nuevo nombre, o renombrá de vuelta. |
| Logo se ve pixelado | PNG muy chico (100px). Subí 400–800 px ancho. Verificá no estés estirando con CSS de estilo (logo-h, logo-w en Editor). |
| Alt+L no hace nada | Tenés foco en input o modal abierto. Cerrá modales, hacé clic en fondo y probá Alt+L de nuevo, o clic botón 🏁 en CONFIG. |
| Cuenta Vueltas sin logo pero Totem sí | Tenés Logo Manual seteado en Cuenta Vueltas a Automático vacío pero feed manda categoría distinta. Usá Alt+0 para ver qué manda y creá alias. |
| Subí logo pero en CasparCG sigue viejo | Cache-buster ?t= ya lo hace Race-G, pero recargá layer de CasparCG o F5 en layout.html. Verificá que subiste a DATA_DIR/LogosCats/ y no a otra carpeta. |
14. Lista de control rápida
Al preparar evento
Alt+L → verificá que tenés PNG de todas tus categorías (tc, tcpista, turismocarretera, tc2000, tn...). Nombres en minúsculas sin espacios, PNG transparente 400–800 px. Creá alias de typos conocidos de tu crono.
Antes de aire
Simulador o fuente real → mirá Alt+0 qué normalizado llega. PLAY → Cuenta Vueltas → MOSTRAR y verificá logo aparece. Si no, alias inmediato o Logo Manual de emergencia.
Durante transmisión
Si cambia categoría y desaparece logo: Alt+0 → copiá texto original → Alt+L → alias → + Agregar. Sigue al aire sin cortar. Si no tenés PNG a mano, Logo Manual → elegí genérico.
Al terminar
Dejá logos y alias guardados: sirven para próximo evento mismo crono. No borres LogosCats/ si no hace falta, pesan poco y ya quedan.
