Just4U=バイブコーディング =Vibe Coding

 Just4U=バイブコーディング =Vibe Coding
ブロック崩しゲーム=Breakoutで遊ぼう。

この成果物をぜひ、みなさまと、共有したい。
わたし自身はGAMEを、ほとんどしない人なのですが、
プログラミングの知識なしで、AIに助けてもらい
ここまでできた・・・。
ローカルLLMのOllamaを使い、
言語モデルは、Gemma4-latest
VS Code に機能拡張で
Continueをインストール

参考）

VSCodeの「Continue」とは、

Visual Studio Code（VS Code）や

IntelliJに導入できる、

オープンソース（Apache License 2.0）の

AIコーディングアシスタント拡張機能です。

 
プロンプトは以下
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
WEBブラウザで動く
カラフルなブロック崩しゲームを
つくってください。
画面上部にカラフルなブロックを
10段つくってください。
パドルがボールを打ち返します。
左右のやじるしキーでパドルが動かせます。
ボールがブロックに当たると
ブロックが消えていく仕様です。
全部のブロックが消えたらゲームクリアです。
index.html と style.css と game.js を生成してください。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
不具合や気になるところは、
その都度AIに自然言語で訂正依頼しました。

残念ながら、スマホではPLAYできません。
パソコンのWEBブラウザで動きます。
この成果物をぜひ、みなさまと、共有したい。

以下のVercelのサイトですぐGAMEできるよ！
https://breakout-two-ruby.vercel.app/

GitHubとVercelに公開しました。
ソースコードは以下のGitHubから参照可能！
https://github.com/nekojoji/Breakout