​

​

let pattern;//cercle grand

let pattern2;//carré

let pattern3;//cercle petit

​

let x = 0;//carré qui tourne

​

let moonRot = 0; 

let moonRotspeed = 0.01; 

​

function setup() {

  createCanvas(585, 1266);

  rectMode(CENTER);

  //cercle grand

  let buffer = createGraphics(5, 5);

  buffer.pixelDensity(1);

  buffer.background(255);

  buffer.line(2, 2, 5, 5);

  pattern = createPattern(buffer);

  //cercle petit

  let buffer3 = createGraphics(5, 5);

  buffer3.pixelDensity(1);

  buffer3.background(255);

  buffer3.line(1, 1, 2, 2);

  pattern3 = createPattern(buffer3);

  //carré

  let buffer2 = createGraphics(5, 5);

  buffer2.pixelDensity(2);

  buffer2.background(255);

  buffer2.line(10, 10, 5, 5);

  pattern2 = createPattern(buffer2);

}

​

function draw() {

  background(245);

  noStroke();

  push();

  fillPattern(pattern3);

  rect(width/2, height/2, width, height);

  pop();

​

  //carré

  push();

  x += 0.005;

  translate(width / 2, height / 2);

  rotate(x);

  fillPattern(pattern2);

  rect(0, 0, 320, 320);

  pop();

  //grand cercle

  fillPattern(pattern);

  circle(width/2, height/2, 200);

  //petit cercle

  moonRot += moonRotspeed; 

  translate(width/2, height/2);

  rotate(moonRot); 

  translate(-width/2, -height/2);

  fillPattern(pattern3);

  ellipse(width/2, 512, 40, 40);

​

​

}