var cyan;

var magenta;

var mov = 10;

var img;

var img2;

let turn= 1;

let turntwo= 2;

var r;

var g;

var b;

​

​

function preload() {

​

    img = loadImage("assets/leaves.jpg");

    img2 = loadImage("assets/flamingo.jpg");

​

}

​

​

​

function setup() {

  createCanvas(400, 400);

  background (255);

  turn = 1;

 img1 = loadImage("assets/leaves.jpg");

 img2 = loadImage("assets/flamingo.jpg");

​

​

}

  //image(img, width/2, height/2, 52, 60);

function draw() {

  background(255);

​

if(mouseX > 150 && mouseX < 200 && mouseY > 150 && mouseY < 200 ) {

    if(mouseIsPressed) {

​

        background(199,21,133, 90);

            strokeWeight(3);

                fill(0,0,0);

            ellipse(200, 200, 50, 50);

    } 

   }

  else {

fill(138,43,226);

noStroke();

ellipse(200, 200, 50,50) 

  //image(img1, 200, 200, 50, 50); 

  }

  for (var x = 5; x < 400; x = x + 60) {

    for (var y = 5; y < 400; y = y + 60) {

      push();

      translate(x, y);

      if (turn == 0) {

      drawYellow();

      drawCyan();

      drawMagenta();

​

      } else if (turn ==1) {

            drawYellow();

      drawCyan();

        drawImage();

      pop();

    }

  }

}

}

function drawImage() {

    blendMode(MULTIPLY);

    image(img2, 0, 0, 52, 60);

}

​

function drawYellow() {

  blendMode(DIFFERENCE);

​

  noStroke();

  fill(0, 0, 255);

  ellipse(5, 5, 25, 25);

}

​

function drawCyan() {

  translate(0, 0);

  rotate(radians(mov));

​

  if (mouseIsPressed) {

    mov += 0.1;

  }

​

noStroke();

  fill(255, 0, 0);

  ellipse(0, 15, 25, 25);

}

​

function drawMagenta() {

  noStroke();

  fill(0, 255, 0);

  ellipse(13, 15, 25, 25);

}

​

​

function changeTint() {

  r = 255;

  g = 255;

  b = 255;

  tint(random(r), random(g) , random(b), 30);

  image(0, 0, 52, 60);

}

​