Tetris

レトロネオンテーマのブラウザで遊べるテトリスゲームです。HTML5 Canvas、CSS3、およびバニラJavaScriptで構築されています。

特徴

• ダイナミックなビジュアル: ネオンピンクとシアンを基調とした、レトロでスタイリッシュなデザイン。
• レベルシステム: スコアが500点上がるごとにレベルが上がり、ブロックの落下速度が加速します。
• NEXT表示: 次に表示されるピースをリアルタイムで確認可能。
• レスポンシブ対応:
  • PCではキーボード操作。
  • スマートフォンではタップとスワイプによる快適な操作を提供。
• ポーズ機能: ゲームを一時停止して、いつでも再開できます。

操作方法

PC（キーボード）

• ← / → : 左右に移動
• ↑ : ピースを回転
• ↓ : ピースを速く落下させる

モバイル（タッチ操作）

• タップ: ピースを回転
• スロープ（左右）: ピースを左右に移動
• スロープ（下）: ピースを落下させる

技術スタック

• HTML5: 構造とCanvas要素の提供。
• CSS3: ネオンエフェクト、グリッド背景、レスポンシブレイアウト。
• JavaScript (Vanilla JS): ゲームロジック、衝突判定、アニメーション制御。

セットアップ

このプロジェクトは外部依存関係を持たないため、index.html をブラウザで開くだけですぐにプレイできます。

# クローン後に index.html を開く
open index.html

---

Enjoy the game!