이 실험에 대해

마우스 드래그로 정적 벽(static body)을 직접 그리고, 클릭으로 물리 도형을 소환해 자신만의 물리 세계를 구성한다. 드래그 경로를 짧은 사각형 세그먼트로 분해해 벽을 만든다.

핵심 코드

// 드래그 경로 → 세그먼트 벽
for (let i = 0; i < path.length - 1; i++) {
  const [a, b] = [path[i], path[i+1]]
  const angle = Math.atan2(b.y-a.y, b.x-a.x)
  Bodies.rectangle(midX, midY, len, 7, {
    isStatic: true,
    angle,
  })
}

// 클릭 vs 드래그 구분
const dist = Math.hypot(upX - downX, upY - downY)
if (dist < 6) spawnShape(x, y)  // 클릭
else buildWall(path)             // 드래그