Project for Creative Coding 2.0 in JS: Animation, Sound, & Color

Overview
The project images follow the order of the major exercises in the course. They are organised below with images first, followed by animated gifs (movies) — these gifs take a little time to load even though they aren't so large in size.

The major work is the third piece, also featured in the project cover image, showing a LP record with tracks that respond to the frequencies of an audio file. It shows an application of techniques learned in the course. The label is imported as an image and clipped to a circle. The canvas is transformed with sinusoidal scaling and rotation. By selecting the values in the canvas-sketch settings the label completes one revolution in 1.8 seconds (33 ⅓ RPM), once the gif loads. The background and arc colors were colour-picked from the label.