# Regla Portland Plotter - Visor & Simulador Náutico Pro 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:* ![](imagenes/Regla_Portland.png) --- ## 🛠️ Características Principales 1. **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. 2. **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. 3. **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. 4. **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:* ![](imagenes/Regla_Portland-Ajuste_Escala.png) 5. **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) 1. Haz clic en **"Marcar Escala (5M)"**. 2. Haz clic sobre el **Punto 0** en la escala de latitudes (borde lateral de la carta náutica). 3. Haz clic sobre el **Punto 1** situado exactamente a **5 minutos (5 millas náuticas)** del primer punto. 4. La aplicación registrará la escala y mostrará la distancia sobre las rutas trazadas. ### 3. Trazar Rutas (A ➞ B ➞ C) 1. Haz clic en el botón **"Añadir Puntos Ruta"**. 2. Haz clic en la carta para colocar el **Punto A** y a continuación el **Punto B**. 3. 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º`. 4. 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. ### 📄 Procedimiento 1: Medir un Rumbo Verdadero (`Rv`) entre dos puntos 1. **Colocar la regla:** Sitúa el borde recto de la regla uniendo el punto de origen (`A`) y el punto de destino (`B`). 2. **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`). 3. **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). 4. **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 1. **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. 2. **Posicionar sobre la carta:** Coloca el borde de la regla sobre la posición inicial (Punto `A`). 3. **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). 4. **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`**. ---