生成AIにゲーム作ってもらった＜マリオ＞

2025年8月30日 propg HTML5, IT, JavaScript, 生成AI, 0

今度は有名アクションゲームスーパーマリオのようなアクションゲームを作ってもらいました。

テトリスに比べるとだいぶ難易度上がったと思います。

[プロンプト]

スーパーマリオみたいなゲームを作って
1-1を再現
アイテムのキノコを採ると大きくなる
アイテムのフラワーをとると火球で攻撃できる
アイテムのスターをとると一定時間無敵になる
敵は、キノコの形をしたクリボーと、カメの形をしたノコノコ
ゴールの旗をとるとゲームクリア

スーパーマリオ風のゲームを作成しました！以下の機能を実装しています：

操作方法：

移動: 矢印キーまたは A/D キー

ジャンプ: スペースキーまたは矢印上キーまたは W キー

火球攻撃: X キー（フラワー状態時）

実装した要素：

マリオ: 小さい状態から始まり、アイテムで変身

アイテム:

🍄 キノコ: 大きなマリオになる

🌸 フラワー: ファイアマリオになり、火球で攻撃可能

⭐ スター: 一定時間無敵になり、敵に触れるだけで倒せる

敵:

クリボー（茶色のキノコ型）: 踏んで倒せる

ノコノコ（緑色のカメ型）: 踏んで倒せる

ステージ要素:

地面とパイプ

レンガブロックと?ブロック

階段

ゴールの旗（赤い旗に触れるとクリア）

ゲーム機能:

スコアとタイマー

ダメージシステム（大→小→ゲームオーバー）

無敵時間（ダメージ後やスター効果）

カメラ追従

ゲームクリア後は「スペースキーでリスタート」でもう一度プレイできます！1-1ステージの雰囲気を再現したマリオゲームをお楽しみください！

いきなりゲームっぽいのができました。

雰囲気あります。
ちゃんと動きます。
コースは短いですが、ゴールまで再現されています。

ちょっとシンプルすぎるので、注文追加します。

[プロンプト]

フラワーがとれない
もう少し長いコース
キャラクターをもう少しリアルにできないか
最後のクリボーがブロックの中に埋まっている
２個目の下のブロックが半分しかない
フラワーは移動しないようにする

改善が完了しました！主な変更点をご説明します：
🔧 修正・改善点
1. フラワー取得問題の解決
アイテムとマリオの当たり判定を改善
フラワー取得時の状態変化ロジックを修正
小さいマリオでもフラワーで大きくなってからファイア状態になるように調整
2. コースの大幅延長
地面を300ブロック分に延長（元の1.5倍）
新しいエリア追加：中間エリア、浮島、大きなパイプ、後半エリア、最終エリア
より多くの?ブロック、レンガブロック、階段を配置
ゴールを3600px地点に移動（大幅に遠くへ）
3. キャラクターのリアル化
マリオ: 帽子、顔、髭、目、鼻、オーバーオール、ボタンなど詳細に描画
クリボー: 眉毛、目、牙、足などの詳細を追加
ノコノコ: 甲羅の模様、頭、くちばし、目などを詳細化
アイテム: キノコの斑点、フラワーの花びら、スターの回転効果
ブロック: レンガの模様、?ブロックの光る効果、パイプのハイライト
背景: 雲の追加、城の詳細な描画
4. ゲームプレイの改善
火球発射のクールダウン追加
火球の地面バウンド効果
敵の移動AI改善（端で向きを変える）
より多くの敵を配置（11体）
時間システムの調整
5. 視覚効果の向上
スター効果時の虹色変化
無敵時の点滅効果
?ブロックの光る効果
雲のパララックス効果
より詳細な城とゴールの旗
これで、フラワーも正常に取得でき、より長く楽しめる本格的なマリオゲームになりました！リアルなキャラクターデザインで、より本物に近い体験ができます。

改善点
フラワー問題解決: アイテム取得ロジックを修正
リアルな描画: 各キャラクターを詳細に描画
適切な長さのコース: 楽しめる長さに調整
滑らかな操作感: 物理エンジンの調整