let imgD;

let imgB;

​

let x = 100

let y = 100

​

let x1 = 50

let y1 = 50

​

let x2 = 20

let y2 = 20

​

let sz = 70

​

let startx;

let starty;

let startx1;

let starty1;

let startx2;

let starty2;

​

//let speed=0.5;

//let direction=1;

​

function preload() {

  imgB = loadImage("https://image.flaticon.com/icons/png/512/896/896689.png");

  imgC = loadImage("https://image.flaticon.com/icons/png/512/896/896689.png");

  imgD = loadImage("https://image.flaticon.com/icons/png/512/896/896689.png");

}

​

function setup() {

  createCanvas(600, 600);

​

}

​

function draw() {

  background(0);

​

  image(imgB, x, y, sz, sz);

​

  x = x + 2;

  y = y + 2;

​

  if (x > 600) {

    x = -1;

  }

  if (y > 600) {

    y = -1;

  }

​

  image(imgC, x1, y1, sz, sz);

​

  x1 = x1 + 2;

  y1 = y1 + 3;

​

  if (x1 > 600) {

    x1 = -1;

  }

  if (y1 > 600) {

    y1 = -1;

  }

​

  image(imgD, x2, y2, sz, sz);

  x2 = x2 + 1;

  y2 = y2 + 3;

​

  if (x2 > 600) {

    x2 = -1;

  }

  if (y2 > 600) {

    y2 = -1;

  }

}

​

function mouseDragged() {

  if (dist(x, y, mouseX, mouseY) < sz) {

    x = mouseX;

    y = mouseY

  }

  if (dist(x1, y1, mouseX, mouseY) < sz) {

    x1 = mouseX;

    y1 = mouseY

  }

  if (dist(x2, y2, mouseX, mouseY) < sz) {

    x2 = mouseX;

    y2 = mouseY

  }

}