Nuestro diseñador interactivo continental, Afro, necesitaba armar una curva para hacer una animación. Pero no daba lo mismo cualquier curva, necesitaba una en particular que quedara determinada por unos puntos de control y se pudiera deformar al moverlos.
Así fue como encontramos las curvas de Bézier, desarrolladas, según leímos, para diseñar partes de automóviles. Para qué partes y cómo se aplicaron no lo sabemos pero si ustedes nos quieren iluminar al respecto nos encantaría saberlo. También son utilizadas extensamente en software de diseño gráfico para dibujo vectorial, y en programas de animación para determinar aceleraciones y movimientos.
Volviendo a lo nuestro, se define un punto de inicio y un punto de fin y luego ciertos puntos que funcionan como nodos de atracción de la curva. Cuántos más puntos de este tipo ponemos, más vueltas puede dar la curva y más veces puede cambiar su curvatura. Además permiten parametrizar de manera fácil y escalable si se quieren agregar puntos de control. Una vez dispuestos estos puntos de control, se interpolan los puntos de inicio y fin, determinando así la resolución de la curva.
Ya teníamos resuelto el problema y sólo faltaba implementarlo para lo cual Afro aplicó sus dominios de diseño y programación y obtuvimos nuestras curvas.
Acá terminaría la historia si no fuese por el equipo ADN que entre sus tareas tenía la de diseñar una tarjeta de fin de año. Afro supo "unir los puntos". Decidió aplicar las curvas que acabábamos de conocer para hacer los fuegos artificiales. Mediante curvas de Bézier de tercer orden pudo crear cielos personalizados para cada tarjeta para que distintas personas recibieran distintos cielos para fin de año.
El concepto detrás de la producción de la tarjeta de fin de año fue que cada tarjeta, mandada a cada cliente, muestre un cielo diferente, tanto en estrellas como en fuegos artificiales. Que ninguna sea igual a otra, y que los empleados de C7 tengan la libertad de generar y elegir la tarjeta que más les guste.
Para esto, se decidió dividir la tarjeta en 2: una parte gráficamente estática, en donde se escribirían las típicas palabras esperanzadoras de época de fiestas, más algun dibujo lindo. La otra parte sería generada totalmente por código, con una alta aleatoriedad en su contenido. Creadas por separado, finalmente, se fusionarían.
La posición, tamaño y cantidad de estrellas y fuegos artificiales es aleatoria.
El degradado de fondo, que emula un anochecer, también es hecha por código.
Para construir cada hilo de un fuego artificial se parte de un punto de inicio en común y su punto final varía alrededor de una elipse. Esta variación radial cambia aleatoriamente por cada fuego artificial, con restricciones mínimas y máximas, generando fuegos de diferente tamaño.
Las funciones de las curvas de Bézier se utilizaron para generar la caída que traza cada hilo de fuego artificial, desde su explosión hasta su punto final de desvanecimiento.
Para añadir un grado más de "customización", se crearon funciones gráficas para cambiar el look del trazado de los hilos. De esta manera, el usuario puede elegir el tipo de fuego artificial preferido. Entre otras opciones, el usuario podía regenerar a gusto todo el cielo, sólo las estrellas o fuegos artificiales, el look de los fuegos, y guardar las imágenes generadas como JPG, a tamaño y compresión sensata para mandar por email.
Afro implementó todo gráficamente mediante un programa codeado en Processing (Java) permitiendo así que cada uno de nosotros corriese la aplicación y pudiera generar distintas tarjetas guardando las que más nos gustaran para enviar.
¡Les dejamos el link para los que quieran jugar con los distintos cielos y armar los suyos!
