How to make an object move in p5.js in a given time?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

let startX = 50;
let startY = 50;
let endX = 300;
let endY = 300;
let startTime;
let duration = 3000; // duration in milliseconds

function setup() {
  createCanvas(400, 400);
  startTime = millis();
}

function draw() {
  background(220);
  
  let currentTime = millis() - startTime;
  if (currentTime < duration) {
    let percentage = currentTime / duration;
    let currentX = lerp(startX, endX, percentage);
    let currentY = lerp(startY, endY, percentage);
    
    ellipse(currentX, currentY, 50, 50); // object to move
  }
}