テレグラムミニゲーム

テレグラムミニゲーム

テレグラムボット統合型のブラウザベースミニゲームアプリケーション。プレイヤーは侵略者となって地球を攻撃し、スコアを競い合います。ソーシャル機能やウォレット連携を備え、Web3要素も組み込まれています。

Next.jsReactTypeScriptGoogle Sheets APITelegram Bot APITailwind CSSZustandWeb Audio APILucide Icons

ゲームコア機能

タイミングベースのクリックゲーム。プレイヤーは画面上の侵略者をタップしてスコアを獲得します。コンボシステムにより、連続ヒットでボーナススコアを獲得できます。

  • Reactコンポーネントベースの設計
  • カスタムフックによるゲーム状態管理
  • Web Audio APIを使用した効果音システム
  • requestAnimationFrameによる滑らかなアニメーション

スコア管理システム

Google Sheetsをバックエンドデータベースとして使用し、ユーザースコアをリアルタイムで記録・管理します。

  • Google Sheets APIによるデータ永続化
  • Zustandを使用した状態管理
  • カスタムスコア計算アルゴリズム
  • 非同期データ更新処理

Web3統合

Ethereumウォレットアドレスの登録と管理機能を提供します。

  • ウォレットアドレスのバリデーション
  • セキュアなデータ保存
  • Web3データの統合管理
ProjectsArticlesCoursesContact