​

​

​

let img;

let img2;

function preload() {

  img = loadImage('img/ok01.png');

  img2 = loadImage('img/OK02.png');

}

​

​

function setup() {

  createCanvas(700, window.innerHeight);

   noCursor();//pas de curseur

  imageMode(CENTER);

​

}

​

​

​

function draw() {

  background(255);//fond du canvas en blanc

  //le cercle qui suit la souris

  stroke(0);

  noFill();

  strokeWeight(4);

    ellipse(mouseX,mouseY,20,20);

  var grey = map(mouseX, 0, 180, 0, 255);

  //le texte arrondi qui tourne sur lui-même

  translate(width/2, height/2);

  rotate(radians(frameCount/2));

  image(img, 0, 0, grey, grey);

  image(img2, 0, 0, grey, grey);

​

​

}