p5.js Creative Coding Sketches

I created all of these sketches in p5.js - a JavaScript library for creative coding. Unfortunately, a couple of these aren't functional if you're on mobile but I hope you enjoy anyway!

"Circular Time" (Click me!)

This sketch is a representation of the current time, where the user can change the colour of the background by clicking on it. The colour of the circles also changes when the minute passes.

"Seasons" (Click to watch)

This sketch is an audio visualiser that is themed with the song that it plays, Rival x Cadmium - Seasons. The circle in the centre represents the sun and also acts as the visualiser that reacts to the audio.

"Hot Air Balloon" (Hover over with mouse)

This sketch is intended to create an animation based on the position of your mouse. There are 16 frames in total, where the hot air balloon follows where your mouse goes. Time moves forwards from left --> right and top --> bottom (this means the top left is the first frame and the bottom right is the last frame).

"Day and Night" (Click me!)

This sketch is intended to create an animation based on the position of your mouse. There are 16 frames in total, where the hot air balloon follows where your mouse goes. Time moves forwards from left --> right and top --> bottom (this means the top left is the first frame and the bottom right is the last frame).