createCanvas(windowWidth, windowHeight);

  frameRate(4); 

}

​

function draw() {

  background(220);

  brailleA(100, 100);

}

​

​

function mousePressed() {

  noLoop();

  //frameRate(30);

  let ab = random(10, windowWidth*2);

  let cc = random(10, height);

  let mysize = random(10,60);

  textSize(mysize);

  text('A', cc, ab);

}

​

function mouseReleased() {

  //loop();

  //frameRate(8);

  //text('A', 100, 100);

}

​

​

function brailleA(x, y) {

  push();

  translate(x,y);

  let couleur1 = random(70,170);

  fill(couleur1, couleur1, 78);//couleur de fond du cercle

  stroke('#B1AFFF');//couleur du contour

  strokeWeight(10);//épaisseur du contour

  circle(100, 100, 100);//le cercle (position x, y et diametre)

  noFill('#B1AFFF');//pas de couleur de fond du cercle

  circle(280, 100, 100);

  fill('#B1AFFF');

  circle(100, 280, 100);

  noFill();

  circle(280, 280, 100);

  fill('#B1AFFF');

  circle(100, 460, 100);

  fill('#B1AFFF');

  circle(280, 460, 100);

  pop();

}

​

​