見出し画像

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

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


こんにちは!
最近、ちょっとした暇つぶしにぴったりのWebゲームを作ってみました。
タイトル: 色をタップ!(仮)
URL: tubular-kheer-ecdec0.netlify.app


ゲームの概要
画面に指示された色(例:「ブルー」)を、フィールドに出現する丸い玉の中から素早くタップするシンプルなゲームです。
間違った色をタップするとフィールドがシェイクしたり、正解するとパーティクルが爆発したりと、視覚的なフィードバックも充実させています。


主な特徴


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


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

いいなと思ったら応援しよう!