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

이 글은 카카오페이에서 진행한 '트리를 밝혀줘' 웹 애니메이션 개발 과정 중 두 번째 편으로, 라이브러리 없이 수학과 물리를 활용하여 별과 트리 곡선에 눈이 쌓이는 애니메이션을 구현하는 방법을 다룹니다. 별에 눈이 쌓이는 애니메이션은 '공 튀기기' 기법과 ray casting을 활용하여 눈과 별의 교차점을 찾아 구현합니다.

트리 곡선에 눈이 쌓이는 문제는 정사영 기법을 적용하여 해결합니다. 이 과정을 통해 수학과 물리가 웹 애니메이션 제작에 어떻게 활용될 수 있는지 보여주며, 인터랙티브 웹 개발의 가능성을 탐구합니다.