ぷよぷよ

モダンな UI/UX で実装した落ちものパズルゲーム。

Play now: https://puyopuyo-drab.vercel.app

機能

• 6列 × 12行のボードで遊べるぷよぷよ
• 連鎖計算・スコアシステム（連鎖ボーナス・色ボーナス）
• ゴーストぷよ（落下先プレビュー）
• キーボード操作 / タッチ操作（モバイル対応）
• ダークテーマ + グラスモーフィズム / ネオン発光演出
• ハイスコアの localStorage 保存

操作方法

キー	操作
← / →	左右移動
↑	時計回り回転
Z	反時計回り回転
↓	ソフトドロップ
Space	ハードドロップ

モバイルではスワイプ・タップ操作に対応。

技術スタック

• Next.js 16 (App Router) / React 19 / TypeScript 5
• Tailwind CSS 4
• ゲームロジックは app/_lib/game/ に純粋 TypeScript で実装し、React と分離

開発

npm install
npm run dev   # http://localhost:3000

デプロイ

vercel --prod

リポジトリ

https://github.com/flatring/puyopuyo