パズルパネル (Puzzle Panel)

「パズルパネル」は、石板をモチーフにした、シンプルで奥深いパズルゲームです。プレイヤーは、毎回ランダムに生成される盤面で、決められたタップ回数内で目標の形を完成させることを目指します。

デザインと機能性が調和した、本格派のパズル体験を提供します。

遊び方

1. 目標を確認: 画面上部に表示される「目標盤面」の形を覚えます。
2. パネルをタップ: 「操作盤面」のパネルをタップして、形を揃えていきます。
3. 反転ルール: パネルを1回タップすると、タップしたパネルとその上下左右・斜めの最大8マス（合計9マス）が同時に反転（○ ⇔ ×）します。
4. クリア条件: 「規定タップ回数」をちょうど使い切った時に、「操作盤面」が「目標盤面」と完全に一致すればクリアです。

難易度構成 (ステージ)

難易度はステージ制になっており、同じ設定（盤面サイズ・タップ回数）で複数問クリアすることで、徐々に難しい問題へステップアップできます。

ステージ	レベル (Lv)	盤面サイズ	規定タップ回数	問題数
1	1-5	4x4	1回	5問
2	6-20	4x4	2回	15問
3	21-30	5x5	3回	10問
4	31-40	5x5	4回	10問
5	41-50	6x6	5回	10問
6	51-60	6x6	6回	10問
7	61-70	7x7	7回	10問
8	71-80	7x7	8回	10問
9	81-90	8x8	9回	10問
10	91-100	8x8	10回	10問

技術スタック

• フレームワーク: Next.js
• 言語: TypeScript
• UI: React
• スタイリング: Tailwind CSS

ローカルでの実行方法

1. 依存関係をインストールします。

   npm install

2. 開発サーバーを起動します。

   npm run dev

3. ブラウザで http://localhost:3000 を開きます。