[p5js canvas]

int deplacementX, deplacementY;
int x, y;
int w, z;
int compteur;
int h;

void setup() {
size(400,400); // taille de la fenetre
background(0); //couleur de fond de la fenêtre
x = 200;
y = 200;
w = 15;
z = 60;
deplacementX = 6;
deplacementY = -3;
compteur=0;
h=85;
}

void draw() {
nettoyer() ; //Appel de la fonction nettoyer pour enlever les traces
bouger() ; //appel de la fonction bouger
dessiner(); // appel de la fonction dessiner
rebondir() ;// appel de la fonction rebondir
}

void nettoyer() {
background(0);
}

void dessiner() {
fill(255);
rect(w,z,25,h);
fill(255);
ellipse(x,y,20,20);
line(200,0,200,400);
}

void bouger() {
x = x + deplacementX;
y = y + deplacementY;
z = (mouseY);
}

void rebondir() {
if (x > width-10 && deplacementX > 0) { // si trop à droite et que le déplacement horizontal est positif
deplacementX = -deplacementX; // inverser la valeur
compteur++;
h–;
}

if (y > width-10 && deplacementY > 0) { // si trop bas et le déplacement vertical est positif
deplacementY = -deplacementY; // rendre négative la valeur
}

if (y < 10 && deplacementY < 10) {// si on est trop haut et le déplacement vertical est negatif
deplacementY = abs(deplacementY); // rendre positive cette valeur
}

if (x<w+35 && y>z && y<z+h) { // test de la touche de la raquette
deplacementX = -deplacementX; // inverser la valeur
}

if (x < 10) { // la balle est derrière la raquette → perdu
noLoop();
println(« GAME OVER »);
println(compteur);
}
}

[/p5js]