Cómo se genera un mandala

Desde las ruedas del dharma tibetanas hasta los rosetones de las catedrales góticas, los mandalas de todas las culturas comparten un mismo principio matemático. Esta sección nació de una amiga a la que dibujarlos la tranquiliza —pero antes de contarte esa historia, déjanos enseñarte cómo funciona por dentro cada vez que trazas una línea y la ves multiplicarse.

01 / EL PRINCIPIOSimetría de orden N

Cuando decimos que un mandala tiene simetría de orden 8, significa que hay 8 sectores idénticos dispuestos alrededor de un centro. Cada vez que trazas un punto, el sistema lo dibuja en las 8 posiciones rotadas, repartidas de forma uniforme alrededor del círculo.

La aritmética es sencilla. Un círculo completo mide \(2\pi\) radianes (unos 6.28). Si lo repartimos entre \(N\) sectores, cada uno ocupa un ángulo de:

\[ \theta \;=\; \frac{2\pi}{N} \]

Ec. 1 — El ángulo de cada sector. Para \(N=8\), da \(\theta = 45°\). Para \(N=12\), da \(30°\). Cuanto mayor \(N\), más finos los pétalos.

Un solo trazo (verde) se replica en 8 ejes a 45° cada uno.

02 / LA ROTACIÓNLa fórmula que multiplica el trazo

Si dibujas un punto en \((x, y)\) relativo al centro, para copiarlo en el sector \(k\) —con ángulo \(\theta = k \cdot \tfrac{2\pi}{N}\)— aplicamos la rotación 2D clásica:

\[ \begin{aligned} x' &= x\cos\theta - y\sin\theta \\[4pt] y' &= x\sin\theta + y\cos\theta \end{aligned} \]

Ec. 2 — Rotación de un punto un ángulo \(\theta\) alrededor del origen. Luego se traslada al centro del lienzo: \((c_x + x',\; c_y + y')\).

Eso se repite para cada punto del trazo y para cada uno de los \(N\) sectores. Lo que dibujas en una zona aparece, al instante, en todos los demás. No copias nada a mano: la geometría lo hace por ti.

Por qué esta matriz es tan famosa Esas dos líneas son la matriz de rotación, una de las herramientas más usadas en gráficos por computadora, robótica y física. La misma fórmula que gira tu mandala orienta un brazo robótico o rota un planeta en un videojuego. La belleza de las matemáticas es que una idea sirve para mil cosas.

03 / EL ESPEJODoble simetría

La mayoría de los mandalas también tienen simetría de reflexión —de espejo—. Se logra invirtiendo la coordenada \(x\) antes de rotar, como ver el trazo desde el otro lado de un cristal:

\[ x_{\text{espejo}} = -x, \qquad y_{\text{espejo}} = y \]

Ec. 3 — Reflexión horizontal. Después se aplica la misma rotación de la Ec. 2 para colocar la versión reflejada en el sector \(k\).

Combinando las \(N\) rotaciones más sus \(N\) versiones espejo, cada trazo tuyo genera hasta \(2N\) líneas simultáneas. Con \(N=12\), un solo movimiento del dedo dibuja 24 líneas a la vez. Por eso un mandala se siente casi mágico de hacer: pones poco y recibes mucho.

04 / EL TRAZOCómo se suaviza una línea temblorosa

Un mandala dibujado con el ratón o el dedo tiende a quedar irregular: la mano tiembla, el cursor salta. El generador aplica tres técnicas en cascada para que las líneas fluyan como pintadas con pincel:

Media móvil exponencial (EMA) — filtra el ruido del cursor en tiempo real. Cada nueva posición se promedia con las anteriores, así el trazo “flota” suavemente en vez de brincar.
Umbral de distancia mínima — si el cursor apenas se movió, se ignora ese punto. Solo se registran desplazamientos reales, lo que evita esquinas falsas por micro-temblores.
Algoritmo de Chaikin — al terminar el trazo, “rebana” cada esquina dos veces. Con dos pasadas, un polígono anguloso se convierte en una curva orgánica.

Sin suavizadoPuntos crudos del cursor: cada cambio brusco de dirección deja una esquina notoria y el trazo se ve nervioso.

Con EMA + ChaikinLas esquinas se redondean y la línea fluye como dibujada a mano con un pincel real.

El toque final: curvas de Bézier

El renderizado usa curvas de Bézier cuadráticas. En lugar de unir los puntos con segmentos rectos, se calcula el punto medio entre cada par y se traza una curva que pasa por esos medios, usando el punto original como control. Así las curvas se enlazan sin quiebres —lo que en gráficos se llama continuidad \(C^1\)—.

\[ m_{01} = \frac{p_0 + p_1}{2}, \quad m_{12} = \frac{p_1 + p_2}{2} \;\Rightarrow\; \text{curva de } m_{01} \text{ a } m_{12}\text{, control } p_1 \]

Ec. 4 — Bézier cuadrática por puntos medios. El punto original \(p_1\) actúa como “imán” que curva la línea entre los puntos medios consecutivos.

05 / EL PORQUÉDe dónde salió esta sección

Esta parte no empezó con una ecuación, sino con una conversación. Paulina, cofundadora de esta página, dibuja mandalas: le gustan y la tranquilizan. Un día comentó que estaría bonito poder dibujarlos aquí también. Y como en Tierra y Alma casi todo lo que hacemos termina teniendo una forma matemática de hacerse, dijimos: vamos a construirlo. Detrás de cada trazo que ves multiplicarse hay una idea que nació de algo tan simple como una amiga diciendo “esto me calma”.

Y tiene sentido que la calme. Hay una razón por la que dibujar mandalas relaja: al ceder el control de la composición a la simetría, tu mente suelta la exigencia de “hacerlo bien”. No importa hacia dónde muevas la mano, el resultado siempre será armónico. Esa rendición al patrón —dejar que la geometría decida— es una forma de meditación activa.

En Tierra y Alma creemos que el bienestar no es solo escuchar; también es hacer. El generador de mandalas es la misma búsqueda de calma que un audio de relajación, pero por otra puerta: la de las manos.

✦ Abrir el generador de mandalas No necesitas cuenta — dibuja directo en el navegador y guarda tu creación como PNG.

El generador de mandalas es un experimento del laboratorio de Tierra y Alma. Los detalles técnicos se presentan de forma simplificada.