let j=0

let k

let l

//let uniHide

//let uniShow

//let img;

​

function preload() {

  img = loadImage("bead 1.jpg");

​

  img2 = loadImage("bead 2.png");

​

  img3 = loadImage("bead 3.png");

​

  img4 = loadImage("bead 4.png");

​

  img5 = loadImage("bead 5.png");

​

  img6 = loadImage("bead 6.png");

  img7 = loadImage("bead 7.png");

​

  img8 = loadImage("bead 8.png");

​

  img9 = loadImage("bead 9.png");

​

}

​

function setup() {

  let canvas = createCanvas(760, 400);

​

}

function draw() {

​

  //image(img, 0, 0, 200, 200)

  img.position(90, 50);

  img.size(50, 50);

​

  img2.position(120, 120);

  img2.size(50, 50);

​

  img3.position(80, 170);

  img3.size(50, 50);

​

  img4.position(280, 200);

  img4.size(50, 50);

​

  img5.position(150, 230);

  img5.size(50, 50);

​

  img6.position(120, 320);

  img6.size(50, 50);

  img7.position(280, 200);

  img7.size(50, 50);

​

  img8.position(50, 230);

  img8.size(50, 50);

​

  img9.position(120, 320);

  img9.size(50, 50);

​

  canvas.mouseOver(uniShow);

  canvas.mouseOut(uniHide);

}

​

function uniHide() {

  img.hide();

  img2.hide();

  img3.hide();

  img4.hide();

  img5.hide();

  img6.hide();

  img7.hide();

  img8.hide();

  img9.hide();

}

function uniShow() {

  img.show();

  img2.show();

  img3.show();

  img4.show();

  img5.show();

  img6.show();

  img7.show();

  img8.show();

  img9.show();

}

function mousePressed() {

  img.show();

  img3.show();

}

function draw() { 

      background(j, j + 30, 245);

      stroke(1); 

    k = map(mouseX, 0, 760, 220, 30)

    l = map(mouseX, 0, 400, 30, 220)

  for (let i = 20; i < 760 - 4; i += 40){ 

      for (let j = 20; j < 400 + 5; j += 40){   

      fill(205, 185, 5);

      ellipse(i, j, 7, 37);

      fill(225, 255, 5);

      ellipse(i, j, 37, 7);

      fill(k, l-10, k-40);

      ellipse(i, j, 28, 27);

      fill(l, k-30, k);

      ellipse(i, j, 20, 21);

      fill(l, l-70, k + 50);

      ellipse(i, j, 12, 14);

      fill(l, k, -k);

      ellipse(i, j, 6, 6);

    }

    }

 }

​