이 실험에 대해

원, 사각형, 삼각형, 육각형이 2.2초 간격으로 위에서 떨어져 쌓인다. 80개가 쌓이면 리셋 버튼으로 초기화할 수 있다.body.vertices를 사용해 모든 도형을 동일한 방법으로 렌더링한다.

핵심 코드

// vertices로 모든 도형 통일 렌더링
ctx.beginPath()
body.vertices.forEach((v, i) => {
  if (i === 0) ctx.moveTo(v.x, v.y)  // 이미 월드 좌표
  else ctx.lineTo(v.x, v.y)
})
ctx.closePath()
ctx.fill()

// polygon으로 n각형 생성
Bodies.polygon(x, y, sides, radius, opts)