let index = 0;

let delay = 15;  // 몇 프레임마다 선을 그릴지 설정 (30프레임 = 1초 정도)

​

function setup() {

  createCanvas(400, 400);

  background(0);

​

  // 5개의 랜덤한 점을 생성 (캔버스의 상하좌우 50픽셀 떨어진 범위 안에서)

  for (let i = 0; i < 5; i++) {

    let x = random(50, width - 50);

    let y = random(50, height - 50);

    points.push(createVector(x, y));

  }

​

  // 점 그리기

  stroke(255);

  strokeWeight(8);

  for (let pt of points) {

    point(pt.x, pt.y);  // 점 그리기

  }

}

​

function draw() {

  // 배경을 다시 그리지 않고 그대로 유지

  stroke(255);

  strokeWeight(2);

  // 일정한 프레임 간격으로 선을 하나씩 그리기

  if (index < points.length - 1 && frameCount % delay == 0) {

    line(points[index].x, points[index].y, points[index + 1].x, points[index + 1].y);

    index++;  // 인덱스를 지연시켜서 천천히 증가시킴

  }

}