
심심해서 만든 네온 미니게임 4종 (반응속도 몇 나오세요?)
반응속도·기억력 테스트 미니게임 모음이에요. 저는 아직도 치타 등급을 못 찍었습니다.
자랑 포인트
- 서버/DB 없이 순수 클라이언트로만 동작 - 기록은 localStorage에 저장
- CRT 스캔라인·네온 글로우·픽셀 폰트로 만든 레트로 아케이드 비주얼
- "치타급/금붕어급" 같은 재미있는 등급 시스템 + 상위 퍼센트 표시
주말에 손가락 풀 겸 가볍게 만든 미니게임 모음입니다. 원래 반응속도 테스트 하나만 만들려고 했어요. 근데 하나 만들고 나니까 심심해서 하나 더, 또 하나 더... 정신 차려보니 네 개가 돼 있었습니다. 토이 프로젝트는 늘 이런 식이에요.

네온 아케이드 감성으로 꾸몄는데 CRT 스캔라인이랑 글로우 넣으니까 생각보다 분위기가 삽니다. 어릴 때 오락실 그 촌스러운데 두근거리는 느낌 있잖아요. 그걸 내보고 싶었어요.
게임은 네 개입니다.
REACTION은 초록불 켜지면 최대한 빨리 탭하는 거. 5회 평균 ms로 기록되는데, 급한 마음에 초록불 뜨기 전에 눌러서 부정출발 처리되는 게 은근 자주 나옵니다. 저만 그런 거 아니길 바랍니다.
SEQUENCE는 3x3 타일 켜지는 순서 외워서 따라 누르기. 예닐곱 단계부터 머리에 과부하 옵니다.
NUMBER는 잠깐 보여주는 숫자 외워서 입력하기. 3자리는 껌인데 자릿수 하나 늘 때마다 체감 난이도가 확확 뜁니다. 8자리쯤 가면 옛날에 전화번호 외우던 시절의 나를 소환해야 해요.
AIM LAB은 20초 동안 타겟 클릭. 연속으로 맞히면 콤보 보너스가 붙어서 후반엔 손이 꼬입니다.
끝나면 "치타급 반응속도!" "금붕어급..." 같은 등급이 붙어요. 이 멘트 보는 재미로 한 판 더 하게 되더라고요. 베스트 기록은 localStorage에 남아서 다음에 와도 그대로고요.

React 19 + Vite + Tailwind v4 조합이고 서버는 없습니다. 반응속도를 ms로 재는 게임이라 타이머 정확도만큼은 신경 썼어요. 나머지는 가볍게 만든 게 맞습니다. 토이는 토이답게요.
만들고 나서 제가 제일 많이 했는데, 그날 컨디션이 기록에 그대로 나옵니다. 야근 다음날은 숫자가 처참해요. 은근 정직한 게임입니다.
심심할 때 한 판 해보시고 반응속도 등급 댓글로 알려주세요. 치타 찍은 분 있으면 존경합니다. 저는 1년째 그 아래 어딘가에서 놀고 있어요. 😅
만들면서 알게 된 소소한 사실 하나. 사람 반응속도는 보통 200~250ms 언저리라는데, 게임으로 재면 화면 갱신이랑 터치 지연이 껴서 실제보다 좀 느리게 나옵니다. 그래서 등급 기준을 살짝 후하게 잡았어요. 그런데도 금붕어 뜨신 분들은... 컨디션 탓으로 해드리겠습니다.
친구들한테 링크 돌렸더니 단톡방이 잠깐 스크린샷 배틀장이 됐습니다. 한 명이 REACTION 평균 190ms를 찍어서 다들 조작 의혹을 제기했는데 본인은 끝까지 억울해하더라고요. 이런 거 보면 역시 기록 게임은 남이랑 비교할 때 제일 재밌는 것 같습니다. 순위표 기능을 넣을까 하다가 서버 없는 앱이라는 컨셉이 깨져서 참았는데, 요즘 다시 고민 중이에요.
다음에 뭘 추가할지는 미정입니다. 후보는 타이핑 속도 테스트랑 색깔 찾기(미묘하게 다른 색 하나 고르는 거) 정도인데, 하다 보면 또 엉뚱한 걸 만들고 있겠죠. 원래 그런 거니까요.