El Editor Táctico
Crea diagramas tácticos con jugadores, flechas, zonas, texto y material de entrenamiento. La pizarra funciona a pantalla completa sobre un canvas interactivo.
Abrir la pizarra
Ve a Pizarra Táctica en el menú lateral y pulsa Nueva pizarra.
También puedes abrir una pizarra existente desde el listado para editarla o consultarla.
El canvas y el fondo
El editor ocupa toda la pantalla. El área central es el canvas, donde dibujas tu diagrama.
Cambiar el fondo
En el panel izquierdo, sección Fondo, puedes elegir entre tres fondos:
| Fondo | Descripción | Uso típico |
|---|---|---|
| Campo completo | Vista aérea de campo de fútbol 11 | Planteamiento general, jugadas colectivas |
| Medio campo | Solo la mitad del campo | Ataque contra defensa, transiciones |
| Lienzo verde | Fondo verde sólido sin líneas | Esquemas libres, ejercicios |
El canvas tiene una relación de aspecto fija de 1150x720 píxeles. Al cambiar el fondo, los elementos que ya has colocado se mantienen en su posición.
Panel de herramientas (barra izquierda)
El panel izquierdo contiene todas las herramientas agrupadas por secciones. Aquí tienes la referencia completa:
| Sección | Herramienta | Icono | Acción |
|---|---|---|---|
| Herramientas | Seleccionar | 🖱️ | Seleccionar, mover y editar elementos |
| Flecha recta | ⬆️ | Dibujar flechas en línea recta | |
| Línea libre | ✏️ | Dibujar a mano alzada | |
| Zona rect. | ⬜ | Dibujar rectángulos | |
| Zona circular | ⭕ | Dibujar elipses y círculos | |
| Texto | T | Añadir etiquetas de texto | |
| Fondo | Selector | — | Cambiar entre campo completo, medio campo o lienzo verde |
| Jugadores | Paleta de colores | 🎨 | 7 colores: rojo, naranja, amarillo, verde neón, azul rey, magenta, negro |
| Con dorsal | # | Jugador con número dentro del círculo | |
| Simple | ⭕ | Jugador sin número | |
| Portero | 🧤 | Jugador con borde grueso y marca "PO" | |
| Material | Cono | 🟠 | Cono de entrenamiento |
| Chino | 🔴 | Chino (cono pequeño) | |
| Pica | 📏 | Pica larga | |
| Aro | ⭕ | Aro | |
| Balón | ⚽ | Balón de fútbol | |
| Portería | 🥅 | Portería pequeña | |
| Valla | 🚧 | Valla de entrenamiento | |
| Barrera | 🧱 | Barrera de faltas | |
| Bosu | 🔵 | Bosu (superficie inestable) | |
| Escalera | 🪜 | Escalera de agilidad |
Añadir jugadores
Elegir color
En la sección Jugadores del panel izquierdo, selecciona un color de la paleta. Hay 7 colores disponibles.
Colocar en el canvas
Pulsa uno de los tres botones de forma:
- Con dorsal: coloca un jugador con un número que se autoincrementa (#1, #2, #3...)
- Simple: coloca un círculo sin número
- Portero: coloca un círculo con borde grueso y la marca "PO"
Cada vez que pulsas, se añade un jugador en el centro del canvas. Luego puedes arrastrarlo a la posición deseada.
Usa el color para distinguir equipos (rojo vs azul), roles (defensas de un color, delanteros de otro) o cualquier criterio táctico.
Mover jugadores
Activa la herramienta Seleccionar (primer icono), haz clic sobre un jugador y arrastra. Los jugadores no pueden salirse del canvas.
Dibujar flechas
Las flechas representan movimientos de jugadores, trayectorias de balón o instrucciones de desplazamiento.
Flecha recta
Selecciona la herramienta Flecha recta. Haz clic en el punto de inicio y arrastra hasta el punto final. Suelta para crear la flecha.
Línea libre (a mano alzada)
Selecciona la herramienta Línea libre. Dibuja manteniendo pulsado el botón del ratón, como si dibujaras con un lápiz. Suelta para finalizar el trazo.
Personalizar flechas
Cuando una flecha o línea está seleccionada (o cuando la herramienta de flecha está activa), el panel izquierdo muestra las propiedades de línea:
| Propiedad | Opciones | Descripción |
|---|---|---|
| Color | Blanco, rojo, amarillo, verde, azul, magenta | Color de la línea |
| Grosor | 2px, 3px, 4px, 5px | Anchura del trazo |
| Estilo | Sólida, Rayas, Puntos, Raya-punto, Ondulada | Patrón de la línea |
Las líneas onduladas son ideales para representar trayectorias de balón con efecto o movimientos impredecibles.
Dibujar zonas
Las zonas son áreas del campo que quieres destacar: espacios a ocupar, zonas de presión, carriles, etc.
Zona rectangular
Selecciona la herramienta Zona rectangular. Arrastra desde una esquina hasta la opuesta para crear el rectángulo.
Zona circular
Selecciona la herramienta Zona circular. Arrastra desde el centro hacia fuera para crear la elipse.
Personalizar zonas
Cuando seleccionas una zona o activas la herramienta, se muestran las propiedades de zona:
| Propiedad | Opciones | Descripción |
|---|---|---|
| Relleno | 6 colores | Color de fondo de la zona |
| Borde | 6 colores | Color del contorno |
| Patrón | Sólido, Rayas, Puntos | Textura de relleno |
Añadir texto
Selecciona la herramienta Texto y haz clic en el canvas donde quieras la etiqueta. Se abrirá un editor para que escribas el texto.
Las propiedades de texto (color) se ajustan desde el panel izquierdo cuando la herramienta está activa.
El texto es útil para añadir notas rápidas, nombres de jugadores, numeración de ejercicios o cualquier anotación táctica.
Añadir material de entrenamiento
En la sección Material del panel izquierdo hay 10 elementos de entrenamiento. Pulsa sobre cualquiera para colocarlo en el canvas. Luego puedes arrastrarlo a la posición deseada.
| Elemento | Para qué usarlo |
|---|---|
| Cono | Delimitar espacios, circuitos |
| Chino | Marcadores pequeños, slaloms |
| Pica | Referencias verticales, porterías improvisadas |
| Aro | Estaciones de ejercicios, targets |
| Balón | Posición del balón en jugadas |
| Portería | Porterías pequeñas para fútbol 5 o 7 |
| Valla | Vallas de entrenamiento, circuitos |
| Barrera | Simular barrera en faltas |
| Bosu | Ejercicios de equilibrio y estabilidad |
| Escalera | Escalera de agilidad, coordinación |
Seleccionar, mover y eliminar
| Acción | Cómo |
|---|---|
| Seleccionar | Herramienta Seleccionar y haz clic sobre el elemento |
| Mover | Arrastra el elemento seleccionado |
| Eliminar | Selecciona el elemento y pulsa Supr o Delete |
Atajos de teclado
| Tecla | Acción |
|---|---|
Espacio | Reproducir / detener animación |
← | Frame anterior |
→ | Frame siguiente |
+ | Añadir frame (duplicar actual) |
Supr / Delete | Eliminar elemento seleccionado |
Ctrl+Z | Deshacer |
Ctrl+Shift+Z | Rehacer |
Guardar y compartir
La pizarra se guarda automáticamente en el servidor. Puedes cerrar el editor y volver más tarde: todo tu trabajo se conserva.
Para compartir un diagrama, puedes:
- Compartir el enlace de la pizarra
- Adjuntar la pizarra a un ejercicio desde el botón correspondiente en el editor
Próximos pasos
- Crea múltiples frames y animaciones para secuencias tácticas
- Adjunta la pizarra a un ejercicio de entrenamiento