var ellipseX = 0
var ellipseY = -10
function setup() {
createCanvas(400, 300);
background(255, 173, 158);
strokeWeight(0.5);
}
function draw() {
createCanvas(400, 300);
background(255, 173, 158);
stroke(196, 154, 108);
for (var i = 5; i < 100; i+=20) {
line(50, 0, 380, i*0.1+20);
stroke(27, 117, 188);
line(380, i*0.1+20, 0, i*0.2+70);
stroke(43, 182, 115);
line(0, i*0.25+70, 350, 0.4*i+150);
stroke(241, 90, 41);
line(350, 0.4*i+150, 0, i*1.5+200)
ellipseX = ellipseX += 3;
ellipseY = ellipseY += 0.2;
ellipse(ellipseX, ellipseY, 15, 15);
if(ellipseX > width) {
ellipseX -= 3;
ellipseY += 0;
}
}
//stroke(150);
// strokeWeight(0.5);
// for (var i = 0; i < 30; i++) {
// line(0, height, 130 + (i*15), 70 - (i));
// }
//
// for (var i = 0; i< 500; i++) {
// fill(255, 255, 0);
// ellipse(0, height + i * 40, 40, 40);
// }
}
Here is my… project… I wanted to lines to have some perspective, and I also wanted some kind of physical animation. I think I need to go back and review these concepts later because I don’t have a firm grasp on them yet (and I’m on a severe time crunch).