Generative Musical Interpreter
Creative Coding, Visual Design, Generative Design
Overview:
This project serves as a link between visual design, music, and code.
Generative art refers to design that has been created with the use of an autonomous system, in this case, with programming language JavaScript in a library called P5.js.
My goal was to create a generative design functioning as a visual interpretation of a song through color, movement and form of the shapes. This was through writing and remixing code to produce a visual based on an audio recording of “Can’t Help Falling in Love” covered by vocalist Gianna Zaro and mixed by me.
Access project here.
Role: Research, Graphic Design, P5.js, HTML, CSS
Art Direction: Jennifer Kowalski
GOAL
Create a generative design functioning as a visual interpretation of a song through color, movement and form of the shapes.
This was through writing and remixing code to produce a visual based on an audio recording of “Can’t Help Falling in Love” by Elvis, covered by vocalist Gianna Zaro and mixed by me.
RESEARCH
Exploring how bits of code can be mixed to react with the amplitude of music, and how imagery can adjust with that. This was done primarily by looking through the P5.js reference page, the Processing foundation and other creative coding tools.
As the song plays, the program paints based on those artistic factors and technical attributes such as amplitude and frequencies, finally producing this image.
The instruments used in the recording include light strumming from ukulele, beats of a kalimba and dreamy vocals. The soft vocals and melody react to create a circular and colorful design overlapping as where the ukulele strumming reacts to create rigid line work. The color palette is light and overflows the lines like the uncontrollable feeling within the song.