Lerp Color
Loop random shapes, lerp color from red to blue.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
function setup() {
createCanvas(720, 400);
background(255);
noStroke();
}
function draw() {
background(255);
from = color(255, 0, 0, 0.2 * 255);
to = color(0, 0, 255, 0.2 * 255);
c1 = lerpColor(from, to, 0.33);
c2 = lerpColor(from, to, 0.66);
for (let i = 0; i < 15; i++) {
fill(from);
quad(
random(-40, 220), random(height),
random(-40, 220), random(height),
random(-40, 220), random(height),
random(-40, 220), random(height)
);
fill(c1);
quad(
random(140, 380), random(height),
random(140, 380), random(height),
random(140, 380), random(height),
random(140, 380), random(height)
);
fill(c2);
quad(
random(320, 580), random(height),
random(320, 580), random(height),
random(320, 580), random(height),
random(320, 580), random(height)
);
fill(to);
quad(
random(500, 760), random(height),
random(500, 760), random(height),
random(500, 760), random(height),
random(500, 760), random(height)
);
}
frameRate(5);
}
