毎日ゲームチャレンジ Day 1: リアクションタイマー
おはこんばんちは！aomaです！
100日間毎日Webゲームを作っていくチャレンジをスタートします！スキマ時間にぜひ楽しんでください！
初日は短時間で気軽に遊べるリアクションタイマーです。クリックするだけの単純な仕組みですが、計測の正確さや演出を丁寧に作り込むとプレイ体験がぐっと良くなるはず。
ボタンを押してチャレンジ開始！
遊び方
- 「スタート」を押すとランプが緑になるのを待ちます。
- 緑に変わった瞬間にボタンをクリックします。
- 反応が遅れたりフライングすると結果に反映されます。ベストタイムの更新を目指してください。
実装メモ
performance.now()を使ってミリ秒単位のタイムを計測。- ランダムな待機時間で先読みを防ぎ、フライング判定も組み込みました。
- 直感的に状態が分かるようカードの色とメッセージを切り替えています。
これまでに遊んだゲーム数: 0