テトリスゲームができるWebサイトを作りたいです。以下の要件定義に基づいて作成してください。 要件定義 1. **目的** * ユーザーがWebブラウザ上でテトリスをプレイできるようにする。 * シンプルで直感的な操作と魅力的なビジュアルデザインを提供する。 2. **機能要件** 1. **ゲームプレイ** * **ゲームボード**: 10×20のテトリスボードを表示する。 * **テトリミノ（ブロック）**: 7種類のテトリミノ（I, O, T, S, Z, J, L）をランダムに生成し、落下させる。 * **操作**: テトリミノを左、右、下に移動し、回転させるための操作をサポートする。 * **ラインクリア**: 完全に埋められた行を消去し、スコアを加算する。 * **ゲームオーバー**: テトリミノが積み上がってゲームボードの上端に達するとゲームオーバーとなる。 2. **ユーザーインターフェース** * **ゲーム開始ボタン**: ゲームを開始するためのボタン。 * **ゲーム停止ボタン**: ゲームを一時停止するためのボタン。 * **スコア表示**: 現在のスコアを表示するエリア。 * **レベル表示**: 現在のレベルを表示するエリア。 * **ゲームオーバー表示**: ゲームオーバー時に表示されるメッセージ。 3. **操作方法** * **キーボード操作**: * 左矢印キーで左に移動 * 右矢印キーで右に移動 * 下矢印キーで下に移動（加速落下） * 上矢印キーで回転 * **タッチ操作（モバイル対応）**: スワイプやタップで操作可能なインターフェースを提供する。 4. **ゲームの設定** * **速度調整**: ゲームの進行に合わせてテトリミノの落下速度を自動で調整する。 * **音声**: 効果音（ブロックの配置音、ラインクリア音、ゲームオーバー音など）を追加する（オプション）。 5. **レスポンシブデザイン** * **デスクトップとモバイル対応**: 画面サイズに応じて適切に表示されるようにする。 6. **スコア管理** * **スコア保存**: 同一セッション内でスコアを保存し、ゲ | A shadcn/ui and v0 generation - v0