Creating Artwork in Javascript using the P5 library

Year 1 - Programming Module

Task: We were tasked to adapt a sketch from www.openprocessing.org to turn it into a reusable class-based component.
Libraries & Technologies used: JS, HTML, CSS, p5 ​

Instructions: Initially, all particles move randomly according to a randomly generated seed. When the left mouse button is held down, the particles will experience a magnetic field and will be attracted to the mouses location. Furthermore, all of the parameters that decide how the particles look and move are freely editable from the sliders, buttons and checkbox below.


Current Noise Seed:
Current Blend Mode: Blend
Rate of particles
0.5
Magnetism Strength
10
Total particles
200
Radius of particles
3
Deceleration of Particles
0.95

Colours:
Red
255
Green
255
Blue
255

Randomise Colours on Click
Change Colours on Speed of Particles