説明

Perplexity AIのコード生成機能を使い、ワンクリックで作ったNuxt 3ベースのテトリスです。
Nuxt UI 4とTailwind CSSでスタイリングし、SSGで公開したクライアントサイドのゲームです。
AIが生成したコードだけで完成したプロジェクトです。テトリスのように蓄積されたデータが多いものは、やはりAIが簡単にうまく作れるのだと感じました。

プロジェクトの画面

サイトリンク

• AI Tetris
• Github

技術スタック

• Nuxt 3: SSGフレームワーク
• Nuxt UI 4: UIコンポーネント
• Tailwind CSS: スタイリング
• Netlify: 静的サイトの公開

主な機能

• ブロックの移動・回転・ソフトドロップ・ハードドロップ
• ブロックの保留（Hold）と次のブロックの表示（Next）
• スコア・ライン数・レベルの仕組み
• 一時停止機能
• ダークテーマのUI