Simulador web interactivo de alta precisión para la navegación náutica utilizando la Regla Portland Plotter (Transportador de Cuadrícula / Portland Course Plotter).

Esta herramienta permite cargar cartas náuticas reales, medir y trazar rumbos verdaderos (Rv), calcular rumbos de aguja (Ra) considerando la corrección total (Ct), medir distancias reales en millas náuticas (M) mediante calibración de escala y trazar rutas múltiples (A ➞ B ➞ C ➞ ...)

Captura de pantalla de la aplicación:

🛠️ Características Principales

Simulación Fiel de la Regla Portland:
- Cuerpo translúcido con marcas graduadas milimetradas y flecha de dirección de rumbo (Direction of Bearing).
- Disco central transparente giratorio (Rosa de los Vientos) con cuadrícula interna paralela.
- Marca de lectura fija (índice negro) alineada en 90º con la regla.
Cálculo Náutico de Rumbo Verdadero (Rv):
- Ajuste automático y sincronizado entre la orientación del cuerpo de la regla y la rosa de los vientos para obtener lecturas de precisión.
Corrección Total (Ct) y Rumbo Magnético/Aguja (Rm/Ra):
- Control deslizante dinámico para ajustar la Corrección Total. Ct=(±dm)+(±Δ)
- Desglose directo e instantáneo de Rv, Ct y Rm/Ra en la barra superior.
Calibración de Escala Náutica (Millas Náuticas):
- Herramienta de calibración en 2 clics sobre la escala de latitudes (1 minuto de latitud = 1 M), con solo marcar dos puntos a 5 millas.
- Memorización de proporción en píxeles independiente del zoom aplicado.
- Muestra visual inmediata de la distancia real en millas náuticas sobre cada tramo de la ruta.

Captura de los puntos a 5 millas sobre el mapa:

Compatibilidad Multiplataforma (PC, Tablet y Móvil):
- Soporte completo para eventos táctiles (touchstart, touchmove, touchend).
- Manejo inteligente de gestos: arrastre con 1 dedo para manipular la regla y desplazamiento libre (scroll) o uso de 2 dedos para explorar la carta náutica.

🚀 Guía de Uso de la Aplicación Web

1. Cargar una Carta Náutica

Cargar Imagen: Usa el panel izquierdo para subir un archivo de imagen (.png, .jpg, .webp) de una carta náutica.
Zoom de Carta: Ajusta el nivel de zoom mediante la barra de desplazamiento o los botones + y -.
Centrar Regla: Haz clic en "Centrar Regla" en el menú superior para traer la regla a la parte visible de tu pantalla sin mover el mapa.

2. Calibrar la Escala (Distancias)

Haz clic en "Marcar Escala (5M)".
Haz clic sobre el Punto 0 en la escala de latitudes (borde lateral de la carta náutica).
Haz clic sobre el Punto 1 situado exactamente a 5 minutos (5 millas náuticas) del primer punto.
La aplicación registrará la escala y mostrará la distancia sobre las rutas trazadas.

3. Trazar Rutas (A ➞ B ➞ C)

Haz clic en el botón "Añadir Puntos Ruta".
Haz clic en la carta para colocar el Punto A y a continuación el Punto B.
La regla se orientará y posicionará automáticamente entre los dos puntos:
- Vector A ➞ B horizontal a la derecha: Regla a 0º, rosa a 0º, Rv = 090º.
- Vector B ➞ A horizontal a la izquierda: Regla a 180º, rosa a 180º, Rv = 270º.
- Vector de abajo hacia arriba: Regla a 270º, rosa a 90º, Rv = 000º.
Puedes seguir haciendo clic para encadenar puntos (C, D, etc).

🌐 Versión On-Line y versión Off-Line

Hay dos versiones de la aplicación Web.

regla_portland.html: Necesita conexión a Internet ya que usa un CDN para usar el código JavaScript de TailWindCSS y los iconos de FontAwesome
regla_portland_offline.html: Esta version no necesita conexión a internet, pero utiliza todo el contenido de la carpeta assets:

Contenido necesario para funcionamiento off-line:

regla_portland_offline.html
 │
 └──assets
    ├── css
    │   └── fontawesome.all.min.css
    ├── js
    │   └── tailwindcss.js
    └── webfonts
        ├── fa-brands-400.ttf
        ├── fa-brands-400.woff2
        ├── fa-regular-400.ttf
        ├── fa-regular-400.woff2
        ├── fa-solid-900.ttf
        ├── fa-solid-900.woff2
        ├── fa-v4compatibility.ttf
        └── fa-v4compatibility.woff2

📐 Manual de Uso de la Regla Portland Plotter (Versión Física)

La Regla Portland es uno de los instrumentos de trazado náutico más populares en la navegación costera y de estima.

Consta de una regla de plástico transparente con una flecha principal de dirección y un disco giratorio graduado (0º a 360º) con líneas paralelas en su interior.

Imagen de una regla real:

📄 Procedimiento 1: Medir un Rumbo Verdadero (`Rv`) entre dos puntos

Colocar la regla: Sitúa el borde recto de la regla uniendo el punto de origen (A) y el punto de destino (B).
Orientar la flecha: Asegúrate de que la Gran Flecha de Dirección (Direction of Bearing) apunte en el sentido hacia donde navega el barco (A ➞ B).
Alinear el disco con los meridianos: Gira el disco central transparente hasta que las líneas paralelas del interior del disco queden perfectamente paralelas a los meridianos (líneas Norte-Sur verticales) de la carta náutica.
- Nota: El triángulo rojo de Norte (000º) del disco debe apuntar hacia el Norte geográfico de la carta (parte superior).
Leer el Rumbo Verdadero (Rv): Lee los grados en el borde del disco indicados por la marca de lectura fija (índice o puntero negro en la regla).

📄 Procedimiento 2: Trazar una línea de rumbo desde un punto conocido

Ajustar el disco: Gira el disco de la rosa hasta que el valor del rumbo verdadero que deseas navegar (Rv) coincida exactamente con la marca de lectura fija de la regla.
Posicionar sobre la carta: Coloca el borde de la regla sobre la posición inicial (Punto A).
Orientar a la carta: Manteniendo la regla apoyada en el Punto A, gira toda la regla hasta que las líneas internas del disco queden paralelas a los meridianos Norte-Sur de la carta (con el Norte del disco hacia arriba).
Trazar la línea: Con un lápiz, traza la línea a lo largo del borde de la regla en la dirección que marca la flecha principal.

📄 Procedimiento 3: Convertir Rumbo Verdadero (`Rv`) a Rumbo de Aguja (`Ra`)

Para saber qué rumbo marcar en la brújula/aguja del barco:

Ct: Corrección total
dm: Declinación Magnética. Si es E (Este) es positiva y si es W (Oeste) es negativa.
Δ: Desvio de Aguja. Signo igual que la dm
Rv: Rumbo Verdadero. El que se marca y lee en la Carta Naútica.
Ra: Rumbo de Aguja. El rumbo que se ve y usa en el Compás (brújula) del barco.

Ct = (±dm) + (±Δ)
Rv = Ra + (±Ct)

La fórmula para el rumbo de aguja (Rv) será:
Ra = Rv - (±Ct)

Si la Ct es positiva +: El Ra será menor que el Rv. Ra=Rv-Ct.
Si la Ct es negativa -: El Ra será mayor que el Rv. Ra=Rv-(-Ct) que se queda en Ra=Rv+Ct.

README.md

Regla Portland Course Plotter - Visor & Simulador Náutico Pro