1. One element controlled by the mouse is the value of blue - where the mouse locates has the highest value of blue.
  2. An element that changes over time is the value of red - it increases.
  3. One element that is different every time you run the sketch is the value of red and blue in stroke - their values are random.

2 and 3 are more visible if the page gets refreshed:
http://alpha.editor.p5js.org/full/S1e0TTBib

The visual decisions were made based on one of my old projects.

In next assignment I would like to figure out how can I organize my work with less hard-coded numbers. I've done some trials, but it wasn't enough (at all) to shorten or simplify this long code.

 

Process:

Step 1 - https://alpha.editor.p5js.org/full/H1KXOJ7iW

Step 2 - http://alpha.editor.p5js.org/full/r1F-yO4oZ

Step 3 - http://alpha.editor.p5js.org/full/HJ8zIuVsW


Step 4 - http://alpha.editor.p5js.org/full/Bk8X_uVs-

Step 5 - http://alpha.editor.p5js.org/full/Skvjr9EsW

Step 6 - http://alpha.editor.p5js.org/full/rkqWkhHi-