이 페이지에는 광고가 없습니다. 냥이가 뛰어노는 화면을 방해받지 않고 보실 수 있도록 광고 스크립트를 아예 넣지 않았습니다.
가지고 노는 법
- 클릭 — 깜짝 놀라며 말풍선을 띄우고 달아납니다.
- 붙잡아 끌기 — 원하는 곳으로 옮길 수 있습니다. 옮겨지는 동안 항의합니다.
- 가만히 두기 — 걷기, 달리기, 쉬기를 무작위로 오갑니다.
- 마우스를 크게 움직이기 — 놀라서 그쪽을 슬쩍 쳐다봅니다.
지금 무엇이 돌아가고 있나
화면 위의 고양이는 세 가지 상태를 무작위 시간마다 오가는 상태 머신으로 움직입니다. 화면 가장자리에 닿으면 반사되는데, 매번 각도에 작은 흔들림을 더해 같은 경로를 반복하지 않도록 했습니다. 커서를 계속 따라다니지 않고 가끔만 슬쩍 쳐다보는 것도 의도한 동작입니다 — 계속 쳐다보게 만들었더니 살아 있다기보다 감시당하는 느낌이었거든요.
전체가 프레임워크 없이 requestAnimationFrame과 CSS 애니메이션만으로
구현되어 있습니다. 어떻게 만들었는지는 개발 기록에 정리해두었습니다.
냥이 실시간 활동 기록
- --:--:--냥이를 불러오는 중...
