毎日ゲームチャレンジ Day 25: ピクセルペインター
おはこんばんちは！100日間毎日ゲーム作る人、aomaです！
25日目は記憶力と空間認識を鍛える「ピクセルペインター」。数秒だけ表示される模様を覚えて、同じ配置でマス目を塗り直すシンプルな記憶ゲームです。ステージを重ねるごとに塗るピクセルが増えていくので、集中力が物を言います。
ステージ: 0
ベスト:0
パーフェクト: 0
正答率: 100%
記憶ボード
ペイントボード
スタートでパターン表示。覚えたら同じ位置を塗ってチェック！
遊び方
- スタートを押すと記憶ボードに模様が数秒だけ表示されます。色の位置を覚えましょう。
- 表示が消えたらペイントボードで同じ位置をクリックして塗ります。
- チェックを押すと採点。完全一致なら次のステージへ進み、ミスした場所はヒント表示されます。
実装メモ
- ステージごとに塗るマス数と表示時間を調整しつつ、Setを使ってパターンと選択状態を管理。
- 正解率は最後のチェック結果を保持し、ローカルストレージに最高ステージを保存。
- 余計なマスや不足マスにはクラスを付与して視覚的にフィードバックすることで、次の挑戦がしやすいようにしました。
- Web Audio API で開始・暗記タイミング・判定結果の効果音を用意し、テンポ良く遊べるようにしています。
これまでに遊んだゲーム数: 0