기타2026. 7. 18.
움직이는 구
사용자의 손길로 흩어지고, 질서로 회귀하는 4,000개 입자의 유기적 구체."
💡 만든 동기
단순한 3D 구체를 넘어, 사용자의 상호작용에 따라 질서(구형)와 무질서(흩어짐) 사이를 자유롭게 오가는 생동감 있는 디지털 오브제를 만들고 싶었습니다. 입자가 단순히 정지해 있는 것이 아니라, 숨을 쉬듯 일렁이며 사용자의 손길에 반응하는 인터랙티브한 경험을 제공하는 것이 목표였습니다.
🤔 어려웠던 점
가장 어려웠던 부분은 "흩어짐과 복원 사이의 균형"이었습니다. 마우스 영향력을 너무 강하게 하면 원으로 복구되지 않고, 너무 약하면 반응이 없는 문제가 있었습니다. 이를 해결하기 위해 마찰력과 복원 가속도를 단계별로 나누어 적용하는 세밀한 튜닝이 필요했습니다.
🛠 해결한 방법
캔버스는 배경에 고정하여 UI 상호작용과 3D 렌더링이 서로 충돌하지 않도록 해결했습니다. 매 프레임마다 스프링처럼 원래 위치로 돌아오게 하는 가속도 로직을 적용했습니다.
✨ 배운 점
단순히 점들을 좌표로 옮기는 게 아니라, '돌아가려는 힘'과 '부드럽게 멈추게 하는 마찰력'을 정교하게 조절해야만, 사용자가 보기에 컴퓨터가 딱딱하게 반응하는 게 아니라 살아있는 생명체처럼 유연하고 자연스럽게 느껴진다는 사실을 깊이 깨달았습니다.