← Home/pretext

이 실험에 대해

커서 반경 130px 안에 든 글자들에게 두 가지 힘을 동시에 가한다. 접선 방향 힘(원형 궤도)과 구심력(중심으로 당김). 두 힘이 합쳐지면 글자들이 안쪽으로 나선을 그리며 빨려든다. 궤도 안 글자들은 커서 기준 각도에 따라 색상이 바뀐다. 커서가 없으면 스프링 물리로 원래 자리로 돌아온다.

핵심 코드

// 접선 방향 힘 → 원형 궤도
const angle = Math.atan2(dy, dx)
c.vx += -Math.sin(angle) * t * 2.8  // 접선 (궤도)
c.vx -= (dx / dist) * t * 1.2       // 구심 (중력)

// 각도로 색상 결정
const hue = (Math.atan2(...) * 180 / Math.PI + 360) % 360
ctx.fillStyle = `hsla(${hue}, 85%, 68%, ...)`