初心者向け!AIプログラミングで2.5Dアクションゲームを爆速で作る方法

AIをつかったプログラミングに興味がある

ゲームをカンタンにつくりたい！

・メニューから「Play Ground」をクリックして「Chat with models」をクリックします

・メッセージボックスに次のとおりタイプします

「2D横スクロールアクションの3DマップエディタをHTML1ファイルでつくってほしい
マップエディタではクリックした場所まで緑の地面が盛り上がり、
ドラッグで一気に地面をつくれるように
WASDで視点の高さと左右の平行移動、マウスホイールで拡大縮小、
右ドラッグで視点の回転ができるように
プレイヤー、敵キャラの配置は移動可能な直線上ののみ、
テストプレイでは
編集画面で決めた視点の角度でカメラが動くがカメラはプレイヤーと一緒に動く
プレイヤーはファイヤーの攻撃ができ、複数回の空中ジャンプができる
敵キャラは歩くだけ、落下するなどの物理法則は働く」

・「RUN」をクリックするとさっそくAIがゲームのプログラミングをつくりはじめます

・次のとおりにAIにつたえます

「　2Dアクションを作りたい、ドット絵で歩き、ジャンプ、
が入った青猫の魔法使いミニキャラの
12×12ピクセルのスプライトシートを作れるか　」

１．Photopeaにアクセスします

２．「コンピューターから開く」でキャラ画像を読み込みます

１．「トリミングツール」をクリックします

２．画像のカドをドラッグして、つかわないキャラをカットします

・「なげなわツール」で目立つ部分をドラッグして「Ctrl」＋「X」で切り取ります

１．選択範囲を反転させます

２．選択範囲をカットします

・別名で保存からPNGを選んで保存します

１．画像アイコンをクリックします

２．添付ファイルボタンをクリックして、画像をアップロードします

１．メッセージボックスにアニメーションの言葉を入れます

２．「動画を作成」ボタンをクリックしてください

１．しっかり歩くアニメーションが完成しました

２．ダウンロードボタンをクリックしてダウンロードします

・クリックしてダウンロードした動画をアップロードします

・足が揃っている動き、左足を前に出している動き

それぞれスクリーンショットボタンをクリックして撮影します

・スクリーンショットを撮りおえたら、全てをダウンロードをクリックします

・「背景を削除」をクリックして、キャラ画像をアップロードします

１．アップロードすると背景が自動で透明になります

２．中央にそろえて、ダウンロードします

・すべてのパターンの背景を透明にします

・足が揃っている画像、右足が前に出ている画像、左下が前に出ている画像を使います

2Dアクションに登場する敵キャラを作りたい、
サングラスをかけたワニの魔法使いミニキャラの12×12ピクセルのスプライトシートを作れるか」

・つぎの通りにAIに伝えます

「一から全く新しく画像をつくってほしい、

2Dアクションに登場する敵キャラを作りたい、
サングラスをかけたワニの魔法使いミニキャラの12×12ピクセルのスプライトシートを作れるか」

・「切り抜きを編集」ボタンをクリックします

・必要のないキャラを消して一体のみにします

・つくった敵キャラをGrokのサイトにアップします

１．「歩く」を入れてアニメーションさせます

２．歩くアニメーションが自動で生成されます

・アニメーションから画像を抽出します
・取り出すのは左足が前、右足が前、足が揃っている、画像です

つぎのとおりAIに伝えます
「編集モードでは、
上下は大丈夫だが、左右のマウスドラッグで視点を変える時の方向を逆に
敵配置と敵消去ができる、背景は青い空に雲の雰囲気出すために上に少しフォグを入れる
ドラッグ&ドロップで敵の歩くアニメーションを3枚登録できる
プレイヤーのアイドルを1枚、歩くアニメーションを4枚、ジャンプを1枚登録できる
テストプレイでは、プレイヤーは壁を登れないように
プレイヤーの弾をファイヤーに、エフェクトをしっかりつけてかっこよく
重力を少し軽く、プレイヤーにHPゲージ
テストプレイを「esc」で終わらせるように、終わった時にテストプレイボタンを押す前の状態に復帰する」

１．マウスドラッグで地面をつくります

２．プレイヤーキャラの画像を読み込みます

３．準備がおわったらテストプレイをします

・次のとおりAIにつたえます

「一から全く新しく画像をつくってほしい、

2Dアクションに登場するボスキャラを作りたい、
サングラスをかけたかわいいピンクのワニ大魔法使いミニキャラの20×20ピクセルのスプライトシートを作れるか（大魔法使いの服を着ている）」

１．サイトにアクセスしたら画像をアップロードします

２．「切り抜きを編集」をクリックします

１．「消去」から「手動」をクリックします

２．ブラシサイズを大きくします

３．一体だけ残して、他のキャラはすべて消します

・消した後はダウンロードします

１．「歩く」をAIに伝えます

２．歩くアニメーションが生成できました

・次のとおりAIにつたえます

「
2D横スクロールアクションの3DマップエディタをHTML1ファイルでつくってほしい
マップエディタでは
クリックした場所まで緑の地面が盛り上がり、ドラッグで一気に地面をつくれるように
WASDで視点の高さと左右の平行移動、マウスホイールで拡大縮小、右ドラッグで視点の回転ができるように
プレイヤー、敵キャラの配置は移動可能な直線上ののみ、
テストプレイでは
編集画面で決めた視点の角度でカメラが動くがカメラはプレイヤーと一緒に動く
プレイヤーはファイヤーの攻撃ができ、複数回の空中ジャンプができる
敵キャラは歩くだけ、落下するなどの物理法則は働
」