Digital Carps Pond

화면을 터치하면 물결이 퍼집니다. 클릭과 ripple이라는 단순한 인터랙션이 이 프로젝트의 핵심입니다.

간결한 구조, 직관적 피드백

SVG로 연못 환경을 그리고 JavaScript로 물고기 유영과 ripple 효과를 구현했습니다. 3D 엔진 없이 SVG 애니메이션만으로 자연스러운 움직임을 만드는 데 집중했습니다. index.html, script.js, style.css — 파일 세 개가 프로젝트의 전부입니다.

PLAN.md를 먼저 쓰고 시작했는데, 이렇게 작은 프로젝트에서도 계획 문서가 있으면 방향을 잃지 않습니다. Digital Aquagarden이 Three.js로 3D 수중 세계를 만든 프로젝트라면, 이쪽은 2D SVG로 수면 위의 정적인 장면을 표현한 프로젝트입니다. 같은 물이지만 접근이 다르고, 그래서 둘 다 만들 이유가 있었습니다.