Storyarn docs
Documentación

Diseño de Escenas

Zonas y áreas interactivas

Dibuja áreas en una escena y conviértelas en navegación, interacciones, indicadores, colecciones o zonas transitables.

Las zonas son regiones poligonales dibujadas sobre una escena. En el editor sirven para delimitar partes del mapa; en modo exploración pueden comportarse como botones de mapa, áreas transitables, indicadores de variables o colecciones de elementos.

Lienzo de escena con zonas de Acción, Mostrar, Colección y Área transitable visibles en el editor

Dibujar zonas

HerramientaUso típico
RectánguloHabitaciones, edificios, paneles de interfaz dentro del mapa
TriánguloMarcadores direccionales, puntos de interés, cuñas de mapa
CírculoÁreas de influencia, campamentos, radios aproximados
LibreHabitaciones irregulares, caminos, límites de terreno

Los vértices se guardan como porcentajes relativos al tamaño de la escena. Así las zonas siguen alineadas si cambia la imagen de fondo o el tamaño de la vista.

Haz doble clic en una zona para editar sus vértices. Arrastra los puntos de edición para ajustar la forma y confirma el cambio cuando quieras que la zona siga mejor el arte del mapa.

Tipos de zona

El selector de tipo define qué hace la zona en modo exploración:

TipoUso
AcciónCrea una interacción: puede ejecutar instrucciones, abrir una escena, lanzar un flujo o combinar varias de estas acciones. Úsala para puertas, puntos interactivos, botones de mapa y cambios de estado simples.
Área transitableMarca por dónde puede moverse el jugador en modo exploración.
MostrarMuestra el valor actual de una variable en el mapa. Puede mostrar solo el valor o nombre + valor.
ColecciónAbre una ventana con elementos recogibles. Cada elemento puede tener condición propia e instrucciones al recogerlo.

Usa Área transitable para definir por dónde puede moverse el jugador. Usa Acción para los puntos del mapa que deben responder al clic con navegación, instrucciones o flujos.

Panel de propiedades

Las propiedades de zona están organizadas en pestañas:

PestañaQué configura
VisualTexto, icono, variable mostrada, tamaño, fuente, peso y estilo.
ReglasCondición de disponibilidad y efecto cuando la condición no se cumple.
Acción / Movimiento / ColecciónOpciones específicas del tipo de zona seleccionada.
AjustesAtajo, estado oculto en exploración y texto de ayuda.

Visual

Las zonas de Acción, Colección y Área transitable pueden mostrar:

  • Texto – muestra el nombre de la zona.
  • Icono – muestra un icono subido por el usuario.
  • Texto e icono – muestra ambos.
  • Nada – oculta la etiqueta en modo exploración, pero el editor sigue mostrando el nombre para que puedas localizar la zona.

Los iconos pueden ser SVG, PNG o GIF y pesar como máximo 256 KB.

En zonas Mostrar, selecciona la variable que quieres enseñar y elige si se renderiza solo el valor o nombre + valor. El tamaño y la fuente afectan al valor mostrado en modo exploración.

Reglas

Cada zona puede tener una condición construida con el Editor de Condiciones. Si la condición no se cumple, elige un efecto:

  • Ocultar – la zona desaparece de la vista de exploración.
  • Deshabilitar – la zona sigue visible, pero queda bloqueada.

Úsalo para puertas bloqueadas, rutas revelables, indicadores contextuales, colecciones que aparecen más tarde o puntos interactivos que dependen del estado del juego.

Acción

Una zona de Acción puede:

  • Navegar a una escena.
  • Lanzar un flujo sobre la escena.
  • Ejecutar instrucciones con el Editor de Instrucciones.
  • Combinar navegación e instrucciones.

Para que una Acción tenga efecto en modo exploración, configúrale al menos una navegación, una instrucción o ambas.

Área transitable

Las zonas Área transitable definen dónde se puede mover el personaje líder en modo exploración. El movimiento usa el polígono de la zona: si haces clic fuera de cualquier área transitable visible, el movimiento se bloquea.

Las áreas transitables se resaltan en verde cuando activas la visualización de zonas en modo exploración.

Mostrar

Las zonas Mostrar enseñan una variable en el mapa. Sirven para interfaz integrada en el mundo, contadores, estadísticas visibles o etiquetas dependientes del estado.

Cuando una variable numérica no tiene parte decimal útil, Storyarn la muestra como entero para evitar ruido visual.

Colección

Las zonas Colección abren una ventana de colección. Cada elemento puede apuntar a una ficha, tener una etiqueta, evaluar una condición propia y ejecutar instrucciones al recogerlo. También puedes permitir Recoger todo y definir el mensaje cuando no hay elementos visibles.

Panel de propiedades de una zona con ajustes visuales y pestañas de reglas, acciones y configuración