Manual del Tablero Virtual 2D

Te damos la bienvenida a la nueva versión de nuestro Tablero Virtual, con el cual podrás jugar al rol online con tu mesa de juego en un entorno virtual compartido. Esta guía te explica cómo crear una sala, unirte, configurar el mapa y la rejilla, crear tokens (miniaturas), gestionar la niebla de guerra, añadir tokens y lanzar dados.

Requisitos y rendimiento

• No necesitas instalar nada: el tablero virtual se ejecuta directamente en tu navegador.
• Tu navegador debe ser compatible y tener activado WebGL2.
• Para tener un rendimiento aceptable, es imprescindible activar la aceleración por hardware en tu navegador.

Nota: Si tu navegador muestra problemas de compatibilidad con WebGL2 (te darás cuenta porque no llega a iniciar nunca) en ocasiones se pueden resolver simplemente desactivando y reactivando de nuevo la aceleración por hardware.

Acceso y salas

• Puedes crear una nueva partida desde la opción de Tablero Virtual del menú principal o desde el detalle de tu campaña. Actualmente puedes escoger entre la versión clásica en 3D o la nueva versión del Tablero Virtual 2D.
• Para unirte a una partida ya creada, quien la haya creado debe compartir la URL de la sala directamente desde el navegador o pulsando en la opción de Invitar del menú superior derecho.
• La sala se elimina automáticamente 5 minutos después de que la última persona la abandone. Si regresas a una sala cuya conexión ya se ha cerrado, tendrás que crear una nueva.

Controles básicos

Los controles pueden cambiar según el modo en el que se encuentre la vista:

• Modo por defecto: Es el modo estándar de control del tablero.
  • Mover cámara: clic izquierdo y arrastrar (también Mayús + clic izquierdo o clic en el botón central del ratón).
  • Rotar/inclinar cámara: clic derecho y arrastrar (o Mayús + clic derecho y arrastrar).
  • Zoom: rueda del ratón hacia arriba o abajo para ampliar o reducir.
  • Mover token: clic izquierdo sobre el token y arrastrar para desplazarlo por el tablero.
  • Girar token: clic derecho sobre el token y arrastrar para orientarlo.
• Modo edición de muros de guerra: Permite configurar las secciones para la niebla de guerra. Solo para la DJ.
  • Mover cámara: Mayús + clic izquierdo y arrastrar (también clic en el botón central del ratón).
  • Rotar/inclinar cámara: Mayús + clic derecho y arrastrar.
  • Zoom: rueda del ratón.
  • Poner muro: clic izquierdo en el lugar donde quieras que comience el muro, arrastra y suelta donde quieras que termine.
  • Eliminar muros: clic derecho y arrastrar elimina los muros sobre los que pase el cursor.

Menús del Tablero Virtual

Menú lateral: Si pulsas en el icono representado por tres líneas horizontales de la parte superior izquierda de la pantalla, se expandirá el menú lateral izquierdo, donde puedes acceder a la funcionalidad y ajustes básicos.

Menú flotante rápido: En la parte inferior derecha del Tablero Virtual podrás ver un menú con diferentes opciones (que pueden variar en función del contexto, la conexión con el servidor o tu rol de participante o DJ). En este menú encontrarás opciones relacionadas con la niebla de guerra, control de punto de vista o estado de la conexión.

Menú de selección: Este menú se muestra en la parte superior derecha del Tablero Virtual y muestra acciones relacionadas con el elemento seleccionado. Desde esta sección podrás editar, duplicar o eliminar el token seleccionado, así como cambiar su visibilidad o bloquear su movimiento.

Personajes

El menú de Personajes te permite crear tokens tanto para los personajes como para los antagonistas o monstruos.

Listado de personajes

Al pulsar en el menú, accederás al listado de personajes, donde podrás visualizar los tokens que tienes disponibles, bien porque los has creado, o bien porque los has desbloqueado por otros medios. Por defecto se incluyen algunos tokens con las ilustraciones que tenemos disponibles en Nivel20 de las razas y monstruos. Pulsa en cualquiera de los resultados para ver la vista de detalle.

Los filtros de esta sección te permiten cambiar el orden del listado, mostrar solo los elementos creados por ti, los públicos o ambos, y buscar por etiquetas.

Al pasar el cursor por encima de uno de los resultados, se mostrará una acción rápida para añadirlo al tablero virtual. Se posicionará en la parte central de tu punto de vista.

En la parte inferior tienes las opciones de cerrar el menú y de crear un nuevo personaje, lo que te llevará al editor.

Detalle de personaje

El detalle de personaje muestra la información básica configurada: nombre, descripción, token 2D seleccionado (imagen, recorte y borde), así como el tamaño en casillas y el equipo de niebla de guerra configurado.

En la parte inferior tendrás los siguientes botones de acción:

• Cancelar: cierra la vista y regresa al listado.
• Eliminar: tras solicitar confirmación en un diálogo, elimina el token seleccionado del listado (disponible para elementos creados por ti).
• Editar: permite regresar al formulario de edición para modificar los detalles (solo disponible si ha sido creado por ti).
• Añadir al tablero: añade el token al tablero, en la posición central de tu cámara actual.

Editor de personajes

En el editor de personajes, tanto al crear nuevos como al editar existentes, puedes ajustar los detalles de cada token:

• Nombre: se mostrará en los listados y sobre el token en el tablero virtual (salvo que se oculte).
• Descripción: breve texto que ayuda a identificar el elemento en el listado y sirve como filtro de búsqueda.
• Nombre oculto: si marcas esta casilla, el nombre no se mostrará a quien no sea DJ en el tablero virtual.
• Invisible: solo la DJ podrá ver este token.
• Bloqueada: nadie salvo la DJ podrá mover este token.
• Ajustes del token:
  • Tamaño: determina el tamaño en casillas de la base del token.
  • Recorte: tipo de recorte para la imagen del token:
    • Círculo con color: por defecto. Recorta de forma circular y añade un borde de color.
    • Círculo sin borde: ajuste circular sin borde.
    • Sin recorte: la imagen se muestra sin recortar, con fondo transparente (ideal para tokens “top-down”).
  • Imagen: selecciona una imagen de tu equipo. Podrás escoger una zona para recorte cuadrado.
• Niebla de guerra:
  • Despeja niebla de guerra: si lo activas, el token despejará la niebla de guerra para cada participante que esté en su equipo. Solo los tokens añadidos o editados por la DJ pueden despejar la niebla de guerra.
  • Ocultar en la niebla: si lo activas, este token se ocultará cuando permanezca en una zona ya explorada cubierta por niebla de guerra.
  • Radio de visión: determina el radio de niebla de guerra que despeja el token. Está expresado en casillas e incluye una conversión a pies y metros habitual.
  • Ángulo de visión: limita el despeje de niebla a un ángulo (por ejemplo, evitar visión trasera).
  • Equipo: asigna el equipo del token. Cada participante solo verá el radio de visión de tokens de sus equipos.
• Etiquetas: añade etiquetas para facilitar la búsqueda en el listado.
• Carpetas: Próximamente.

Mapas

El menú de Mapas te permite cargar o seleccionar imágenes para establecer como fondo sobre el que mover tus tokens en el tablero virtual, ajustando la rejilla para facilitar combates tácticos o exploración, además de configurar la niebla de guerra dinámica por equipos.

Listado de mapas

Al seleccionar la opción en el menú, accederás al listado de Mapas, que tiene un comportamiento similar al de Personajes: muestra los resultados con una acción rápida para añadirlo al tablero y ofrece opciones de filtrado, ordenación y búsqueda.

Al pulsar en uno de los registros accederás al detalle del mapa; en la parte inferior dispones de las opciones de cerrar el menú y de crear un nuevo mapa.

Detalle de mapa

De un modo similar al detalle de Personajes, la vista de mapas ofrece la información básica establecida: nombre, descripción e imagen seleccionada para el mapa.

Acciones disponibles:

• Cancelar: cierra la vista y regresa al listado.
• Eliminar: tras confirmar, elimina el mapa seleccionado del listado (disponible para elementos creados por ti).
• Editar: permite regresar al formulario de edición para modificar los detalles (solo disponible si ha sido creado por ti).
• Añadir al tablero: establece el mapa como fondo del tablero. Los muros de niebla de guerra que haya en la escena serán reemplazados por los que tenga configurados el mapa.

Editor de mapa

Al editar mapas existentes o crear nuevos, accederás a la vista del editor donde podrás ajustar todos los parámetros necesarios:

• Nombre: para identificar el mapa en el listado.
• Descripción: breve texto para búsqueda e identificación.
• Imagen: ilustración del mapa a usar como fondo del tablero virtual. Por el momento, JPG o PNG hasta 20 MB.
• Rejilla:
  • Ocultar rejilla: si no coincide con la del mapa o no vas a usarla, marca esta casilla para no mostrarla.
    
  • Ajuste de rejilla: método para configurar la rejilla:
    • Tamaño en casillas: si el mapa tiene un tamaño exacto, indica alto y ancho en casillas para un ajuste perfecto.
    • Ajuste manual: selecciona una región cuadrada del mapa e indica cuántas casillas comprende. A partir de ahí se calcularán tamaño y desplazamiento.
  • Ancho y alto en casillas: tamaño exacto del mapa en casillas.
  • Desplazamiento X e Y: si el mapa no comienza exactamente en el origen de la rejilla, usa el desplazamiento como offset. Se calcula automáticamente al usar “Ajustar rejilla”.
• Niebla de guerra: para configurar los muros que delimitan la niebla de guerra:
  1. Guarda el mapa y añádelo a la escena.
  2. Configura los muros con la opción “Editar muros” del menú inferior derecho.
  3. Vuelve a editar el mapa y pulsa “Cargar muros desde escena”. El contador de muros del mapa se actualizará.
  4. Guarda los cambios en el mapa.
  5. A partir de ese momento, al añadir el mapa a la escena, se cargarán automáticamente los muros configurados.
     
• Etiquetas: añade etiquetas para facilitar la búsqueda.
• Carpetas: Próximamente.

Escenas

Las escenas te permiten guardar y recuperar el estado del tablero para cambiar de situación en segundos durante la partida. Úsalas para preparar salas, encuentros y transiciones sin tener que reconfigurar cada elemento cada vez.

Listado de escenas

El listado de escenas tiene un comportamiento similar al de Personajes o Mapas. Por defecto muestra las escenas recientes, con el nombre, la descripción y una vista previa del estado del tablero. Al seleccionar el menú de Escenas accederás al listado, donde podrás filtrar, ordenar y abrir el detalle de cada escena.

Guardar escena actual

• Abre el panel de Escenas y pulsa “Guardar actual”.
• Asigna un nombre descriptivo (p. ej., “Entrada de la mazmorra”).
• Se generará una vista previa para identificarla rápidamente.

Sugerencia: guarda una escena base al inicio de la sesión y nuevas versiones antes de eventos importantes.

Cargar una escena

• Abre Escenas y selecciona la escena deseada.
• Confirma la carga para aplicar su configuración al tablero actual.
• Al cargar una escena, todas las personas conectadas verán el cambio sincronizado.

Consejo: si has hecho cambios que no quieres perder, guarda primero una escena nueva antes de cargar otra.

Qué guarda una escena

Una escena captura la configuración esencial del tablero, como:

• Mapa activo (con sus ajustes de rejilla).
• Niebla de guerra y muros de visión definidos.
• Miniaturas y escenografía y su colocación en el tablero (incluyendo tamaño y visibilidad).
• Otros ajustes contextuales necesarios para reproducir la situación exacta de juego (posición de cámara, zoom, rotación).

Modo medición

Puedes activar desde el botón de "regla" en menú flotante de la parte inferior derecha del Tablero Virtual. Una vez activado, podrás hacer click con el botón izquierdo del ratón en un punto del mapa y arrastrar hasta otro para ver la distancia que los separa.

Si el mapa actual tiene configurado el tamaño de la cuadrícula, la distancia será calculada en función de este ajuste, mostrando la magnitud en pies, metros u otra unidad, según corresponda.

Por otro lado, existe la opción de cambiar la fórmula para realizar el cálculo de las distancias en diagonal, ajustando el parámetro desde los ajustes de la campaña a una de las siguientes opciones:

• Distancia real: Calcula la distancia real entre dos puntos, usando Pitágoras para el cálculo de las diagonales. Es el método más preciso y realista.
• Diagonal libre: Cada casilla tiene un valor de 1, tanto en vertical y horizontal como en diagonal. Simplifica el cálculo, pero es menos realista en largas distancias. Es el sistema sugerido en el Manual de Jugador para D&D 5e.
• Diagonal alterna: Las casillas en horizontal y vertical tienen un valor de 1. La primera diagonal cuesta 1, la segunda 2, después 1 de nuevo, y así sucesivamente. Es el sistema utilizado en Pathfinder 2 y como regla opcional en D&D 5e.
• Sin diagonales: Asume que los personajes solo se pueden mover en horizontal y vertical, como el rey en el ajedrez, por lo que cada diagonal tendrá un coste de 2.

Adicionalmente, este modo te permite cambiar la forma de la selección desde el menú inferior, donde puedes escoger diferentes figuras para áreas de acción.

Por último, puedes configurar los siguientes parámetros del modo selección:

• Visibilidad: Te permite mostrar u ocultar las flechas o áreas seleccionadas.
• Color: Color de la línea o el área de efecto mostrado.

Modo selección

El modo de selección te permite interactuar con más de un token al mismo tiempo en el Tablero Virtual, lo que te facilita moverlos o eliminarlos en grupo con facilidad.

También puedes añadir o eliminar tokens de la selección haciendo Ctrl + Click sobre ellos.

Modo señalar

El modo señalar te permite mostrar un cursor en el Tablero Virtual que será visible para el resto de participantes. Esta función te facilita señalar e indicar lo que necesites para mejorar la comunicación del grupo.

Los ajustes del modo señalar te permiten cambiar la forma del puntero y su color.

Niebla de guerra

La niebla de guerra oculta áreas del mapa al resto de participantes y se desvela conforme avanzan sus tokens. Puedes combinarla con muros de visión para delimitar salas y pasillos.

Ten en cuenta que la niebla de guerra está separada por equipos, y cada participante solo verá la niebla despejarse si hay algún token de su equipo con el ajuste “Despeja niebla de guerra”.

Configurar muros

Si el mapa que quieres utilizar no lo tiene ya configurado, necesitarás añadir muros que delimiten la niebla de guerra. Para ello:

• Carga el mapa en el Tablero desde el menú de Mapas.
• Activa el modo “Editar muros” en el menú flotante inferior derecho.
  • Clic izquierdo: traza muros rectos (punto a punto).
  • Clic derecho: borra tramos de muro.
  • Mantén pulsada Mayús para desplazarte por el mapa con el clic izquierdo.
• Puertas y elementos móviles: crea puertas como muros independientes y elimínalos cuando se abran para revelar nuevas áreas.
• Guardar muros en el mapa: los muros se guardan en la escena, pero también puedes cargarlos en un mapa para reutilizarlos:
  • Tras configurar los muros, vuelve a editar el mapa desde el menú Mapas.
  • Pulsa “Cargar muros desde escena”. Verás que el contador de muros se actualiza.
  • Guarda el mapa. La próxima vez se cargarán automáticamente.

Radio de visión de personajes

Tal y como se ha mencionado en la sección de Personajes, puedes ajustar los tokens con la opción “Despeja niebla de guerra” para que, al ser añadidos al Tablero, eliminen la niebla en las zonas que alcance su radio de visión. Solo despejarán la niebla para quienes pertenezcan al equipo asignado al token.

Importante: los tokens añadidos por quienes no sean la DJ siempre tendrán el ajuste “Despeja niebla de guerra” desactivado para evitar que desvelen zonas secretas del mapa de forma involuntaria.

Activar niebla y opciones

Una vez hayas configurado los muros y el radio de visión de los tokens, puedes activar la niebla de guerra. Ten en cuenta que, si activas la niebla y no hay tokens que la despejen, el mapa completo se cubrirá de niebla y se verá en negro.

En el menú flotante de la parte inferior derecha del Tablero dispones de las principales opciones para la niebla de guerra:

• Activar o desactivar la niebla: oculta o muestra el mapa. Afecta también a la visión del resto de participantes.
• Ver a través de la niebla: te permite a ti (y solo a ti), como DJ, visualizar el mapa y tokens ocultos bajo zonas inexploradas. Desactívalo si vas a retransmitir o compartir pantalla y no quieres desvelar partes del mapa.
• Habilitar zonas exploradas: permite a todo el mundo ver ligeramente las zonas ya exploradas.

Controles de cámara

El menú flotante incluye dos opciones para controlar el punto de vista del resto de participantes:

• Bloquear cámara: mientras esté activado, el resto de participantes solo verá tu punto de vista y no podrá cambiar posición, rotación o zoom.
• Forzar punto de vista: al pulsarlo, la cámara de cada participante se desplazará automáticamente a tu punto de vista actual (posición, rotación y zoom).

Registro de combate, tiradas y chat

El menú desplegable de la parte lateral derecha ofrece la sección de log de tiradas y chat y (si el tablero está asociado a una campaña), el registro de combate y datos de personajes. Esta sección permite:

• Registro de tiradas y chat: cada participante verá un chat con las últimas 20 tiradas y mensajes.
• Registro de combate y personajes: acceso rápido a información y control detallado.
  • Listado de personajes: acceso a personajes, PNJ, monstruos y antagonistas, con enlace a sus hojas.
  • Iniciativa automática: tiradas rápidas de todos los participantes del combate.
  • Estado de tu personaje: si la DJ lo permite, cada participante puede gestionar PG actuales y temporales, estados alterados, espacios de conjuro y otros recursos.
  • Botones de acción: selecciona un personaje o monstruo del listado para mostrar sus botones y realizar tiradas de ataque, pruebas de habilidad, tiradas de salvación, etc.

Consejos

• Tokens invisibles: utiliza la función de visibilidad para preparar PNJ o criaturas ocultas (solo visibles para la DJ).
• Antorchas invisibles: crea tokens invisibles que despejan la niebla de guerra para controlar con precisión lo que ve tu mesa.
• Bloquear tokens: si necesitas evitar que se muevan, bloquéalos desde el menú de selección; solo tú (como DJ) podrás moverlos.
• No dudes en contactarnos ante cualquier pregunta o consulta.