/*Lois Kim
Section A
Project-04
*/
var x1 = 10;
var x2 = 200;
var y1 = 30;
var y2 = 400;
function setup() {
createCanvas(400,300);
background("#353334");
}
function draw() {
for (var i = 0; i < 10; i++){
noFill();
stroke(299, 299 - i*20, 60);
bezier (x1, y1, x2, y2, 90 + 500, 10 * i+ 200, 15+ 500, 80 * i + 100);
} //yellow gradient curve
for (var i = 0; i < 10; i++){
noFill();
stroke("#F4F4F4");
bezier (x1 + 50, y1 + 40, x2 * 3, y2 * 2, 90, 10, 15, 80 * i + 50);
} //white curves
for (var i = 0; i < 10; i++){
noFill();
stroke("#1E4E87");
bezier (40, 100, 225, 300, 90, 10, 500, 80 * i + 100);
} //green curves
for (var i = 0; i < 10; i++){
noFill();
stroke("#61BF25");
bezier (x1 *20, y1 + 90, x2 * 4, y2 - 50, 700 * i + 100, 10, 500, 80 * i + 100);
} //blue curves
}
I wanted color to be the focus of the curves. I also wanted to play around with different compositions. I ended up with this in the end