xxxxxxxxxx
129
var xpos = 100;
var xpos1 = 150;
var x2 = 30
var x3 = 45
var x4 = 60
var x5 = 75
var x6 = 90
var speed = 1;
var speed1 = 5;
var vitesse2 = 7
var vitesse3 = 9
var vitesse4 = 11
var vitesse5 = 13
var vitesse6 = 15
function setup() {
createCanvas(400, 400);
ellipseMode(CENTER);
rectMode(CENTER);
noStroke();
}
function draw() {
background("blue");
//x += speed;
//x1 += vitesse1;
x2 += vitesse2;
x3 += vitesse3;
x4 += vitesse4;
x5 += vitesse5;
x6 += vitesse6;
xpos = xpos + speed;
if ((xpos > width+55) || (xpos < 100)) {
speed = speed * -1;
}
xpos1 = xpos1 + speed1;
if ((xpos1 > width+55) || (xpos1 < 100)) {
speed1 = speed1 * -1;
}
// integer RGB notation
fill('rgb(0,255,0)');
rect(xpos,35,55);
rect(xpos1,35,55,55);
rect(x2,35,55,55);
rect(x3,35,55,55);
rect(x4,35,55,55);
rect(x5,35,55,55);
rect(x6,35,55,55);
// integer RGB notation
fill('rgb(0,255,0)');
ellipse(xpos,200, 50, 50);
ellipse(xpos1,200, 50, 50);
ellipse(x2,200, 50, 50);
ellipse(x3,200, 50, 50);
ellipse(x4,200, 50, 50);
ellipse(x5,200, 50, 50);
ellipse(x6,200, 50, 50);
// integer RGB notation
fill('rgb(0,255,0)');
ellipse(xpos,130,50,50);
ellipse(xpos1,130,50,50);
ellipse(x2,130,50,50);
ellipse(x3,130,50,50);
ellipse(x4,130,50,50);
ellipse(x5,130,50,50);
ellipse(x6,130,50,50);
// integer RGB notation
fill('rgb(0,255,0)');
ellipse(xpos,200,50,50);
ellipse(xpos1,200,50,50);
ellipse(x2,200,50,50);
ellipse(x3,200,50,50);
ellipse(x4,200,50,50);
ellipse(x5,200,50,50);
ellipse(x6,200,50,50);
// integer RGB notation
fill('rgb(0,255,0)');
ellipse(xpos,275, 50, 50);
ellipse(xpos1,275, 50, 50);
ellipse(x2,275, 50, 50);
ellipse(x3,275, 50, 50);
ellipse(x4,275, 50, 50);
ellipse(x5,275, 50, 50);
ellipse(x6,275, 50, 50);
noStroke();
// integer RGB notation
fill('rgb(0,255,0)');
rect(xpos,375,55,55);
rect(xpos1,375,55,55);
rect(x2,375,55,55);
rect(x3,375,55,55);
rect(x4,375,55,55);
rect(x5,375,55,55);
rect(x6,375,55,55);
}