API 없이 웹 애니메이션 구현하기: 인터랙티브 웹 개발 1편

라이브러리에 의존하지 않고 수학과 물리 법칙을 활용해 독창적인 인터랙티브 웹 애니메이션을 개발한 사례를 공유한다.

눈 내리는 효과는 파동의 진폭과 주기 개념을 활용한다. Sine(사인) 함수를 이용해 눈송이의 x좌표를 -1에서 1 사이로 반복 이동시키고, y좌표에 일정한 값을 더해 자연스러운 움직임을 구현한다.

트리 곡선(철사 모루) 그리기에는 **선형 보간법(Linear Interpolation, Lerp)**을 적용한다. 단순히 곡선을 그리는 API를 사용하는 대신, 곡선 위의 특정 좌표를 계산할 수 있어야 전구를 곡선 위의 정확한 위치에 배치할 수 있기 때문이다.

이러한 방식은 개발자의 문제 해결 능력을 키워줄 뿐만 아니라, 기존 라이브러리를 더 깊이 있게 이해하고 활용하는 데에도 큰 도움이 된다.