片手でサクッと遊べる!色当てタップゲームを作りました🎮
片手でサクッと遊べる!色当てタップゲームを作りました🎮

こんにちは!
最近、ちょっとした暇つぶしにぴったりのWebゲームを作ってみました。
タイトル: 色をタップ!(仮)
URL: tubular-kheer-ecdec0.netlify.app
ゲームの概要
画面に指示された色(例:「ブルー」)を、フィールドに出現する丸い玉の中から素早くタップするシンプルなゲームです。
間違った色をタップするとフィールドがシェイクしたり、正解するとパーティクルが爆発したりと、視覚的なフィードバックも充実させています。
主な特徴

• 3つのモード+デイリーチャレンジ
• 通常モード:60秒
• タイムアタック:30秒
• エンドレス:ライフ3つ
• デイリーチャレンジ:日付をシードにした全員共通の出現パターン
• 難易度が徐々に上がる 時間が経つにつれて出現速度がアップ。
色数も4色→5色→6色と増え、さらに紛らわしい「マゼンタ」や「シアン」も登場します。
• コンボシステム コンボ数 × 基礎点でスコア加算。
5コンボごとに派手なエフェクト演出が入ります!
• タップ演出にこだわり
• 正解時:パーティクル爆発
• 誤タップ:フィールド全体がシェイク
• フローティングスコア表示
• スクショ共有機能 Canvasでオシャレなスコアカードを生成。
対応端末ではネイティブ共有、非対応端末ではPNGダウンロードできます。
技術的にはDOM + CSSアニメーションのみで実装(共有カード生成時だけCanvasを使用)しているので、軽快に動作します。
レイアウトも片手操作しやすいよう意識しました。

※セッション内のベストスコアはメモリ保持のみなので、ページをリロードすると消えます。その旨は画面にも明記しています。
ぜひ遊んでみてください!
スコアや感想など、気軽に教えてもらえると嬉しいです✨
