iPhoneだけでミニゲームを作る方法〜AIでブロック崩しゲームを作って遊ぼう〜

最近はAIの進化がめざましく『プログラミングの知識がなくてもゲームが作れる時代』になってきました。しかも、iPhoneだけで自作のゲームを作って遊ぶ、なんてこともできてしまうんです。

ChatGPT

AIの定番アプリです。ゲーム内容を説明して『ゲームのデータ（HTML）』を作ってもらいます。無料版でも問題ありません。

Microsoft Edge

MicrosoftのWEBブラウザアプリです。作ったゲームを実際にプレイするために使います。ログインしていなくても利用できます。

まずは「ChatGPT」にゲームを作ってもらいます。例えば、以下のような文章を入力します。

しばらくすると「HTMLソースコード」が表示されますので、右上の「コピーする」アイコンを押して、ソースコード全文をコピーしておきます。
※次に進む際「ChatGPT」は閉じないでおきます。

次に「メモアプリ」で新しいメモを開き、コピーした「HTMLソースコード」を貼り付けて保存します。

やり方
・メモアプリで新しいメモを開く
・何も無いところを長押しする
・「ペースト」を選択
・右上の「共有」アイコンを選択
・「ファイルに保存」を選択
・ファイル名を「index」にする
・「このiPhone内」の任意の場所を選択
・「保存」を選択

この際「任意の場所」として「Game」など、わかりやすい名前のフォルダを作っておくと、あとから探しやすくなります。

フォルダの作り方
・「ファイルアプリ」で右上のメニューアイコンを選択
・「新規フォルダ」を選択
・任意の名前をつけて「完了」を選択

次に「ファイルアプリ」で保存したデータのファイル名を『index.html』に変更します。

やり方
・ファイルアプリで「index.txt」というデータを探す
・アイコンを長押しして「名称変更」を選択する
・ファイル名を「index.html」に変更する
・「完了」を選択する

この際「index」という表示になっていた場合、それを「index.html」に変更してもうまくいきません。実際には「index.html.txt」になってしまうからです。この場合は以下の手順を行います。

・ファイルアプリの右上にある「設定アイコン」を選択
・「表示オプション」を選択
・「すべてのファイル名拡張子を表示」をオン

これで「index.txt」と表示されるので、あらためて「index.html」に変更してください。

最後に「Microsoft Edge」でそのファイルを開きます。すると、自作のゲームがそのままプレイできます。このゲームは「オフラインでも動作して広告されない」という、自分専用のゲームになります。

やり方
・ファイルアプリで「index.html.txt」を長押しする
・「共有」を選択
・「Edge」を選択
・「Edge」が起動してゲームが表示されます

この時、開くアプリの候補に「Edge」が表示されていなかった場合は、右端の「その他」を選択してください。下の方に「Edge」が表示されているので、そこから選択します。

一度ゲームを起動したら「Edge」のお気に入り登録しておくことで、次回からは「ファイル」アプリを開かずに起動できるようになります。

筆者が実際に作ったゲームをオンラインで公開していますので、ぜひ遊んでみてください。
※画像を選択すると別画面でゲームが始まります。

ちなみに、作ったゲームをインターネットで公開するためには「サーバー設定」などの追加手順が必要になります。興味のある方は調べてみても面白いと思います。

ただ、自分用に遊ぶだけなら今回の方法だけで『十分完成』です！まずは「ゲーム作り」を楽しんでみると良いでしょう。