let img2;

let x = 0;

let y = 0;

​

let a = 0;

let b = 0;

​

let current = [0,0];

let   last = [0,0];

let temp = [];

​

let steps = 50;

​

function preload() {

  img1 = loadImage('base.jpg');

  img2 = loadImage('face.png');

}

​

​

function setup() {

  createCanvas(img1.width, img1.height);

  image(img1,0,0);

}

​

function draw() {

  if(mouseIsPressed){

​

    x = mouseX - a;

    y = mouseY - b;

    current.push(x,y);

    for(var i = 0; i < steps; i++){

      x = map(i, 0, steps-1,last[0],current[0]);

      y = map(i, 0, steps-1,last[1],current[1]);

​

      image(img2,x,y);

    }

    last = current;

    current = [];

  }

​

}

​

function mousePressed(){

​

  a = mouseX - x ;

  b = mouseY - y;

​

  temp.push(x,y);

}

​

function mouseReleased(){

  temp = [];

}