Sinfonía Boreal - Exposición IE 2025
| Título | Sinfonía Boreal - Exposición IE 2025 |
|---|---|
| Tipo de Proyecto | Proyecto de Curso |
| Palabras Clave | expo |
| Período | 2025-2025 |
| Asignatura | Imagen Escrita |
| Del Curso | Imagen Escrita 2025 |
| Carreras | Diseño |
| Alumno(s) | Beatriz Castro Vega, Florencia ozores |
| Profesor | Javiera Ruiz |
| URL | https://www.canva.com/design/DAG10s73xqY/bWU FAC6kqkhMi4PLsZaDw/edit?utm content=DAG10s73xqY&utm campaign=designshare&utm medium=link2&utm source=sharebutton |
Sinfonía boreal
Introducción
Proceso de diseño
Inspiración
La obra Sinfonía Boreal surge a partir de la observación del fenómeno natural de las auroras polares, tomando como eje principal la idea de movimiento continuo y luminosidad dinámica.
El diseño se construye en torno a la superposición de curvas sinuosas que evocan el flujo de partículas en la atmósfera, traducidas al lenguaje algorítmico mediante funciones senoidales y transformaciones espaciales.
Estas estructuras se organizan en tres cuerpos visuales que actúan como voces dentro de una misma composición, generando un ritmo armónico entre color, forma y desplazamiento.
En este contexto, la obra se plantea como una traducción visual de la energía: cada línea representa una frecuencia de luz que vibra, se expande y se transforma en el tiempo.
El uso del modo de mezcla ADD intensifica el brillo en los puntos de cruce, produciendo un efecto de resplandor que remite directamente a la atmósfera polar y su iridiscencia natural.
Las variaciones de torsión, amplitud y escala otorgan a las cintas un comportamiento orgánico, como si cada una respirara dentro de un mismo sistema.
La paleta cromática combina tonos azulados, violetas y verdes sobre fondo negro, creando un alto contraste que acentúa la profundidad y el efecto lumínico.
El resultado es una composición viva que se modifica según la interacción del usuario, quien mediante gestos o desplazamientos puede alterar la escala, la proximidad y la intensidad visual del conjunto.
En síntesis, Sinfonía Boreal propone una experiencia digital inmersiva donde la programación se convierte en instrumento, y el color, en sonido visual.
La obra explora la relación entre naturaleza y código, capturando la vitalidad del movimiento lumínico y transformando un fenómeno atmosférico en una danza generativa de luz.
Referentes visuales
• Auroras boreales: Movimiento ondulante y luminosidad natural.
• Ondas senoidales: Base matemática para la continuidad del ritmo visual.
• Superposición aditiva: Brillo y transparencia acumulativa en la mezcla de color.
-
Croquis 1. -
Croquis 2.
Iteraciones
El proceso de desarrollo de Sinfonía Boreal se estructuró en tres etapas experimentales que permitieron construir progresivamente el lenguaje visual y lumínico de la obra. Cada fase exploró distintos comportamientos de forma, ritmo y densidad, consolidando la relación entre estructura y movimiento.
Primera: Manto expansivo
En la primera fase, Manto expansivo, se trabajó con tramas de puntos distribuidas en el plano como un campo de energía en expansión. El objetivo fue comprender cómo la densidad y el espaciado podían sugerir una atmósfera envolvente, casi respirante. Las variaciones de escala y distancia generaron un efecto de profundidad, estableciendo el principio base de la obra: un equilibrio entre lo orgánico y lo digital, entre la estructura y la vibración lumínica.
Segunda: Ondas secuénciales
La segunda etapa, Ondas secuenciales, introdujo el uso de funciones senoidales para modelar el desplazamiento fluido de las curvas. Aquí se logró una lectura más rítmica del movimiento, con un sistema de líneas que respondían a un pulso común. El flujo continuo permitió visualizar un comportamiento más musical, en el que la forma se comporta como una melodía gráfica, expandiéndose y contrayéndose en ciclos suaves. Este momento del proceso marcó un punto clave en la definición del carácter armónico de Sinfonía Boreal.
Tercera: Espiral en capas
Finalmente, en la tercera iteración, Espiral en capas, se consolidó la estructura tridimensional que da identidad a la obra actual. Las curvas comenzaron a superponerse con distintos niveles de torsión y transparencia, generando profundidad y una sensación de movimiento interno. El modo de mezcla ADD acentuó el brillo en los puntos de convergencia, provocando un resplandor que evocaba directamente la luz polar que inspira el proyecto. Esta versión estableció la convergencia entre forma, color e interacción, sintetizando el proceso en una composición viva, inmersiva y en constante transformación.
Sketch
Sketch Dinámico
Sketch formato de impresión
Estructura y funcionamiento principal del código
El código de Sinfonía Boreal se organiza en torno a una estructura modular que permite generar, transformar y visualizar curvas dinámicas con comportamiento orgánico.
El bloque principal de setup() y draw() establece el entorno de trabajo: define un lienzo responsivo que se adapta al tamaño de la pantalla y actualiza la animación cuadro a cuadro, garantizando un flujo continuo y estable tanto en computador como en dispositivos iOS.
Las variables principales controlan parámetros como amplitud, torsión, ancho y color, modulando el movimiento de las curvas en tiempo real. Esto permite que el sistema reaccione al desplazamiento del cursor o al toque del usuario, haciendo que las formas se expandan, respiren y cambien de ritmo.
Las funciones personalizadas —como drawRibbon()— construyen cada cinta luminosa mediante cálculos matemáticos basados en ondas seno y coseno. Estas funciones definen el recorrido, la curvatura y la superposición de líneas que dan forma al efecto visual característico.
La transformación espacial se logra con translate(), scale() y blendMode(ADD).
• translate() centra y posiciona las figuras dentro del lienzo.
• scale() permite aplicar el efecto de zoom o “acercamiento” al deslizar el dedo o usar la rueda del mouse.
• blendMode(ADD) fusiona los colores luminosos, intensificando el brillo y generando el resplandor que recuerda la luz de las auroras.
El código también incluye condicionales y loops (for y if) que repiten los cálculos para cada línea, controlando la cantidad de segmentos según el rendimiento del dispositivo. Esto optimiza la animación sin perder calidad visual.
Finalmente, las funciones touchMoved() y mouseWheel() permiten la interacción directa: al deslizar o hacer zoom, el espectador modifica la escala y profundidad del campo visual, convirtiéndose en parte activa de la obra.
En conjunto, el programa combina geometría, movimiento y color mediante lógica matemática, transformando el código en una experiencia visual viva y responsiva.
Poster