모니프렌은 화면 속 캐릭터가 마우스 움직임에 반응하는 제품입니다. 만드는 과정에서 계속 남는 질문이 있습니다. 포인터 방향은 잘 따라가는데, 왜 움직임은 충분히 자연스럽게 느껴지지 않을까요? 이 글은 현재 방식의 한계와 다음에 비교할 실험을 정리한 기록입니다.

포인터 입력을 다듬는 단계와 캐릭터 자세를 표현하는 단계를 나눈 설명 도식입니다. 프레임 보간이 구현됐다는 뜻은 아닙니다.
포인터 입력을 다듬는 단계와 캐릭터 자세를 표현하는 단계를 나눈 설명 도식입니다. 프레임 보간이 구현됐다는 뜻은 아닙니다.도식 크게 보기
입력의 부드러움과 동작의 자연스러움을 따로 확인하기

막힌 지점

모니프렌에서 포인터 방향은 따라가는데 움직임은 충분히 자연스럽게 느껴지지 않는 문제가 남았습니다. 입력이 부드럽게 변하는 것과 캐릭터의 자세가 자연스럽게 이어지는 것은 따로 살펴볼 필요가 있습니다.

현재 방식을 살펴보니

웹 소개 화면은 정면을 포함한 9방향과 눈뜸·눈감음 이미지로 반응을 표현합니다. 방향 경계에서 작은 포인터 움직임 때문에 이미지가 빠르게 왕복하지 않도록 떨림을 줄이고, 같은 방향의 눈감음 이미지로 깜빡임을 만듭니다. 이 개수는 웹 구현 기준입니다.

이런 처리는 방향 선택을 안정시켜도 정면과 옆모습 사이의 없는 자세를 만들어주지는 않습니다. 이미지가 바뀔 때 얼굴이나 실루엣의 차이가 크면 전환은 여전히 눈에 띌 수 있습니다.

남긴 기준

방향 수와 프레임 수만 늘리기 전에 형태의 일관성과 반응의 타이밍을 나누어 확인해야 합니다. 자주 보이는 좌우 전환을 자연스럽게 만드는 데 집중하는 방법도 검토할 만합니다. 움직이지 않을 때의 표정과 동작도 함께 봐야 합니다.

다음 실험

같은 캐릭터와 포인터 경로로 현재 방식, 좌우 중심 방식, 중간 자세를 넣은 방식을 비교하려 합니다. 형태가 튀는지, 반응이 늦는지, 작업을 방해하는지를 따로 볼 계획입니다. 아직 어떤 방식이 더 낫다는 비교 결과는 없습니다. 현재 웹의 동작 줄이기·터치·데이터 절약 환경에서는 정면을 유지합니다.