createCanvas(400, 400)

  background(51)

  fill(255)

  stroke(255)

  recording = false

  recorder = []

  offset = {x:0, y:0}

}

​

function draw() {

  if (recording) {

    circle(mouseX, mouseY, 5)

    recorder.push({x:mouseX-offset.x, y:mouseY-offset.y})

  } 

}

​

function mousePressed() {

  recorder = []

  offset.x = mouseX

  offset.y = mouseY

  recording = true

}

​

function mouseReleased() {

  recording = false

  print(recorder)

}

​

function keyPressed() {

  if (keyCode === RIGHT_ARROW) {

    for (let p of recorder) {

      circle(p.x + mouseX, p.y + mouseY, 5)

    }

  }

}