AI生成したマリオ風ゲーム
カーソルで移動、スペースでジャンプ。ゴールを目指して進んでいこう!
PC - Smartphone
DESCRIPTION
スーパーマリオのような横スクロールを、比較的少ないプロンプト数で生成しました。画面はかなり質素です。
しかし、「障害物を作って」と書くだけで障害物が生成されたりするので、思ったよりも作りやすい面もありました。
HOW TO MAKE/PROMPT
Claude sonnetを使って作成。プロンプトは以下。マリオのような横スクロール型HTML5ゲームをつくって
#structure
- html,js,cssを1つのファイル内で
- 512x512のcanvas内で実行 ウィンドウ幅を最大値とする
#スクリプト
##初期化
- 一番下の地面は茶色で表現し、自分はその上を移動。
- 下にリセットボタン
- 敵や自分、障害など大きめの絵文字で表現
##マップ初期化
- 左端からスタート
- 次の画面は、敵が出てくる
- 次の画面は、バネがあって大ジャンプできる
- 次の画面は、振り子の障害がある
- 次の画面は、火の玉が3つづつ落ちてくる
- 次の画面は、敵が出てくる
- 次の画面は、ゴールで旗がある
##操作イベント
- 自分は矢印キーを押している間、移動
- スペースでジャンプ。
- 矢印キーやスペースでウィンドウのスクロールしないようにする
##ループ処理
- コースは横長でスクロールして進むが、左には戻れない
- 星をとるとスコアアップ
- 敵は適宜でてくる。敵に追い付かれればゲームオーバー
- 右端にあるゴールへ到達でゲームクリア
ゲームが生成できない?
<< menu
On-site search