대상혁 순발력 따라잡는 법

📏 자 잡기!

떨어지는 자를 잡아서 자신의 순발력을 테스트할 수 있는 게임

게임은 여기서 플레이할 수 있다👇
https://ruler-psi.vercel.app/

💻 개발 동기

https://www.youtube.com/shorts/nWQgcMMdAtY
페이커 선수와 도란 선수가 자 잡기 게임을 하는 영상을 보고, 웹 게임으로 만들어 보면 재밌을 것 같다고 생각해서 만들게 되었다.
아직 초보 개발자인 나는 제대로된 배포를 한 번도 해보지 않아서, 쉬운 프로젝트라도 배포를 해보고 싶었다.

🐶 게임 방법

시작 버튼을 누르면 게임 페이지로 이동한다.

게임 페이지로 들어오면 3초의 카운트 다운 후 게임이 시작된다.

3~7초 이후 자가 떨어지고 클릭하면 1초 후 결과 페이지로 이동한다.

게임 결과에 따른 멘트가 나오고 다시하기를 누르면 게임이 다시 시작된다.

🍔 기술 스택

사실 next.js가 끝이다😅
배포는 vercel로 진행하였다!

⏰ 첫 배포 소감

지인들한테 '요즘 유행하는 게임이야~'하고 보내고, 게임 결과를 공유하는 것을 보는게 정말 뿌듯했다.
다음엔 백엔드 및 DB까지 제대로 갖춘 서비스를 배포해보고 싶다.

🥲 아쉬운 점

결과의 오차가 생각보다 많이 크다..
이미지의 현재 y좌표를 통해 눈금을 도출하는데, y좌표가 커질 수록 오차가 커진다..
7cm 정도까지는 정확한데, 조금씩 오차가 생기더니 15cm 부근에선 거의 0.3cm정도 오차가 생긴다.
게임을 시작하고 끝날 때 까지 시간을 측정하여 눈금을 도출하는 방법도 구현해 봤지만 오차가 더 커서 다시 좌표 방법으로 돌아왔다.