PaisajeLab · 3DVista

Guía del generador de hotspots

Cómo usar la app, una rueda de color interactiva para derivar paletas armónicas, y el roadmap del proyecto.

Manual de uso

de 0 a un hotspot exportado
01

Empezar rápido

Plantillas = diseño completo (texto + estilo + efecto). Parte de una y ajusta. Presets = solo el “look” (no tocan tu texto). Mis estilos guarda los tuyos.

02

Contenido

  • Texto y Subtítulo (ej. altitud “4278 m”).
  • Tamaño general: agranda todo el diseño (o usa la rueda del mouse sobre la previa).
03

Posición

  • Vertical / Lateral / Libre.
  • En la previa, arrastra la etiqueta: activa el modo libre y la línea se reconecta sola.
  • Sliders X/Y para ajuste fino.
04

Caja y tipografía

  • Sin caja, subrayado, cápsula, sólido, corchete o imagen.
  • Redondez de esquinas (caja sólida/imagen).
  • Mono / Serif, tamaño, tracking, mayúsculas, negrita.
05

Marcador (el ancla)

  • Relleno, aro, mira, cuadrado, rombo, anillos, numerado o ninguno.
  • Punto de ancla: mostrar/ocultar sin perder el tipo.
  • Línea conector: on/off, largo y grosor.
06

Colores

Texto, línea, punto, relleno, glow y color del efecto. ¿No sabes qué combinar? Mira la pestaña Rueda de color para derivar una paleta armónica.

07

Animación

  • 16 efectos: ping, sonar, respiración, aparición, pop, tipeo, despliegue…
  • Duración en segundos · Repetir (loop) o una sola vez · ▶ Reproducir.
  • Cuadros: suavidad vs peso del APNG.
08

Exportar

  • PNG transparente (estático) · APNG (animado, requiere Chrome).
  • Escala 1×–16× para nitidez. “Una sola vez” se exporta y se detiene.
09

Guardar y compartir

  • Mis estilos: guarda / aplica / borra el look (sin contenido).
  • Diseño completo: Exporta un .json e Impórtalo para replicar un diseño tal cual.
★ En 3DVista, ancla el hotspot al centro del punto: queda clavado en el lugar exacto. La imagen exportada es transparente; el tablero a cuadros es solo de la previa.

Rueda de color

deriva una paleta armónica para tu hotspot

Arrastra el punto grande en la rueda para elegir el color base.

Paleta derivada · clic para copiar el hex

Derivación propuesta para el hotspot

Una forma sensata de repartir la paleta en los controles de la app:

Abre la app en otra pestaña con estos colores ya cargados.
CERRO QUIMAL
Teoría rápida: complementaria (máximo contraste, ideal texto vs ping), análoga (armónica y tranquila), tríada (vibrante y equilibrada), monocromática (elegante, un solo tono). Mantén buen contraste entre texto y relleno para legibilidad sobre el panorama.

Roadmap

qué hay hecho y qué falta
Generado desde ROADMAP.md. Las fases plegables muestran el progreso por área.
PaisajeLab · Generador de hotspots para 3DVista · guía interactiva
copiado