function setup(){ createCanvas(400, 680); stroke(255, 255, 255); line(200, 250, 200, 450); } var colour = ""; var x = 400/2; var y = 680/2; var retning = 1; var retningy = 1; function draw(){ clear(); stroke(255, 255, 255); line(200, 250, 200, 470); line(100, 100, 100, 350); line(200, 100, 350, 100) if(x - 20 <= 0){ retning = 1; colour = "blue"; } if(x + 20 >= 400){ retning = 0; colour = "red"; } if(y - 20 <= 0){ retningy = 1; colour = "green"; } if(y + 20 >= 680){ retningy = 0; colour = "yellow"; } if(retning == 1 && x + 5 >= 196 && y > 250 && y < 470 && x <= 204){ retning = 0; colour = "orange"; } if(retning == 0 && x - 5 <= 204 && x >= 196 && y > 250 && y < 470){ retning = 1; colour = "purple"; } if(retning == 1 && x + 5 >= 96 && x <= 104 && y > 100 && y < 350){ retning = 0; colour == "pink"; } if(retning == 0 && x - 5 <= 104 && x >= 96 && y > 100 && y < 350){ retning = 1; colour = "silver"; } if(retningy == 1 && y + 5 >= 96 && y <= 104 && x > 200 && x < 350){ retningy = 0; } if(retningy == 0 && y - 5 <= 104 && y >= 96 && x > 200 && x < 350){ retningy = 1; } if(retning == 1){ x += 5.1; } if(retning == 0){ x -= 5.1; } if(retningy == 1){ y += 4.9; } if(retningy == 0){ y -= 4.9; } if(colour == "red"){ fill(255, 0, 0); stroke(255,0,0); }else if(colour == "yellow"){ fill(255, 255, 0); stroke(255, 255, 0); }else if(colour == "blue"){ fill(55, 209, 255); stroke(55, 209, 255); }else if(colour == "green"){ fill(0, 255, 0); stroke(0, 255, 0); }else if(colour == "orange"){ fill(255, 110, 0); stroke(255, 110, 0); }else if(colour == "purple"){ fill(255, 0, 255); stroke(255, 0, 255); }else if(colour == "pink"){ fill(255, 0, 150); stroke(255, 0, 150); }else if(colour == "silver"){ fill(192, 192, 192); stroke(192, 192, 192); }else{ fill(255, 0, 255); stroke(255, 0, 255); } ellipse(x, y, 5, 5); }

Project_canvas003(p5.js)