Webclip in JS - Kind eyes
June 2022 - Song Clip running a website, based only on code (P5JS)
We were asked to do a generative clip available on a webpage for a song only using code and for our June jury.
To do so, I used the P5JS library which allows to create visuals in website based on JavaScript code.
We could choose a song and after code visuals based on its atmosphere and tempo.
You can see it for yourself on the following link.
The song is from Kind Eyes (feat UnityTX) - Fuck a Proud Boy
I wanted to something related to metal/hardcore and discovered this band just before this project so i thought it was funny to do a clip for it.
I tried to do something really dynamic to fit well with the energy this song gives me. The different visuals sections are based on the parts of the song. I had to analyse it and adapt every thing to the music to make it match together.
You might also ask yourself "why are there mini trumps everywhere?". The song is about messing with proud boys, who is an neo-fascist/ white supremacist organisation in the USA, promoting political violence. They took part in the assault of the capitol when Biden got elected. You know why Trump is part of this ridiculous clip, to make fun of him and his fans.
Ressources
Web Developing code (HTML,CSS and mainly JavaScript
P5JS libraries
The 3D models were downloaded from free online libraries, i do not make any money out of it, it was just used for a learning purpose.
