【親子×生成AI ゲーム開発】こども向け マリオ風メダル落としゲーム

休日に子どもとゲームセンターへ行くと、メダル落としコーナーからなかなか離れられず、あっという間に小銭が消えてしまった経験はありませんか。

「おうちでも無限にメダル落としで遊びたい！」という子どもの願いを、対話型AI（生成AI）と一緒に形にした親子ゲーム開発の記録をご紹介したいと思います。

この記事でできるようになること（親子×生成AIゲーム作り）

• 対話型AI（生成AI）で子どもの発想を即ゲーム化
• ブラウザ描画技術（HTML5 Canvas）でそのまま遊べる
• バグ直しの対話（デバッグ体験）で論理的思考を育む

プログラミングの専門知識がなくても、お子さまの自由なアイデアを親御さんが日本語で対話型AI（生成AI）に伝えるだけで、スマホやパソコンのブラウザ上で今すぐ遊べる本格メダルゲームを親子で作ることができます。

 

1. すぐ遊べる！親子で作った「マリオ風メダル落としゲーム」実機プレイ画面

まずは実際に小学生の子どもから出たリクエストをもとに完成した、ブラウザ版のメダル落としゲームです。下の「メダルを おとす！」ボタンを押すと、その場ですぐに遊べます。

スマホやタブレットで連打しても画面が勝手に拡大されないよう工夫してありますので、ぜひお子さまと一緒にスコア1,000点を目指して試してみてください。

2. なぜ「子どもの自由な空想 × 親のAIプロンプト通訳」が最高の知育になるのか

子どもは「メダルがドバッと降ってくるお助けイベントがほしい！」「土管からパックンフラワーを出したい！」と、大人では思いつかないようなワクワクするアイデアをたくさん持っています。ただ、それをいきなりプログラミング言語で書くのはハードルが高いものです。

そこで親が「通訳役」になり、子どもの言葉を整理して生成AIに入力すると、わずか数十秒で動く画面に変わります。「自分の言葉で指示を出すとコンピュータが動く」という成功体験は、子どもにとって何より楽しいプログラミング的思考の入り口になります。

子どもの「こうしたい！」を30分で動くゲームに変える3つの対話ステップ

実際に我が家でこのメダル落としゲームを作ったときの流れは、とてもシンプルです。難しいコードを一から書くのではなく、以下の3ステップで少しずつ肉付けしていきました。

3. 子どもの5つの要望リストをAIへの具体的な指示文（プロンプト）に変換するコツ

開発を始める前に、子どもがノートや口頭で伝えてくれた「やりたいことリスト」は、たった5つだけでした。この素朴な要望を、親がAIに伝わりやすい条件に少しだけ補ってあげるのがポイントです。

▼ 子どもから出た5つの要望とAIへの伝え方ステップ

• 『メダルを落とすゲームにしたい！』➔ 2段構えの盤面（プッシャーとテーブル）を指示
  奥の動く台（プッシャー）と手前の固定テーブルを分け、重なったコインが押し出されるHTML5 Canvasコードを依頼します
• 『コインにファイアーフラワー、大玉にスターを描いて！』➔ ドット絵描画関数を追加
  外部の画像ファイルを使わずに済むよう、Canvasの図形描画だけで花や星マークのコインを描くように指定します
• 『メダルが減ったら恐竜さんが助けてくれる仕組み！』➔ ピンチ時の救済イベントを実装
  手持ちメダルが10枚以下になった時、ランダムで恐竜キャラが横切ってコインを15枚補充してくれる演出を加えます

※なお、生成AIと対話しながらコードを書き換える際は、新しく出力されたコードを上書きする前に、直前まで正常に動いていたHTMLファイルを別名（game_v1.html など）でメモ帳にバックアップ保存しておくと、いつでも戻せて安心です。

参考・公式ガイドライン：文部科学省 小学校プログラミング教育に関する公式案内
小学校のプログラミング教育では、コーディングの暗記ではなく「自分が意図する一連の活動を実現するために、どのような動きの組み合わせが必要かを論理的に考えて試行錯誤する力（プログラミング的思考）」を育むことが重視されています。

出典：文部科学省公式｜小学校プログラミング教育の推進ページを見る

4. 「コインが宙に浮く！」「音がうるさい！」を親子でデバッグした改版履歴（Ver 1.0〜1.4）

最初から完璧なゲームができたわけではありません。実際に子どもが連打して遊んでみると、「コインがぶつかって空へ飛んでいく！」「効果音がマシンガンみたいに鳴り続けて耳が痛い！」といった予想外のバグが次々に見つかりました。

そのたびに「どうすれば直るかな？」と親子で話し合い、Ver 1.0からVer 1.4までアップデートを重ねた開発の軌跡がこちらです。

子どもの目と姿勢を守り、作り手への好奇心を広げるおうち環境づくり

親子でブラウザゲームを作って遊ぶ時間はとても盛り上がりますが、夢中になるほど気をつけたいのが「画面の見すぎによる目の疲れ」と「覗き込みによる猫背姿勢」です。

5. タブレット連打時の猫背とブルーライト負担を減らすリビング学習の工夫

テーブルにタブレットを平置きしたままコイン落としを連打していると、どうしても首が前に傾き、画面と目の距離が20cm以下に近づいてしまいます。最初からスタンドで目線の高さを上げ、時間ルールを決めておくことが大切です。

▼ 親子で楽しく安全に遊ぶための3つの環境ルール

• タブレットやモバイル画面はスタンドに固定して目線と画面を30cm以上離す
  角度調整ができるスタンドに載せるだけで、うつむき姿勢による首や肩への負担がぐっと減ります
• 1回30分のタイマーをセットし、スコアの区切りで目を休める休憩を入れる
  『1,000点いったら一度お茶を飲もうね』とゲーム内の目標と休憩をセットにすると気持ちよく切り替えられます
• 夕方や夜間のプレイ時はキッズ用のブルーライトカット眼鏡や画面の夜間モードを併用する
  JIS規格試験済みの子ども用PCメガネを1本用意しておくと、タブレット学習からゲーム作りまで幅広く目を守れます

6. 「遊ぶ側」から「作る・工夫する側」へステップアップする道具選び

画面を直接タップするだけでなく、外付けのコントローラー変換アダプターを使ったり、見やすい角度に画面を固定したりすると、まるで自分の部屋が小さな開発ラボのようになります。お子さまの「次は何を作ろうか？」という意欲を後押ししてくれる便利アイテムを整理しました。

まとめ

今週末は子どものアイデアをAIに伝えて世界に1つのゲームを作ろう

「こんなゲームがあったらいいな」という子どもの何気ない一言も、生成AIという相棒がいれば、その日のうちに家族みんなで遊べる宝物に変わります。まずは本記事のメダル落としゲームを親子で遊んでみて、「ここをこんな風に変えたらもっと面白そうだね！」と話しかけてみてください。

お子さまの自由な発想が画面の中で動き出す瞬間は、親にとっても忘れられない感動になります。今週末のリビングで、親子だけの楽しいゲーム作りが始まるきっかけになれば嬉しいです！