親子で作ろう!
ChatGPTを使った簡単ゲーム制作
目次
準備するもの(5分)
必要なもの(すべて無料!)
- ✅ パソコン(Windows、Mac、Chromebookどれでも)
- ✅ インターネット接続
- ✅ ChatGPTアカウント(無料版でOK)
- ✅ やる気と30分の時間
プログラミング経験は一切不要です!ChatGPTに「お願い」するだけで、 本格的なゲームのコードを作ってくれます。親子で協力しながら進めましょう。
p5.jsエディタを開く(2分)
まず、ゲームを作るための「p5.js」というツールを開きます。
- ブラウザで editor.p5js.org にアクセス
- 画面が開いたら準備完了!
💡 ポイント
アカウント作成は不要!そのまま使い始められます。
ChatGPTにゲームを作ってもらう(5分)
次に、ChatGPTを開いて、以下のプロンプトをコピペして送信します。
p5.jsで簡単なシューティングゲームを作ってください。
要件:
- プレイヤーは画面下部の宇宙船(三角形)
- 矢印キーで左右に移動
- スペースキーで弾を発射
- 上から敵(四角形)が降ってくる
- 敵に弾が当たると消える
- スコア表示
- 背景は宇宙っぽく黒
小学生でも理解できるように、コメントを日本語でたくさん入れてください。
⚠️ 注意
ChatGPTの回答が長い場合は「続きを書いて」と送信すると、残りのコードを出力してくれます。
コードをコピー&実行(3分)
ChatGPTが生成したコードをp5.jsエディタに貼り付けます。
- ChatGPTのコードを全選択(Ctrl+A または Cmd+A)
- コピー(Ctrl+C または Cmd+C)
- p5.jsエディタの既存コードを全選択して削除
- 貼り付け(Ctrl+V または Cmd+V)
- ▶️ボタンをクリックして実行!
🎉 やった!ゲームが動いた!
矢印キーで動かして、スペースキーで弾を撃ってみましょう。
もし動かない場合は、「うまくいかない時は」のセクションを確認してください。
カスタマイズして遊ぶ(15分)
ゲームが動いたら、自分好みにカスタマイズしてみましょう!
🎨 見た目を変える
背景色、宇宙船の色、敵の色を変更
「fill(255, 0, 0)」の数字を変えると色が変わります
⚡ スピード調整
敵の落下速度、弾の速度を調整
速度の数字を大きくすると速くなります
🎯 難易度変更
敵の数を増やす、サイズを変える
新しい敵のパターンを追加
カスタマイズの例
ChatGPTに以下のようにお願いしてみましょう:
このゲームに以下の機能を追加してください:
- 敵を倒すと時々パワーアップアイテムが出る
- 3発同時に弾を撃てるようにする
- BGMと効果音を追加
- ゲームオーバー画面を作る
うまくいかない時は
よくあるトラブルと解決方法
- エラーが出る:エラーメッセージをコピーしてChatGPTに聞く
- 動かない:コードが全部コピーされているか確認
- 遅い・カクカクする:ブラウザを再読み込みしてみる
エラーが出ても大丈夫!エラーメッセージをChatGPTに貼り付けて 「このエラーを修正してください」と送信すれば、解決方法を教えてくれます。
完成したゲームを保存・共有する
- 保存:File → Save でプロジェクトを保存
- 共有:File → Share でリンクを取得
- 友達に見せる:リンクを送れば、誰でも遊べます!
🏆 おめでとう!
あなたは立派なゲームクリエイターです!
このゲームを元に、どんどん改造して、オリジナルゲームを作ってみましょう。
次のステップ
今回作ったのは基本的なシューティングゲームですが、 同じ方法で以下のようなゲームも作れます:
- パズルゲーム(テトリス風)
- アクションゲーム(マリオ風)
- RPG(ポケモン風)
- 音ゲー(太鼓の達人風)
🎓 もっと本格的にゲーム作りを学ぶなら
「生成AIの学校」では、ゲーム作りの基礎から応用まで、
体系的に学べるカリキュラムをご用意しています。
- プロが作った50以上のゲームテンプレート
- つまずいた時の個別サポート
- 作品発表会で友達と競える
- 月額2,480円〜(14日間無料体験)
まとめ
たった30分で、本格的なシューティングゲームが作れました!
プログラミングの知識がなくても、ChatGPTがあれば誰でもゲームクリエイターになれます。
大切なのは「作りたい!」という気持ちと、ChatGPTへの上手な質問の仕方。
今回の経験を活かして、どんどん新しいゲームにチャレンジしてみてください。
親子で一緒に作ることで、プログラミングの楽しさを共有できます。
ぜひ、今日学んだことを使って、家族みんなで楽しめるゲームを作ってみてくださいね!