Final Assignment Tusharika

For the final assignment I was confused at first as to if I should focus on first half of the semester or not, I think it would be good opportunity to learn and improve p5.js editor.

I remember seeing similar example shown for the music video  as Danny Rozins shared in class, in Museum of Illusions in Chicago, where the keyboard keys change as I came near the artwork.

I started experimenting with the GLSL and p5.js editors and thought it will be great idea to work on the music video to understand the editors better.blue-purple-futuristic-modern-3d-tech-company-business-presentation-1

I wanted to create a music video which showcases different feelings and things that I like, for the first fragment I used one of weekly homework assignment that I submitted which looks like sunrise/sunset.

screen-shot-2023-02-26-at-9-19-09-pm

I wanted the music video to progress into from rain effect to galaxy so based on the rectangle randomness that was taught in class. I started working on the code.

screen-shot-2023-03-26-at-4-58-31-pm-1

The code was set up to loop but I wanted the shapes to be stable and changes colours in order to show that water is going down by changing colour. I experimented a bit if it should be water droplets or water kind of flowing and changed the x and y axis.

screen-shot-2023-03-26-at-5-05-10-pm screen-shot-2023-03-26-at-5-28-58-pmscreen-shot-2023-03-26-at-9-33-01-pm

And then I made from generative concept taught in class I was able to make thunder effect

screen-shot-2023-03-26-at-11-00-41-pm

screen-shot-2023-03-26-at-10-59-08-pm

As I was working more on the shaders thought it will be great to consider more shaders like galaxy etc, have more (7-10) designs

Rainbow:

screen-shot-2023-04-15-at-8-20-33-pm

Eclipse:

screen-shot-2023-04-15-at-8-39-53-pm

Cherry Blossoms:

screen-shot-2023-04-15-at-7-58-09-pm

Then I preloaded and set up my files in p5.js

screen-shot-2023-04-15-at-11-30-28-pm

For some reason, I was unable to load the song as mp3, so I decided to have a separate js file and organize the code in a better manner.

screen-shot-2023-04-15-at-11-44-19-pm

After that I worked on the scenes, I also tried adding interaction with the mouse.

screen-shot-2023-04-15-at-11-56-10-pm

 

Link to the final video: https://drive.google.com/file/d/1NP_-RZBptH7llDqXyA-qK_w2ohMts-fv/view?usp=share_link

 

Leave a Reply

Your email address will not be published. Required fields are marked *