let j=0

let k

let l

//let uniHide

//let uniShow

​

function setup() {

  let canvas = createCanvas(760, 400);

​

  img1 = createImg("bead 1.png", "bead 1.png");

​

  img2 = createImg("bead 2.png", "bead 2.png");

​

  img3 = createImg("bead 3.png", "bead 3.png");

​

  img4 = createImg("bead 4.png", "bead 4.png");

​

  img5 = createImg("bead 5.png", "bead 5.png");

​

  img6 = createImg("bead 6.png", "bead 6.png");

​

  img7 = createImg("bead 7.png", "bead 7.png");

​

  img8 = createImg("bead 8.png", "bead 8.png");

​

  img9 = createImg("bead 9.png", "bead 9.png");

  img10 = createImg("bead10.png", "bead 10.png");

​

  img11 = createImg("bead11.png", "bead11.png");

​

  img12 = createImg("bead12.png", "bead12.png");

​

  img13 = createImg("bead13.png", "bead13.png");

  img14 = createImg("bead14.png", "bead14.png");

​

​

  img1.position(40, 25);

  img1.size(50, 50);

​

  img2.position(180, 120);

  img2.size(50, 50);

​

  img3.position(300, 100);

  img3.size(50, 50);

​

  img4.position(380, 70);

  img4.size(50, 50);

​

  img5.position(450, 40);

  img5.size(50, 50);

​

  img6.position(130, 170);

  img6.size(40, 40);

  img7.position(240, 220);

  img7.size(50, 50);

​

  img8.position(160, 310);

  img8.size(50, 50);

​

  img9.position(90, 130);

  img9.size(40, 40);

​

  img10.position(130, 170);

  img10.size(40, 40);

  img11.position(280, 320);

  img11.size(50, 50);

​

  img12.position(320, 200);

  img12.size(50, 50);

​

  img13.position(250, 20);

  img13.size(40, 40);

  img14.position(190, 60);

  img14.size(40, 40);

  canvas.mouseOver(uniShow);

  canvas.mouseOut(uniHide);

}

​

function uniHide() {

  img1.hide();

  img2.hide();

  img3.hide();

  img4.hide();

  img5.hide();

  img6.hide();

}

function uniShow() {

  img1.show();

  img2.show();

  img3.show();

  img4.show();

  img5.show();

  img6.show();

}

function mousePressed() {

  img1.show();

  img3.show();

}

function draw() { 

      background(j, j + 10, 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(225, 215, 5);

      ellipse(i, j, 7, 37);

      fill(225, 185, 5);

      ellipse(i, j, 37, 7);

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

      ellipse(i, j, 28, 27);

      fill(l, k-20, k);

      ellipse(i, j, 20, 21);

      fill(l, l-40, k + 90);

      ellipse(i, j, 12, 14);

      fill(l, k, -k);

      ellipse(i, j, 6, 6);

    }

    }

 }

​