마우스를 따라오는 얼굴

seonhui·2025년 2월 17일
0
post-thumbnail

mousemove이벤트와 event.clientX, event.clientY 로 마우스의 위치값을 받아낸 뒤
마우스를 인식할 영역의 중앙위치(얼굴이미지의 중심좌표)를 기준으로 마우스 위치값과의 차이를 계산해 그 값만큼 눈동자, 얼굴이 각각 0.03, 0.04만큼씩 이동하게 제작했다.

인식 영역의 세로 길이가 짧아 움직임이 적기 때문에 세로(Y)축에는 0.07, 0.1으로 계산해 가로에 비해 조금더 움직임을 크게 줬다.

profile
UX/UI

0개의 댓글