​

let oldMousePos = [[0,0], [0,0], [0,0], [0,0], [0,0], [0,0], [0,0], [0,0]];

function setup() {

  createCanvas(400, 400);

  frameRate(60);

}

function draw() {

  background(255, 0, 0, 50);

  stroke('blue');

  let oldPoint1 = oldMousePos[oldMousePos.length - 1];

  let oldPoint2 = oldMousePos[oldMousePos.length - 2];

  let oldPoint3 = oldMousePos[oldMousePos.length - 3];

  let oldPoint4 = oldMousePos[oldMousePos.length - 4];

  let oldPoint5 = oldMousePos[oldMousePos.length - 5];

  let oldPoint6 = oldMousePos[oldMousePos.length - 6];

  let oldPoint7 = oldMousePos[oldMousePos.length - 7];

  let oldPoint8 = oldMousePos[oldMousePos.length - 8];

  line(mouseX, mouseY, oldPoint1[0], oldPoint1[1]);

  line(oldPoint1[0], oldPoint1[1], oldMousePos[oldMousePos.length - 2][0], oldMousePos[oldMousePos.length - 2][1]);

  line(oldPoint2[0], oldPoint2[1], oldMousePos[oldMousePos.length - 3][0], oldMousePos[oldMousePos.length - 3][1]);

  line(oldPoint3[0], oldPoint3[1], oldMousePos[oldMousePos.length - 4][0], oldMousePos[oldMousePos.length - 4][1]);

  line(oldPoint4[0], oldPoint4[1], oldMousePos[oldMousePos.length - 5][0], oldMousePos[oldMousePos.length - 5][1]);

  line(oldPoint5[0], oldPoint5[1], oldMousePos[oldMousePos.length - 6][0], oldMousePos[oldMousePos.length - 6][1]);

  line(oldPoint6[0], oldPoint6[1], oldMousePos[oldMousePos.length - 7][0], oldMousePos[oldMousePos.length - 7][1]);

  line(oldPoint7[0], oldPoint7[1], oldMousePos[oldMousePos.length - 8][0], oldMousePos[oldMousePos.length - 8][1]);

  oldMousePos.push([mouseX, mouseY]);

}