Modulor — Entrenador de Composición Formal

¿Qué es Modulor?

Modulor es un entrenador interactivo de composición formal. Te permite crear composiciones visuales sobre una grilla modular, experimentando con proporciones, ritmo, contraste y equilibrio.

¿Por qué “Modulor”?

El nombre homenajea al Modulor de Le Corbusier (1948), un sistema de medidas basado en las proporciones humanas y la proporción áurea. De la misma manera, esta herramienta usa módulos (celdas en una grilla) como unidad fundamental de composición.

Cómo usar

Proporción: Elige un formato en el panel izquierdo. “Rotar” invierte la orientación.
Filas y Columnas: Ajusta la grilla en la barra superior.
Herramientas: Lápiz (click o arrastre), Línea horizontal (pinta toda la fila), Línea vertical (pinta toda la columna), o Borrar.
Color de relleno: Elige un color y pinta las celdas individualmente.
Bordes: El ancho y color de los bordes de celda se cambian globalmente.
Caja exterior: Actívala con el toggle para agregar un margen y borde externo.

Modo Análisis (🖼️)

Activa el toggle Análisis en la barra superior para analizar composiciones sobre imágenes:

Cargar imagen: selecciona la imagen de análisis, arrástrala directamente al artboard, o pégala desde el portapapeles con Ctrl+V.
La grilla se ajusta al ratio de la imagen de análisis e inicia en 3×3 (regla de tercios).
Las celdas se cubren con un velo celeste semi-transparente. Usa el slider de opacidad para ajustar la intensidad.
Pinta celdas con colores semi-transparentes para marcar áreas de la composición.
Si el ratio de la imagen de análisis coincide con un formato estándar, se indica en el panel izquierdo. Si no, se muestra Ratio no estándar.
Al desactivar el modo análisis, las celdas vuelven a ser opacas y puedes seguir componiendo.

Comentarios (💬)

Puedes anotar observaciones directamente sobre las celdas:

Click derecho en una celda → selecciona "Comentar" para agregar una nota.
Aparece una ventana flotante donde escribes el comentario. Presiona Enter o "Guardar".
Un número en círculo blanco aparece en la celda.
Pasa el cursor sobre el número para ver el comentario como tooltip.
Click derecho en una celda con comentario → "Editar" o "Borrar".
Los comentarios se listan en la pestaña Comentarios del panel derecho.
Usa el toggle Visibles para ocultar/mostrar los números sin borrarlos.
Los comentarios se borran al cambiar filas/columnas o cargar una nueva imagen de análisis (con aviso previo).
Undo/Redo incluye los comentarios.

Bocetos (📷)

El panel derecho guarda capturas de tus composiciones:

Tomar Foto: captura el estado actual del artboard.
PNG: descarga el boceto seleccionado como imagen.
PDF Todo: exporta todos los bocetos en un PDF multipagina.
Haz click en una miniatura para seleccionarla. Pasa el cursor y presiona ✕ para eliminarla.

Los bocetos se guardan automáticamente en el navegador y persisten entre sesiones. Se eliminan únicamente al borrar la caché o datos del sitio en tu navegador.

Encuadre (🧭)

En modo análisis, la pestaña 🧭 Encuadre del panel derecho se activa y permite ajustar la posición y rotación de la imagen de análisis:

Flechas (← → ↑ ↓): mueven la imagen de análisis en el fondo. El espacio descubierto muestra el color de borde de celdas.
Shift + ← →: rotan la imagen de análisis. Las esquinas descubiertas muestran el color de fondo.
Puedes cambiar el paso de movimiento (1, 5, 10, 25 px) y de rotación (0.5°, 1°, 5°).
Resetear encuadre devuelve la imagen de análisis a su posición y rotación original.
Todos los cambios son compatibles con Ctrl+Z (deshacer).

Forzar ratio

Adapta una imagen de análisis a un formato distinto al original, sin deformarla:

Elige un ratio de destino → activa Análisis → activa Forzar ratio.
Los botones de ratio y Rotar se congelan. El ratio elegido se indica con un 🔒.
Carga la imagen de análisis: se ajusta a la altura del artboard conservando su proporción original.
Usa pan y rotación (🧭) para recomponer la imagen dentro del nuevo formato.
Donde la imagen de análisis no cubra, se ve el color de fondo.
Para salir: desactiva Forzar ratio (con alerta). La imagen de análisis vuelve a su ratio original.

Anotaciones (🖊️)

La pestaña 🖊️ Anotaciones del panel derecho permite marcar elementos compositivos sobre el artboard:

⭕ Punto hueco: Click + arrastre define centro y radio.
➡️ Flecha y ↔️ Flecha doble: Click + arrastre define origen y destino.
／ Línea: Click + arrastre dibuja una línea en cualquier dirección. Mantén Shift al soltar para bloquear al horizontal (0°), vertical (90°) o la diagonal del formato. Las líneas bloqueadas muestran una etiqueta didáctica con el ángulo.
Todas las anotaciones comparten color y grosor (ajustables en la pestaña).
Usa Toggle Visibles para ocultar/mostrar sin borrar. 🗑️ Borrar todas las elimina (con Undo).
Se capturan en los bocetos y se borran al cargar una nueva imagen de análisis (con aviso).

Atajos de teclado

Ctrl + Z — Deshacer (Undo)
Shift + Ctrl + Z — Rehacer (Redo)
← → ↑ ↓ — Mover imagen de análisis (modo análisis)
Shift + ← → — Rotar imagen de análisis
Shift + ↑ ↓ — Escalar imagen de análisis
Shift (al trazar línea) — Bloquear al horizontal, vertical o diagonal del formato
F — Modo foco: oculta/muestra los paneles laterales y la barra superior
Shift + F — Pantalla completa del navegador (alterna; Esc también cierra)

Suelta la imagen aquí