Skip to content

Instantly share code, notes, and snippets.

@alicehgsun

alicehgsun/ICM_timeMap1.js

Last active October 23, 2017 03:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save alicehgsun/7ae31f9fda3ba501e8833df288e6d5bf to your computer and use it in GitHub Desktop.
Save alicehgsun/7ae31f9fda3ba501e8833df288e6d5bf to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ICM_timeMap1.js
let sun = 250
function setup() {
createCanvas(480, 480);
stroke(random(255),0,random(255));
}
function draw() {
// noStroke()
background(255)
// 1
if ((mouseX <= width / 24) && (0 < mouseX)) {
fill(frameCount, 0,sun);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 180);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 190);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 200);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 210);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 220);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 230);
rect(23 * width / 24, 0, width / 24, height);
// 2
} else if ((mouseX <= 2 * width / 24) && (width / 24 < mouseX)) {
fill(frameCount, 0,sun - 10);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 180);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 190);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 200);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 210);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 220);
rect(23 * width / 24, 0, width / 24, height);
// 3
} else if ((mouseX <= 3 * width / 24) && (2 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 20);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 180);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 190);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 200);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 210);
rect(23 * width / 24, 0, width / 24, height);
// 4
} else if ((mouseX <= 4 * width / 24) && (3 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 30);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 180);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 190);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 200);
rect(23 * width / 24, 0, width / 24, height);
// 5
} else if ((mouseX <= 5 * width / 24) && (4 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 40);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 180);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 190);
rect(23 * width / 24, 0, width / 24, height);
// 6
} else if ((mouseX <= 6 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 50);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 180);
rect(23 * width / 24, 0, width / 24, height);
// 7
} else if ((mouseX <= 7 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 60);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(23 * width / 24, 0, width / 24, height);
// 8
} else if ((mouseX <= 8 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 70);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(23 * width / 24, 0, width / 24, height);
// 9
} else if ((mouseX <= 9 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 80);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(23 * width / 24, 0, width / 24, height);
// 10
} else if ((mouseX <= 10 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 90);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(23 * width / 24, 0, width / 24, height);
// 11
} else if ((mouseX <= 11 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 100);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(23 * width / 24, 0, width / 24, height);
// 12
} else if ((mouseX <= 12 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 110);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(23 * width / 24, 0, width / 24, height);
// 13
} else if ((mouseX <= 13 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 120);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(23 * width / 24, 0, width / 24, height);
// 14
} else if ((mouseX <= 14 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 130);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(23 * width / 24, 0, width / 24, height);
// 15
} else if ((mouseX <= 15 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 140);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(23 * width / 24, 0, width / 24, height);
// 16
} else if ((mouseX <= 16 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 150);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(23 * width / 24, 0, width / 24, height);
// 17
} else if ((mouseX <= 17 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 160);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(23 * width / 24, 0, width / 24, height);
// 18
} else if ((mouseX <= 18 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 170);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(23 * width / 24, 0, width / 24, height);
// 19
} else if ((mouseX <= 19 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 180);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(23 * width / 24, 0, width / 24, height);
// 20
} else if ((mouseX <= 20 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 190);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 180);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(23 * width / 24, 0, width / 24, height);
// 21
} else if ((mouseX <= 21 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 200);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 190);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 180);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(23 * width / 24, 0, width / 24, height);
// 22
} else if ((mouseX <= 22 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 210);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 200);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 190);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 180);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(23 * width / 24, 0, width / 24, height);
// 23
} else if ((mouseX <= 23 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 220);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 210);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 200);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 190);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 180);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(23 * width / 24, 0, width / 24, height);
// 24
} else if ((mouseX < 24 * width / 24) && (5 * width / 24 < mouseX)) {
fill(frameCount, 0,sun - 230);
rect(0, 0, width / 24, height);
fill(frameCount, 0,sun - 220);
rect(1 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 210);
rect(2 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 200);
rect(3 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 190);
rect(4 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 180);
rect(5 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 170);
rect(6 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 160);
rect(7 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 150);
rect(8 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 140);
rect(9 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 130);
rect(10 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 120);
rect(11 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 110);
rect(12 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 100);
rect(13 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 90);
rect(14 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 80);
rect(15 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 70);
rect(16 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 60);
rect(17 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 50);
rect(18 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 40);
rect(19 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 30);
rect(20 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 20);
rect(21 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun - 10);
rect(22 * width / 24, 0, width / 24, height);
fill(frameCount, 0,sun);
rect(23 * width / 24, 0, width / 24, height);
} else {
fill(0);
rect(0 * width / 24, 0, width / 24, height);
rect(1 * width / 24, 0, width / 24, height);
rect(2 * width / 24, 0, width / 24, height);
rect(3 * width / 24, 0, width / 24, height);
rect(4 * width / 24, 0, width / 24, height);
rect(5 * width / 24, 0, width / 24, height);
rect(6 * width / 24, 0, width / 24, height);
rect(7 * width / 24, 0, width / 24, height);
rect(8 * width / 24, 0, width / 24, height);
rect(9 * width / 24, 0, width / 24, height);
rect(10 * width / 24, 0, width / 24, height);
rect(11 * width / 24, 0, width / 24, height);
rect(12 * width / 24, 0, width / 24, height);
rect(13 * width / 24, 0, width / 24, height);
rect(14 * width / 24, 0, width / 24, height);
rect(15 * width / 24, 0, width / 24, height);
rect(16 * width / 24, 0, width / 24, height);
rect(17 * width / 24, 0, width / 24, height);
rect(18 * width / 24, 0, width / 24, height);
rect(19 * width / 24, 0, width / 24, height);
rect(20 * width / 24, 0, width / 24, height);
rect(21 * width / 24, 0, width / 24, height);
rect(22 * width / 24, 0, width / 24, height);
rect(23 * width / 24, 0, width / 24, height);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment