・・・でも「何からやればいいかわからない」と悩んでいませんか？

今回はAIでゲームを制作する方法を解説します

今回は簡単にできる、2.5D横スクロールアクションのつくり方を紹介します

プログラミングをしなくてもカンタンにつくれます

ぜひチャレンジしてください！

目次の流れにそって紹介します

このブログの内容はYoutubeでも紹介しています
>> イラスト55 @ クリエイティブ情報を紹介

AIプログラミングでつくったゲームの紹介

今回つくった2.5Dアクションゲームエディタです

このエディタでは3Dマップをつくることができ、2Dの敵キャラを置くことができます

このページでつくり方を紹介するゲームのエディターです

このエディタをGoogle AI Studioでサクッとつくり、アクションゲームをつくります

AIプログラミングサイトでゲームのお試しバージョンをつくる

Goole AI StudioのサイトでAIにプログラムをつくってもらいます

>> 「Google AI Studio」のサイト

はじめはAIコーディングがやりやすいGoogleAIStudioのサイトに移動します

メッセージボックスにつくるプログラムをタイプしてAIに伝えます

ダウンロードしたゲームエディタをプレイします

プログラムの生成が終わったらダウンロードボタンをクリックしてください

即実行できるHTMLファイルがダウンロードできます

テストプレイをしてみよう

うごくゲームエディタがあらわれました

実行するとエディタ画面が現れます

AIに伝えた通り、マウス操作で地面を変えることができます

また、敵配置ボタンをクリックして敵を配置することができます

テストプレイもしっかり動かすことができます

テストプレイをしてみましょう

しっかりジャンプができて、敵に玉をあてることができます

アクションゲームとして基本的な動きはするプロトタイプをつくることができました

ここからキャラの絵の差し替えとアニメーションをつくりたいと思います

ゲームキャラをピクセル＆ドット絵にする

ピクセル＆ドット絵のゲームキャラをつくる

ピクセルキャラをGoogle Geminiのサイトでつくります

>> 「Gemini」のサイト

スプライトシートをつくることができました

Google Geminiがスグに画像を生成してくれました

このスプライトシートから画像を分割します

画像編集サイトでゲーム用に背景を透過にする

Photopeaのサイトは高機能のオンライン画像編集サイトです

>> 「Photopea」のサイト

背景除去は色々な方法があるので、二つのパターンを紹介します

一つ目は応用がきく画像編集ソフトの方法です

「トリミングツール」で、つかわないキャラをカットします

編集画面に変わったら、左のメニューからトリミングツールをクリックして

必要なキャラだけ残します

投げ縄ツールで不要な部分をカットします

背景を一度にすべて選択して消します

次に選択ツールで背景をドラッグして一度に選択します

右クリックのメニューから他の部分をカットします

しっかり背景が消えました

ピクセル画像からプレイヤーキャラのアニメーションをつくる

キャラの歩いているアニメーションをつくります

>>「Grok」のサイト

Grokのサイトにアクセスしてアニメーションをつくります

画像ファイルをアップロードします

アニメーションさせたい言葉をいれます

アニメーションが完成したらダウンロードします

アニメーションから画像を取り出します

>>「Online Video Screensho」のサイト

このサイトは動画ファイルから画像をとりだすことができるサイトです

再生しながらゲームのキャラアニメーションに必要な画像をとります

すべて終わったらダウンロードボタンをクリックしてダウンロードします

背景を消すサイトにアクセスします

つづいてアニメーションから取り出した画像の背景を透明にします

このサイトはアップロードした瞬間に背景を消すことができます

これでプレイヤーキャラの必要なイラストはそろいました

敵キャラのピクセルアニメーションをつくる

敵キャラのピクセル画像をつくります

ワニの魔法使いであることをAIに伝えて生成します

しっかりイラストが完成しました

背景を消すサイトでキャラを一つにします

>> 「Photoroom」のサイト

背景を消すサイトで敵キャラのまとまったスプライトシートから一つずつに切りわけます

必要のないキャラをブラシで消します

一体のみになったらダウンロードします

Grokでアニメーションをつくります

>> 「Grok」のサイト

歩くアニメーションができました

ゲームのピクセルアニメーションにするために、画像を抽出します

>> 「Online Video Screenshot」のサイト

３体のキャラクターの背景をけします

敵キャラが現れるように、プログラムをつくりなおします

Google AI Studioでプログラムをつくりなおします

プログラム生成がおわったら、ダウンロードします

あたらしく作ったプログラムです

ピクセル画像つきのキャラクターがあらわれました

しかし、画像が明るすぎます

しっかりプレイヤーも敵もアニメーションするゲームになりました

玉もエフェクトがつきましたが、かなり不自然です

プレイヤーのイラストもすごい明るく、左右に動いた場合、反転しません

ここから、背景がないのでこの2Dマップを3Dにして背景を地形でつくりつつ

ボスを登場させて2Dアクションから2.5Dアクションにブラッシュアップさせたいと思います

2Dマップを3Dマップに変える＆2.5Dゲームにする

ボスキャラクターのピクセル画像をつくる

はじめにボスキャラをつくります

ピンク色のワニ魔法使いであることをつたえます

しっかりつくることができました

しっかり生成できたので、アニメーションをつくる準備をします

これまでと同じように一体ずつ分けます

>> 「Photoroom」のサイト

切り抜くために画像をアップロードしたら

必要なキャラ以外をカットします

一体だけ残して、他はすべて消します

しっかり消すことができました

Grokのサイトでピクセル画像をアニメーションさせます

>> 「Grok」のサイト

Grokのサイトにボスキャラをアップロードして、歩くアニメーションをつくります

敵キャラをアップロードするとアニメーションの画面になります

下のメッセージボックスにアニメーション用のテキストをいれます

ちょっとここじゃないって所に口が現れましたが

気にせず進みます

アニメーションのスクリーンショットをとり、画像をとり出します

>> 「Online Video Screenshot」のサイト

アニメーションのスクリーンショットをとれるサイトに移動します

アニメーションからイラストを切り出して

歩いている動きのためのスクリーンショットを全てとります

ゲームで歩くアニメーションにするために、取り出した画像です

とり出した画像をアップロードして背景を消します

これでボスキャラの準備ができました

次は、これまでと同じ方法で、とり出した画像の背景を透明にします

アクションエディタをつくりなおして3Dマップにする

Google AI Studioのサイトにもどり、

2Dマップから3Dマップエディタにするためにプロンプトをつたえます

次のポイントでAIにつたえます

・プレイヤーや敵を配置・移動できるのは「一直線上（2D軸）」のみ

・水面の高さ、時間帯、時間経過のスピードを自由に調節できる機能を追加すること

・メニューバーを操作している間は、誤ってマップを編集できないようにすること

・作成したボスキャラを配置できること

・PNG8形式以外の画像でも、正しい明るさで表示されるように修正すること

AIがつくったプログラムをダウンロードします

完成したゲームのテストプレイ

AIが生成した新しいプログラムを実行すると、進化したエディタが起動します。ここで、先ほど作成したプレイヤーや敵、ボスの画像を読み込み、マップ上に配置していきます。

配置が終わったら、実際にテストプレイをしてみましょう！ 背景は奥行きのある3Dでありながら、キャラクターはしっかり2Dアクションとして動く、本格的な**「2.5Dアクションゲーム」**の完成です。設定した時間経過の機能を使えば、ゲーム内で昼から夜へと景色を変化させることもできます。

さらにクオリティを上げるには？

YouTube動画の方では複雑になるため割愛しましたが、さらにAIに指示を追加することで以下のようなカスタマイズも可能です。

• 背景に2.5Dのオブジェクト（木や建物など）を配置する
• 3Dマップの地面にテクスチャ（模様）を貼って質感をリアルにする

このように、AIを活用すればプログラミングの深い知識がなくても、見栄えのする本格的なゲームを短時間で作成できます。ぜひ、ご自身のオリジナルキャラクターを使ってゲーム制作に挑戦してみてください！

YouTube動画で少しテンポが早くて分かりにくかった部分も、本記事と合わせて理解を深めていただければ幸いです。 最後までお読みいただき、ありがとうございました！

・・・でも「何からやればいいかわからない」と悩んでいませんか？

今回は AIを使って弾幕縦スクロールシューティングゲームを一瞬で作る方法 について紹介します

プログラミング未経験でも、ノートPCとネットがあれば制作できる方法で紹介しています

ぜひチャレンジしてみてください

紹介の流れとなる目次です

このブログの内容はYoutubeでさらにくわしく紹介しています
>> イラスト55 @ クリエイティブ情報を紹介

AIのゲーム制作でつかうサイトの紹介

Google AI StudioはAIプログラム機能に力を入れているサイトです

今回はこのサイトをつかってゲームをつくります

>> 「Google AI Studio」のサイト

今回つくるのは、弾幕系の縦スクロールシューティングゲームです

AIをつかえばゲーム制作で特に時間がかかる、プログラミング、素材作成を一気にすすめることができます

【補足】

シューティングゲームは「当たり判定」「敵の動き」「弾の制御」など本来は難易度が高いジャンルです

しかしAIプログラムならば、最初から遊べるプロトタイプをつくれるのが大きなメリットです

AIで弾幕シューティングゲームのプロトタイプをつくる

AIへ作りたいゲームをつたえる

まずは Google AI Studio（Gemini） を使って、

ゲームの土台となるプログラムを作成します

生成が完了したら、右上のダウンロードボタンから保存して実行します

【補足】

最初から完璧を目指す必要はありません

「動くかどうか」を確認できるプロトタイプを早く作ることで、これからの修正が楽になります

AIがプログラムをつくりはじめました

ダウンロードしたプログラムを実行してください

しっかりシューティングゲームが動きます

キャラクター・ボスキャラのイラスト生成

次に、ゲームに登場するキャラクターとボスキャラのイラストを作成します

黒色の服だと背景とかさなるので修正します

【補足】
ゲーム用イラストは、背景に埋もれない色と形も重要です

プレイヤーのイラストが完成しました

次はボスキャラをつくります

ボスキャラはあらかじめ生成したイラストをもとに生成しました

こちらはフリーで配布しますので、必要ならばご使用ください

イラストとテキストからボスキャラをつくります

大まかなイラストはOKなので、イラストをととのえます

しっかりボスキャラが完成しました

ゲーム背景イラストの生成

ゲームの背景をつくります

パターン画像がつくりやすい宇宙の背景にします

次は縦スクロール用の背景画像を作成します

今回は ChatGPT を使って宇宙背景を生成します

【補足】
ループ背景はGeminiよりChatGPTの方が成功率が高い印象があります

背景はシンプルな方が弾幕が見やすくなるため、描き込みすぎないのがおすすめです

完成した宇宙の背景画像です

フリーで配布するので、必要でしたらご使用ください

ゲーム音楽（BGM）の生成

ゲームBGMは「Suno AI」を使って作成します

>> 「Suno AI」の公式サイト

Suno AIはジャンルや雰囲気をテキストで入力するだけで、音楽を自動で生成できるサイトです

【補足】
BGMはゲームの印象を大きく左右します

テンポが速すぎると疲れやすいため、

弾幕ゲームでは少し落ち着いた曲も相性が良いです

３分くらいで自動で曲が完成します

音楽が完成したらダウンロードします

キャラクター画像の背景を透過する

キャラをアップロードして背景を透明にします

>> 「Photoroom」のサイト

キャラクター画像の背景は photoroom で透過します

アップロードするだけで自動で背景がなくなり、そのままPNGで保存できます

素材を組み込んだゲームプログラムを生成

プログラムをバージョンアップします

すべての素材を Google AI Studio にアップロードし、もう一度プログラムを生成します

BGMの再生、敵弾の速度調整などもまとめて指示します

イラスト変更とブラッシュアップ

キャラクターの画像を入れかえます

Geminiのサイトにアクセスしてイラストをつくります

背面になりませんでしたが、

しっかり魔法使いの白猫が生成できました

しっかり後ろ向きのキャラクターが完成しました

最後にキャラクターやエフェクトを調整し、完成度を高めます

背面猫キャラへの変更や、ボスの動き・攻撃パターンを追加します

【補足】

AIとの会話が長くなりすぎたら、
一度会話をリセットして再生成した方が早くうまくいくことがあります

ゲームをさらに改良してメリハリがあるゲームにします

AIのプログラムがおわって、キャラを入れかえたゲームです

しっかりキャラがいれかわりメリハリがあるゲームになりました

まとめ

AIを活用すれば、プログラミングの経験がなくても本格的なシューティングゲームをつくれます

ぜひチャレンジしてみてください！

と悩んでいませんか？

この記事ではAIをつかってビジュアルノベルゲーム を即つくる方法について紹介します

すぐに、できる方法で紹介しているので、ぜひチャレンジしてください

紹介の流れとなる目次です

このブログの内容はYoutubeでさらにくわしく紹介しています
>> イラスト55 @ クリエイティブ情報を紹介

AIで制作したビジュアルノベルゲームの紹介とつくり方の流れ

このGoogle AI Studioのサイトを使います

ノベルゲーム専用のゲームエンジンではなく、AIでゲームをつくります

ノベルゲームはティラノビルダーやRenpyなど、ビジュアルノベル作成ソフトでつくることができます

とくにRenpyは多くのユーザが使用しているソフトです

しかしビジュアルノベル作成ソフトだと使い方をおぼえるのに時間がかかります

ビジュアルノベルのプログラムをAIでつくれば、使い方をおぼえる必要がありません

また無料ですぐに作ることができるので、AIを使ったゲーム制作はとてもオススメの方法です

今回紹介するゲームサンプルコード

Youtubeとこのページで紹介しているゲームのプログラムです

位置修正ツールも配布しているのであわせて、参考にしてください

AIをつかってビジュアルノベルゲームのプログラムをつくる

ビジュアルノベルゲームのカンタンなベースプログラムをつくろう

はじめにAIプログラミングができるGoogle AI Studioのサイトに移動します

>> 「Google AI Studio」のサイト

「RUN」をクリックするとAIがHTMLプログラムを生成します

しっかりゲームが動きました

ビジュアルノベルのキャラや背景をつくろう

キャラクターを登場させるためにイラストをつくります

キャラクターが生成されましたが、帽子が派手すぎてゲームと合いません

続けてさらにいいキャラクターをつくります

今までのイラストをもとに、キャラクターをつくります

しっかりAIに伝えたとおりのキャラクターが生成できました

さらにもう一つキャラクターをつくります

生成したいイラストをAIに伝えます

同じタッチのイラストが生成できました

つづいてゲームでつかうためにキャラを分割します

>> 「My Edit」のサイト

画像をアップロードしただけで背景が透明になります

つづいて「編集ツール」からキャラを分割します

もう一キャラも同じように切りぬきます

ダウンロードした絵をさらに調整します

このサイトではPhotoShopのように細かく編集できます

なげなわツールでいらない部分を消します

つぎは魔法学園の背景をつくります

このサイトはリアルタイムで絵を生成できるサイトです

おおまかな絵からリアルなイラストをつくることができます

イラストが完成したらダウンロードします

ここまでつくった絵でプログラムをつくります

AIがプログラムをつくります

キャラがセリフに合わせて、表情が変わるようになりました

ここからはストーリー分岐やさらにストーリーをくわえます

あたらしいキャラがあらわれました

キャラの背景を透明にします

つづきのストーリーの背景をつくります

新しい素材、ストーリーをプラスすることをAIに伝えます

生成したプログラムをダウンロードします

しっかり、新しいキャラがあらわれました

しかし、大きさが少しおかしいです

ビジュアルノベルゲームのキャラ調整ツールをつくろう

キャラの位置を変えるツールをつくります

次は有名なノベルゲームツールでもかなり大変なキャラの位置調整について、

AIをつかってツールをつくり、カンタンに位置調整する方法を紹介します

ゲームファイルを読みこみます

キャラの大きさを変えた後のプログラムがあらわれます

ゲームプログラムを直接書き換えます

ゲームキャラの大きさと位置がしっかり変わりました

ここまでご覧いただきありがとうございます

他のページでもゲーム作成を紹介しているので合わせてご覧ください

・・・と悩んでいませんか？

この記事ではAIをつかってアクションゲーム を一瞬でつくる方法について紹介します

すぐに、できる方法で紹介しているので、ぜひチャレンジしてください

紹介の流れとなる目次です

このブログの内容はYoutubeでさらにくわしく紹介しています
>> イラスト55 @ クリエイティブ情報を紹介

AIゲーム生成でつかうサイトの紹介

AIでプログラムなど、生成することに特化したサイトです

今回はこのサイトでAIプログラム生成をしたいとおもいます

>> 「Google AI Studio」のサイト

Piskel：ピクセル画像のスプライトシートを分割 ＆ アニメーション

ピクセル画像のアニメーションに特化したサイトです

こまかくピクセルアニメーションのコントロールができます

>> 「Piskel」のサイト

AIで制作したゲームの紹介と流れ

今回つくるゲームがじっさいに動いてる動画です

ゲームのイメージがわかるので、ぜひ記事と一緒にごらんください

AIをつかってアクションゲームのプログラムをつくる

Google AI Studioでアクションゲームのうごきをつくる

はじめはAIコーディングがやりやすいGoogleAIStudioのサイトに移動します

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

AIが生成したゲームをプレイしてみよう

生成したプログラムの「敵を多くする＆敵の種類をふやす」ように変える

つぎは敵の数が少なすぎるので、増やしてゲーム画面を確認したいと思います

生成が終わったゲームをプレイすると、しっかり敵が増えたゲームになります

ボスキャラを登場させるようにAIに伝えます

生成が終わったゲームをプレイしました

AIでゲームキャラクターのアニメーションをつくる

ChatGPTのサイトにうつり、ピクセル画像のスプライトシートをつくります

スプライトシートが完成しました

つぎはこのスプライトシートの背景を透明にします

背景を透明にするために、画像の編集サイトに移動します

読み込んだと同時に背景を透明にできました

おおきさも調整します

次は透明になったスプライトシートを分割します

読み込んだスプライトシートを４つに分けます

ツールをつかってアニメーションがしっかり動くように調整します

しっかり動くようになったらダウンローダーします

画像ができたのでさっそくゲームに登場させたいと思います

Google AI Studioでプログラムをつくります

プログラム生成が終わったゲームをプレイすると、キャラクターが動くようになりました

ゲームの背景画像をつくる

つぎはゲームの背景画像をつくります

一枚の絵をさらに細かく遠くから見た感じでつくることをAIに伝えました

生成した画像をゲーム背景にすることをAIに伝えます

・背景がしっかり表示されて、ゲームっぽくなりました

つぎは敵キャラの画像をつくります

できあがりましたが、さらに自然な正面からの画像に変えたいと思います

つくった敵キャラをゲームに登場させるプログラムをつくります

プログラムにつくった画像を追加します

完成したプログラムをプレイします

まとめ

AIのプログラミングは他のページでも紹介しています、あわせてごらんください

と悩んでいませんか？

この記事ではGoogle AI Studioを使って無料でゲームをつくる方法について紹介します

すぐに、できる方法で紹介しているので、ぜひチャレンジしてください

紹介の流れとなる目次です

このブログの内容はYoutubeでさらにくわしく紹介しています
>> イラスト55 @ クリエイティブ情報を紹介

AIゲーム生成でつかうサイトの紹介

Google AI Studio：無料でつかえるGoogleが運営する開発用のAI生成サイト

今回ゲーム生成でつかうサイトです

>> 「Google AI Studio」のサイト

このサイトは開発者向けのAIサイトです

GoogleのGeminiをベースにさらに細かくプログラムや画像、動画をつくることができます

メニューは英語ですが、命令は日本語OKなので、ブラウザの翻訳をつかえば問題なく使うことができます

Google Gemini：無料でつかえる万能AIツール

無料でつかえるGoogle公式のAIツールです

「Gemini」のサイト

Googleトップページからもつかえるので、多くの方がつかっているAIツールです

とても使い方がわかりやすく中央のボックスに命令を入れるだけで、AIが命令を理解して動いてくれます

Google AI Studioの爆速ゲーム制作の方法

Google AI Studioでつくったゲームの紹介

今回つくるシューティングゲームです

プログラムをAIにつくってもらうバイブコーディングという方法でつくります

今回つくるシューティングゲームです

プログラム、イラスト、ゲームにつかう物をすべてAIでつくることができます

もちろんプログラムが未経験の方でもつくることができます

AIでゲームのイメージイラストをつくる

Geminiに生成するイメージを命令する

はじめに、Geminiでゲームのイメージ画像を生成します

Geminiが生成したイラストをダウンロードする

Geminiがつくったゲームイメージの例です

このイラストをもとにゲームのプログラムを生成します

画像の生成は1～2分でおわります

生成がおわったら、バイブコーディングでつかうためにダウンロードします

AIで横スクロールシューティングのプロトタイプをつくる

「Google AI Studio」のサイトでプログラムをつくります

「Google AI Studio」は本格的にAIのプログラムの生成をおこなうことができます

生成したプログラムをダウンロードする

プログラムの生成は１～3分でおわります

生成したゲームをためしてみよう

キーボードで動く横スクロールシューティングをつくれました

しかし、ゲーム画像がブロックなので次は画像をつくります

まだブロックの絵が動くだけですが、しっかりシューティングゲームとして動くプログラムができました

主役キャラクターの画像をつくる

ゲーム画像がブロックなので、ゲーム画像をつくります

Geminiでキャラクター用の画像を生成します

キャラクター画像を生成できました

しかし、背景が白色で透明ではないようです

背景切り抜きができる「My Edit」のサイトに移動します

>> 「My Edit」のサイト

つづいて、画像の大きさを小さくします

Geminiで敵キャラクターを生成する

主役キャラにつづいて敵キャラの画像もつくります

少しかわいい敵キャラをつくることができました

つづけて何体か敵キャラをつくります

ちょっとかわいいキャラがあらわれました

つくったキャラの背景を透明にして、画像のムダな部分をカットします

ChatGPTで背景の画像をつくる

背景はくり返しのループ画像がとくいなChatGPTでつくります

>> 「ChatGPT」のサイト

つくった全ての画像をゲームに登場させる

はじめに、主役キャラをゲームに登場させます

主役キャラの画像をアップロードできました

この画像をゲームに登場させるようにAIに伝えてプログラム生成します

主役のキャラ画像が登場しました

次は敵キャラをゲームに登場させます

登場させる敵キャラの画像をアップロードします

命令も組み合わせて、AIでプログラムを生成します

生成したプログラムを実行すると敵キャラがあらわれました

次は背景を登場させます

作成した背景をアップロードします

画像、命令と組み合わせてプログラムを生成します

敵キャラが小さくなり、背景画像がゲームに登場しました

しかし、まだプレイヤーの玉がゲームっぽくありません

プレイヤーの玉、敵キャラの大きさをもっとゲームに合うように変えます

全体的にメルヘンな感じで、ゲームが完成しました

まとめ & ブログで紹介したゲームの動画

ゲームがうごいている雰囲気、くわしいつくり方は下の動画から確認できます

AIのプログラミング（バイブコーディング）は他のページでも紹介しています

合わせてごらんいただくと、さらに多くのゲーム作成にいかせます

・・・こんな風に悩んでいませんか？

今回はAIでゲームを一瞬でつくる方法について紹介します

すぐに、できる方法で紹介しているので、ぜひチャレンジしてください

紹介の流れとなる目次です

Youtubeでさらにくわしく、絵と映像のつくり方を紹介しています
>> イラスト55 @ クリエイティブ情報を紹介

AIゲーム生成サイトの紹介

Rosebud.ai：テキストからゲームを一瞬でつくれるサイト

はじめにAIゲーム生成のサイトの紹介です

>> Rosebud.aiのサイト

テキストからゲームを一瞬でつくれるサイトです

3Dゲーム制作が得意ですが、3Dゲームを2Dの画像にかえて2Dゲームもつくることができます

つくれるゲームの紹介 ＆ 投稿されているゲームの紹介

多くのゲームが投稿されています

下にスクロールすると投稿された、他のプレイヤーのゲームを見ることができます

サムネイルをクリックすると投稿されたゲームをプレイすることができます

また、投稿されたゲームから自分のゲームをつくることもできます

マウスで操作できる3Dシューティングゲーム

クオリティが高く、おもしろいゲームです

クオリティの高いゲームの投稿作品を紹介します

マウスの操作で機体をコントロールでき、赤い玉を避けつつ星をとっていくゲームです

操作性やグラフィックはとてもキレイで販売されているゲームと同じレベルの作品です

キーボード操作の3Dフライトゲーム

きれいな景色の3Dゲームです

3Dフライトゲームの投稿作品です

キーボードで飛行機をコントロールして輪っかをくぐるゲームです

実際にプログラミングするとかなり難しいゲームですが、きっちりキーボードで動かすことができます

ゲーム生成サイト「Rosebud.ai」のつかい方

テキスト（プロンプト）を入力してゲームを生成する

「Rosebud.ai」の使い方を紹介します

生成するゲームのテキストを入力します

AIがプログラミングをはじめます

完成したゲームをプレイする

ゲーム作成が完了しました

3Dのフラッピーバードのゲームが完成しました

Unityなどのゲームエンジンを使うと手間がかかる、画面遷移や当たり判定、キャラクター操作などもばっちりおこなうことができます

ここからさらに「Flappy Bird」のゲームに似せます

テキストだけのAI生成だと限界があるので、画像とテキスト合わせてゲーム生成するための準備をします

ゲーム生成用の画像をつくる

AIの画像生成でゲーム生成のための画像を作成します

>> 「Bing image Creator」のサイト

生成が終わると４つ画像があらわれます

今回はこの画像をつかいます

画像をアップロード ＆ テキストと合わせてゲーム生成

つくった画像とテキストでゲームを生成します

ゲームが完成しました

しっかり横スクロールのゲームを生成することができました

しかし、キャラクターがイマイチなのでキャラクターの画像を変えます

完成したゲームをさらに修正して完成度をたかめる

背景透過サイトでゲームでつかうキャラクターをつくる

作成した画像からキャラクター画像をつくります

「removal.ai」のサイト

消えなかった背景を消して、ダウンロードします

ピクセルラボで2Dゲーム風キャラを作成

ゲームに合わせるためにピクセル画像に変えます

PNG8形式に変換して色化けを防ぐ

ファイルをPNG24からPNG8に変えます

AIゲームサイトにキャラをアップロード

作成したキャラクターをよみこみます

キャラをゲームに反映させる

AIにわたす命令をととのえて、画像を生成します

つくったキャラクターがあらわれました

画像がしっかり透過になり、キャラクターのまわりも背景が見えてます

操作も問題なく、しっかりジャンプします

背景をプログラムから変更

ちょっと背景が寂しいので背景を変えたいとおもいます

背景を青空に変えます

まとめ

イラスト５５

今までのゲーム製作なら何日もかかるプログラムでもAIなら一瞬でつくることができます

このブログでは他のページでもAIのゲーム製作を紹介しています

ぜひチャレンジしてみてください

・・・と悩んでいませんか？

このページでは、だれでも、カンタンに始められる方法でゲームつくりのソフトを紹介しています

ぜひ、このページでゲームつくりを始めてください

目次の流れにそって紹介します

Youtubeでさらにおもしろく、ゲームのつくり方を紹介しています
>> イラスト55 @ クリエイティブ情報を紹介

初級～中級：カンタン＆スグに始められる・けど！スゴいゲームもできる

Gamefoot：カラフルブロックを組み合わせてゲームをつくる

カラフルのブロックを組み合わせてゲームをつくります

アイディアしだいで多くのゲームをつくることができます

>>「Gamefoot」公式サイト

教育向けプログラミング「Scrach」のようにカラフルなブロックを組み合わせてゲームをつくります

サイトにはたくさんのゲームを試すことができるため、どんなゲームができるかイメージできます

また、オンラインでつくるため、インストールせずに、スグにはじめることができます

ROBLOX：3Dゲームを簡単につくれる巨大プラットフォーム

「ROBLOX」はボクセル3Dゲームをカンタンにつくれるソフトです

世界中で多くのユーザーがROBLOXをプレイしています

>> 「ROBLOX」公式ページ

「ROBLOX」は世界中で多くのユーザーがプレイしているゲームサービスです

「ROBLOX」のゲームをつくることや、つくったゲームを他のユーザーとプレイすることができます

また、ゲームをつくって、お金を稼ぐことができるシステムもあります

Fancade：ボクセルゲームをカンタン作成＆プレイ

Fancadeはボクセルゲームをつくれるプラットフォームです

>> Fancadeのサイト

Fancadeはボクセルゲームをカンタンにつくれるサイトです

スマートフォンからも使うことができ、見下ろし画面からの3Dゲームをつくることができます

プログラミングを考える必要がないので、子どもから大人まで楽しめるサイトです

また、クリエイターの交流もDiscordでさかんにおこなわれています

始め方＆つくり方

サイトにアクセスするとメニュー画面があらわれます

ゲームのテンプレートをえらぶ画面があらわれます

「EDIT」ボタンがあらわれます

プロジェクトにゲームが追加されます

もう一度「EDIT」ボタンがあらわれます

プレイ、エディットをえらぶ画面があらわれます

ゲームをつくる画面があらわれます

パーツをドラッグ＆ドロップでくわえます

ゲームをプレイすることができます

Rosebud.ai：AIをつかって一瞬でゲーム制作ができるサイト

テキストを入れると自動でゲームを作成してくれます

>> Rosebud.aiのサイト

テキストから絵をつくるAIと同じように、テキストからゲームを生成することができます

サイトでは制作した多くのゲームが投稿されています

投稿されたゲームから自分のゲームをつくることもでき、初めての方でも気軽に始めることができます

生成はスグに終わりますが、右の写真のような本格的なゲームをつくることができます

ゲーム制作の効率を上げたい方にとてもオススメのサイトです

Springin（スプリンギン）：iPhoneでゲームがつくれる

モバイルでプログラミングをせずに、ゲームをつくることができます

>> Springinのサイト

iPhoneでゲームをつくれるアプリです

Androidが無いのが残念ですが、イロイロなゲームをつくることができます

ゲームを投稿することができ、他のユーザのゲームをプレイすることもできます

インターフェースがわかりやすく初心者でも始めやすいアプリです

RPG PlayGround:2DのきれいなRPGゲームを簡単につくれる

RPGツクールのように、2DのRPGをカンタンにつくることができるソフトです

>>「RPG PlayGround」公式サイト

「RPG PlayGround」は無料でカンタンにアクションRPGをつくることができます

メニューは英語ですが、Youtubeなどで作り方がたくさんアップロードされています

このため、学習をカンタンに進めることができます

メニューや操作方法がわかりやすいので、とてもオススメのソフトです

RPG Paper Maker：無料で3DのRPGをカンタンにつくれる

2DのRPGをつくるように、カンタンに3DRPGをつくることができます

>> 「RPG Paper Maker」公式ページ

「RPG Paper Maker」は2DのRPGのようにカンタンに3DのRPGをつくることができます

2Dのペーパーモデルを3Dにしているため、完全な3Dモデルではありません

しかし、3Dの迫力や、かっこよさがあり、つくるのが楽しめるソフトです

全部英語ですが、カンタンな英語のみです

Youtubeにも作り方の動画があるので、スムーズに作ることができます

WOLF RPGエディター（ウディタ）：2DのRPGをカンタンにつくることができる

RPGをつくることに特化したソフトです

>>「WOLF RPG」のサイト

カンタンに無料でRPGをつくることができるソフトです

このソフトから市販化されたゲームもあり、自由に作りこむことができます

歴史が長く、インターネット上には多くの人がゲームとやり方をアップしています

WOLF RPGのゲームをブラウザでプレイできるサイトが開発中です

https://ci-en.net/creator/12702/article/608962

PLiCy：ブラウザでゲームをつくる＆投稿できるサイト

すぐにゲームがつくれて、つくったゲームを公開できるサイトです

「PLiCy」のサイト
カンタン、スグにゲームをつくって公開できるサイトです

複雑なゲームや3Dはムズかしいですが、2DのアクションやRPGなどを作ることができます

また、多くのユーザーがいろいろな種類のゲームが公開しています

このため、つくる前にどんなゲームがつくれるのか、確認してから始めることができます

Scrach：世界中で使われているビジュアルプログラミング

Scrachは世界中の人が使う、ビジュアルプログラミングのサイトです

>> 「Scrach」のサイト

Scrachは子ども向けのビジュアルプログラミングのサイトです

教育用として、世界でもっとも使われていおり、ゲームを作ることもできます

他のユーザーが作ったゲームをプレイするページもあり、多くのゲームが公開されています

工夫しだいでは、とてもカッコイイゲームを作ることができます

中級～上級：じっくり大作を作りたい人向け

Unity：世界中で個人のゲームクリエイターが使う万能ソフト

Unityはモバイルゲームから商用のゲームまで幅広く使われています

https://unity.com/ja

世界中で個人のゲームクリエイターが使っており、とても有名なソフトです

このため、インターネットでスグに使い方を調べることができ、カンタンに始めることができます

また、モバイルゲームから商用ゲームまで幅広く作ることができる万能ソフトです

とくに2Dアクションゲーム開発では多くのゲームにつかわれているおり、オススメです

次のページで使い方を書いています

>> Unityのページ

UnrealEngine：3Dアクションからアニメまで幅広く使うことができる

ファイナルファンタジーなど、ビッグタイトルでも使われているゲームエンジンです

https://www.unrealengine.com/

UnrealEngineは超キレイなグラフィックをつくるのが得意なゲーム制作ソフトです

3Dアクション、漫画の背景、建築など幅広く世界中で使われています

使いこなすのは、とてもムズかしいですがフリーソフトとは思えない作品を作ることができます

次のページで使い方を書いています

>> Unreal Engineのページ

Flowlab：ブラウザで本格ゲームがつくれるチュートリアル充実のゲームエンジン

操作画面が英語ですがチュートリアルが充実しているのでカンタンに始められます

>> Flowlabのサイト

ブラウザでつくる2Dアクションのゲームエンジンです

チュートリアルが充実しており、操作画面は英語ですがカンタンに始めることができます

ゲームストアのSteamに出品されているタイトルもあり、本格的なゲームをつくることができます

フリーの2Dゲームエンジンを探している方にオススメです

Ren’Py：世界中で使われている海外製ノベルゲーム

プログラムを使う必要がありますが、多くのことができます

Ren’Pyのサイト

プログラム言語のPythonを使いゲームをつくることができます

海外製なので多くの情報が英語ですが、日本ユーザの方も情報を公開しています

有料のゲームにも使われており、本格的なノベルゲームを作りたい方にオススメです

上級：こだわりのゲームをつくりたい人向け

GB Studio：ゲームボーイのゲームをつくれる＆ウェブサイトでプレイできる

ゲームボーイのゲームをつくれて、ウェブにも公開できます

>> GB Studioのサイト
ゲームボーイのゲームをつくれるソフトです

つくったゲームボーイのゲームはエミュレータでプレイできるだけではありません

HTML５のゲームとしてウェブサイトに埋め込むこともできます

アクションゲームからRPGまで幅広いゲームをつくることができるソフトです

Game Maker：2Dのビッグタイトルでも使われている万能ゲームエンジン

Game MakerはUndertaleなどのビッグタイトルでも使われています

https://gamemaker.io/ja-JP

Game Makerは世界中のゲームクリエイターで使われているゲーム制作ソフトです

Undertale、Downwellなどのビッグタイトルで使われており、いろいろなタイプのゲームが作れます

作れるゲームは主に2Dですが、画面がわかりやすくドラッグ＆ドロップでもゲームがつくれます

キッズ＆子ども向け

Tynker：サンプルがたくさん用意されている＆チュートリアルがていねい（英語）

チュートリアルがわかりやすく＆ゲームが最初から用意されています

英語がわかる方にオススメです

Tynkerのサイト

ブロックでプログラムをつくるタイプのゲームメーカーです

かわいいサンプルゲームが用意されており、子どもが楽しみながらつくれるサイトです

カンタンな英語のみなので、英語が少しでもわかる方にはオススメのサイトです

有料ソフトでカンタン＆スグにつくりたい！

Shump Creator：タテ＆ヨコの本格シューティングゲームがつくれる

タテ・ヨコのシューティングゲームをつくることができます

英語もカンタンな言葉のみです

Shump Creatorのサイト

カンタンにタテ・ヨコのシューティングゲームをつくれるソフトです

シューティングゲームをプログラミングなしでつくれるので、Unityが苦手な方にもオススメです

公式サイトにはレベルの高いユーザーが作ったゲームが公開されています

すぐにゲームをつくりたい方にオススメのソフトです

RPG Developer Bakin：3DRPGをカンタンにつくれるソフト

3DRPGをつくる専用のソフトです

>> RPG Developer Bakin

3DRPGをつくるにはコマンドやフィールド、ダンジョン等おおくの画面移動とプログラムが必要です

しかし、このソフトを使えばプログラミングなしにRPGをつくることができます

3Dモデル（FBXフォーマット）や音楽を用意する必要はあります

しかし、フリー3DソフトのBlenderやAI、フリー素材を使えばカンタンに制作することもできます

ティラノビルダー（TyranoBuilder Visual Novel Studio）

プログラムの知識なしでノベルゲームをつくることができます

>> ティラノビルダー公式サイト

とても多くのノベルゲームで使われているソフトです

主に国内ユーザーですが、商用のゲームからフリーウェアのゲームまで幅広く使われています

プログラムの知識が必要なく、困った時もネットで多くの情報を探すことができます

ノベルゲーム作りに専念したい方にオススメのソフトです

RPGツクール：30年続く歴史ながいRPG専用のソフト

パソコン、プレステーションなど多くのハードで発売されいます

>> RPGツクール公式サイト

1990年から作られている歴史あるゲームエンジンです

ドラクエや昔のファイナルファンタジーのようなコマンド形式のRPGをつくることができます

2Dのゲームが得意で3Dをあつかうことができません

3DのRPGをつくる有料のソフトを探している場合は「RPG Developer Bakin」をオススメします

2DのRPGつくりに特化しているので、とても使いやすくプログラムの知識はまったく必要ありません

青鬼など多くのゲームが発売され、成功しているので上級者から初心者までオススメのソフトです

・RPG MAKER WITH：Nintendo Switch用のRPGツクール

Nintendo Switch用のRPGツクールです

Nintendo SwitchでもRPGツクールが発売されました

自作のイラストやフリー素材をつかうのはできないようです

わかりやすい画面のつくりなのでゲーム制作をこれから始める方にとてもオススメのソフトです

・RPG MAKER UNITE：ゲームエンジンUnityでつかえる新しいRPGツクール

Unityでつかえる新しい形のRPGツクールです

>> RPG MAKER UNITEのUnityアセットストア

Unityでつかえる新しいタイプのRPGツクールです

まだ未完成の部分が多く、拡張機能は今までのRPGツクールと互換性がありません

このため、現在は他のRPGツクールの方が作りやすいです

しかし、ソフトの完成度が上がればUnityの機能と加わり、とても便利なソフトになります

まとめ

今回は「無料のゲーム制作ソフトと個人ゲーム開発について紹介しました

Youtubeでは、さらにおもしろく絵のつくり方を紹介しています

また、他のページでもCG・映像のつくり方について紹介しています

>> 動画で紹介！絵と映像のつくり方

>> 絵と映像のつくり方のカテゴリーページ

・・・と悩んでいませんか？

UNITYでは、アセットというゲームをつくるための部品をダウンロードすることができます

アセットを上手に使えば、プログラミングをしないでもゲームを作ることができます

今回は、特に使いやすい、学習にもオススメな無料のアセットをまとめて紹介します

ぜひ、チャレンジしてください

目次の流れにそって紹介します

Youtubeでさらにくわしく、Unityのつくり方を紹介しています
>> イラスト55 @ クリエイティブ情報を紹介

空・HDRIの背景ドームのアセット

AllSky Free – 10 Sky / Skybox Set：完成度の高いリアルな空のアセット

<「All Sky Free 10 Skybox Set」ダウンロードページ>
https://assetstore.unity.com/packages/2d/textures-materials/sky/allsky-free-10-sky-skybox-set-146014

自然に近い空を作ることができる部品です

自然に近い空を作ることができるアセットです

十種類ですが、一日が全てそろっています

また、有料版では200種類の空をセットで販売しています

使い方は次のページで紹介しています

>> 「【3D景観＆背景】Unityで空をキレイにつくる方法」のページ

Fantasy Skybox FREE：アニメ風の昼や夜空の詰め合わせアセット

<「Fantasy Skybox FREE」ダウンロードページ>
https://assetstore.unity.com/packages/2d/textures-materials/sky/fantasy-skybox-free-18353

ファンタジー風の空を作ることができるアセットです

ファンタジー風の空を作り出すことができるアセットです

昼から夜まで一日すべて入っているいます

空の色を自由にカスタマイズすることはできません

Customizable skybox：空の光をカスタマイズできる

<「Customizable skybox」ダウンロードページ>
https://assetstore.unity.com/packages/2d/textures-materials/sky/customizable-skybox-174576

自由に空をカスタマイズできます

空の色を光の向きを変えることにより、自由に色を変えることができすアセットです

空の色をアニメーションでカンタンに変えたい場合には、とても役に立つアセットです

3D車モデル・レーシング・コース作成

Realistic Car Kit：キーボードでコントロールできるリアルな車アセット

<「Realistic Car Kit」ダウンロードページ>
>> https://assetstore.unity.com/packages/tools/physics/realistic-car-kit-18421?locale=ja-JP

車の動きやコースは販売しているゲームと差がありません

車とコースがセットになっているアセットです

車の動きは市販のゲームと差はないくらい、動きがとても良くできています

インストールしたら、すぐに試せるので、とてもオススメです

使い方は次のページで紹介しています

>> 「Unityでゲーム作りを始める！3Dレースカーで学ぶ・使い方講座」のページ

Car Maker：車のタイヤとボディをコントローラーできるようになる

車を作ることができるアセットです

<「Car Maker」ダウンロードページ>
https://assetstore.unity.com/packages/tools/game-toolkits/car-maker-166164?locale=ja-JP

車はタイヤと本体が分かれており、走らせるためにはプログラミングが必要です

しかし、このアセットを使えば数回のクリックで車を作ることができます

Fence Layout Tool：簡単にフェンスをつくれる

< 「Fence Layout Tool」ダウンロードサイト >
https://assetstore.unity.com/packages/tools/utilities/fence-layout-tool-162856?locale=ja-JP

フェンスを自由につくることができるアセットです

車のレースゲームではコーナーなど、曲がった道にフェンスが必要な時があります

このアセットは、地形にそってカンタンにフェンスを作ることができます

無料アセットでは、他には無いので、とてもオススメできるアセットです

3Dアクションゲーム

Flap Up：ボクセルタイプの3Dジャンプアクションゲーム

< 「Flap Up」ダウンロードページ >
>> https://assetstore.unity.com/packages/templates/packs/flap-up-74556

「Flap Up」はボクセル3Dのジャンプゲームです

「Flap Up」はモバイル向けの3Dアクションゲームのアセットです

タップのみでゲームを操作することができます

また、キャラクターもカンタンに入れ替えることができるように作られています

使い方は次のページで紹介しています

>> 「ボクセルキャラクターとモバイル3Dジャンプゲームのつくり方」のページ

3Dパズルゲーム

Obstacle Course Pack：すぐにプレイできるパズルセット

3Dパズルゲームのアセットです

< 「Obstacle Course Pack」ダウンロードページ >
https://assetstore.unity.com/packages/templates/packs/obstacle-course-pack-178169#description

Obstacle Course Pack」はパズルゲームのアセットです

キャラクターと3Dブロックがセットになっており、パズルゲームで必要なパーツが入っています

また、ジョイスティックのアセットと組み合わせることにより、スマートフォンでも操作できます

使い方は次のページで紹介しています

Unity初心者向け！スマホ＆モバイル用のバーチャルコントローラーパッドとボタンの使い方＆パズルゲームをつくろう 【おすすめアセット】

「モバイル用のゲームをつくりたい」「かっこいいパズルゲームをつくりたい」でも「どうやればいいか、わからない」と悩んでいませんか？このページでは、だれでも、できる方法でゲームのつくり方を紹介しています今回は、モバイル用のバーチャルパッドをゲー...

illust55.com

2021.09.09

2Dアクションゲーム

Metroidvania Controller：アクションゲームの動き、コントロール一括パック

「Metroidvania Controller」は2Dアクションのアニメーションセットです

>> Metroidvania Controllerのダウンロードページ

「Metroidvania Controller」は2Dアクションのコントロールとアニメーションセットです

ボタンを押してジャンプ、剣を振る、などのアニメーションでキャラクターを動かすことができます

また、敵キャラに攻撃を当てる、などの2Dアクションのシステムもふくまれています

＜使い方の紹介ページ＞
https://illust55.com/4055/

モバイルのバーチャルジョイスティック

Simple Input System：シンプルだけど高性能なモバイル用バーチャルパッド

モバイル用のゲームボタンが一通りそろっています

>> Simple Input Systemのダウンロードページ

モバイル用のジョイスティックのアセットです

Unityのプログラムを少しだけ置きかえるだけでスグに使えるようになります

モバイル用のゲームで使われているボタンが一通りそろっています

＜使い方の紹介ページ＞
https://illust55.com/4389/

マウス ＆ モバイルのタッチをコントロール

Lean Touch：マウス＆モバイルのタップやドラッグでオブジェクトを動かせる

タップやドラッグでオブジェクトをつかんだり、動かしたりできます

>> Lean Touchのダウンロードページ

マウスやモバイルのタップやドラッグでオブジェクトを動かせるようになるアセットです

回転や移動など基本的なことだけでなく、モバイルで必要なコントロールがほぼ全てそろってます

有料版ではさらに多くのシーンに合わせて細かくコントロールできるプログラムが詰め込まれています

マウスやドラッグのコントロールを探している時はオススメです

>> Lean Touchの使い方のページ

プログラミングをしないで作るれるようになる

Bolt：ビジュアルスクリプティングのアセット

Boltを使うとブロックを組み立てるように、プログラミングできます

>> Boltのダウンロードページ

Boltを使えばプログラムのパーツを組み合わせて、プログラミングすることができます

ビジュアルスクリプティングと言う、この方法なら簡単にプログラミングを始めることができます

>> Boltの使い方のページ

エフェクト・モデル・背景などの素材セット

Unity Particle Pack：オールマイティーなエフェクトセット

エフェクトがたくさん入っている公式アセットです

>> Unity Particle Packのダウンロードページ

Unity Particle Packは色々なエフェクトを詰め合わせた公式のアセットです

炎、水、雷など使うことの多いエフェクトが、カスタマイズできるように用意されています

また、完成度がとても高く、エフェクトを作るための勉強でもオススメです

＜使い方の紹介ページ＞
https://illust55.com/7623/

Particle Ingredient Pack：クオリティの高いエフェクトセット

400個以上のクオリティの高いエフェクトを無料で配布しています

Particle Ingredient Packのダウンロードページ

クオリティの高いパーティクルの詰め合わせアセットです

400個以上のさまざまなエフェクトが入っています

魔法、花火、炎など種類も多くふくまれています

いろいろなエフェクトを探している方にオススメのアセットです

Magic Effects FREE：魔法やアクションゲームに便利なエフェクトセット

ファンタジーのゲームで使われることの多いエフェクトのセットです

Magic Effects FREEのダウンロードページ

ファンタジーのゲームでよく使われるエフェクトの詰め合わせアセットです

とくに魔法陣など魔法のエフェクトが多く入っています

とてもクオリティが高いので、ファンタジー系のエフェクトを探している方にオススメです

Kenney Free Game Assets：ピクセルドット絵・3Dモデルなど無料素材配布サイト

さまざまなクオリティの高い素材を無料で配布しています

Kenney Free Game Assetsのサイト

3Dモデルからピクセルのドット素材などを無料で配布しています

クオリティが高く、コミカルでポップな素材がメインです

ユーザー登録が必要なく、すぐにセットを確認できます

多くの種類があるので素材の制作の参考にする使い方もオススメです

itchi.io：ピクセル＆3Dモデルまで幅広く公開されている総合サイト

無料のゲームからアセットまで幅広く公開しているインディーゲーム総合サイトです

itch.ioのサイト

フリーのゲームやアセットなど幅広く取り扱うインディーゲームの総合サイトです

クオリティの高いドット素材、3Dモデル、音楽など多くの素材が公開されています

モデルは圧縮ファイルで配布されているので、ゲーム制作だけはなく素材作りの学習にも役立ちます

日本語フォント

Selected U3D Japanese Font：標準日本語フォントパック

Unityで日本語をゲームで使うためのフォントです

< 「Selected U3D Japanese Font」のダウンロードページ >
>> https://assetstore.unity.com/packages/2d/fonts/selected-u3d-japanese-font-337?locale=ja-JP

Unityでメニューなどで日本語をつかう時にはフォントをインストールする必要があります

「Selected U3D Japanese Font」は無料で使えて、クセがなくキレイな日本語フォントです

＜使い方の紹介ページ＞
https://illust55.com/170/

テクスチャとマテリアル

World Materials Free：マテリアルの詰め合わせパック

3Dオブジェクトの表面に貼る、マテリアルの詰め合わせパックです

https://assetstore.unity.com/packages/2d/textures-materials/world-materials-free-150182?locale=ja-JP

3Dオブジェクトに貼るマテリアルの詰め合わせパックです

木や金属、コンクリートなど15種類のマテリアルが詰め込まれています

無料のマテリアルを探している場合には、ぜひ参考にしてください

次のページで使い方を紹介しています

超簡単にアクションパズルをつくる！Unityゲーム初心者講座 第2回

「パズルゲームをつくりたい」「オリジナルのゲームを作りたい」・・・でも「何からはじめれば良いか、わからない」「ムズかしそう」と考えていませんか？このページでは、だれでも、カンタンに、ゲームを作れる方法を紹介しています今回はUnityというソ...

illust55.com

2021.08.19

Unity公式の学習用アセット

Starter Assets – Third Person Character Controller

Unityが無料で公開している3Dアクションの学習用のアセットです

はじめからキーボードで自由にキャラクターを動かすことができます

>> Starter Assets – Third Person Character Controller

Unity公式の3Dアクションの学習用アセットです

サードパーソン型のアクションゲームですが、FPS型のアセットも別アセットで公開しています

元のキャラクターを別のキャラクターに変えることができます

このため、学習以外でも、工夫しだいで多くの使い方ができます

次のページでつかい方を紹介しています

>> 超初心者向け！3Dアクションのゲーム作り＆始め方

まとめ

今回はUNITYのオススメのアセットを紹介しました

Youtubeでは、さらにおもしろくUnityの使い方を紹介しています

他のページでもゲーム・映像のつくり方について紹介しています

>> Youtubeチャンネル イラスト55 @ クリエイティブ情報を紹介

>> Unityのカテゴリーページ

と悩んでいませんか？

このページでは、カンタンにUnrelaEngineを体験できるオススメのアセットを紹介します

インストールすればすぐに使えるので、ぜひ、チャレンジしてください

次の目次の流れにそって紹介します

Unreal Engineをはじめて聞いた方

ゲームエンジンは美しいグラフィック、ゲームをつくることができるソフトです

Unreal Engineは美しいグラフィックのゲームをつくることができるソフトです

現在、世界中で、イロイロな使い方で使われています

Unreal Engineでつくられたゲームを紹介します

Unreal Engineは公式サイトからダウンロードできます

＜Unreal Engine公式サイト＞
https://www.unrealengine.com/ja/?lang=ja

Unreal Engineのインストール方法を紹介しているページです

合わせてご覧ください

< UnrealEngineのインストールと地面の作り方のページ >
>> https://illust55.com/1485/

超リアルな背景・景観用

MegaScan（超リアルな３D環境モデル）

実際の物をあらゆる角度から写してつくった、３Dオブジェクトです

https://www.unrealengine.com/marketplace/ja/product/scarecrow

上の画像は写真ではありません、３Dオブジェクトです！

岩、木、草などあらゆる自然環境のオブジェクトが用意されており、拡大しても本物そっくりです

とてもリアルなMega Scansが使われている映像です

Twinmotionの3Dモデル

景観ソフト「Twinmotion」の3DモデルがUnreal Engineでも公開されています

https://www.unrealengine.com/marketplace/ja/product/twinmotion-posed-humans-sport-pack-1

超キレイな景色を作れるソフト「Twin Motion」の3DモデルをUnrealEngineで使うことができます

人や家具の3Dモデルが公開されており、ゲーム用として使うことができます

スポーツジムや楽器などマイナーな物もあるので、一度チェックすることをオススメします

Soul City（近未来サイバーパンク）

都市のビルや街のアセットです

https://www.unrealengine.com/marketplace/ja/product/soul-city

サイバーパンクの世界観が特徴的なアセットです

また、部品のボリュームもとても多く、多くの場面で使えます

パーツを使って、組み立てている映像です

Modular Scifi Season 2 Starter Bundle（宇宙船の中の景観）

細かな部分までキレイな宇宙船のパーツです

https://www.unrealengine.com/marketplace/ja/product/modular-scifi-season-2-starter-bundle

SFの世界観をもつ宇宙船の中のような環境のアセットです

組み立てた感じがわかる映像です

Advanced Village Pack（ファンタジーの田舎景色）

ファンタジーの田舎町のセットです

https://www.unrealengine.com/marketplace/ja/product/advanced-village-pack

色など細かな設定もできる、ファンタジーに出てくる田舎町のセットです

アセットの感じ、組み立て方の映像です

Vigilante（戦車・空母・車両・ミサイルなど軍事物の3Dモデル）

ミサイルや空母などミリタリーの多くの3Dオブジェクトが公開されています

https://www.unrealengine.com/marketplace/ja/profile/Vigilante?count=20&sortBy=effectiveDate&sortDir=DESC&start=0

視覚シミュレーションや防衛分野に強みをもつアメリカの会社です

多くのミリタリー系の3Dオブジェクトが無料で公開されています

超高品質なので、ミリタリー系を探している場合には、ぜひチェックしてください

キャラクターと建物の大ボリュームセット

Infinity Blade（大ボリュームの実際のゲームの３Dモデル＋背景）

発売したゲームで使っていたアセットです

https://www.unrealengine.com/marketplace/ja/assets?count=20&keywords=Infinity%20Blade&sortBy=relevancy&sortDir=DESC&start=0

『Infinity Blade』は、Chair EntertainmentとEpic Gamesが開発を続けていた、iOS向けのUnreal Engineアクションゲームです

ファンタジー色が強く、大規模ゲームだったので、特に景観などの３Dオブジェクトは

色々なところで使えそうです

アセットの感じがわかる映像です

『フィンチ家の奇妙な屋敷でおきたこと』（大ボリュームの実際のゲーム背景）

子供向けの少しかわいい感じ、のアセットです

https://www.unrealengine.com/marketplace/ja/assets?keywords=%E3%83%95%E3%82%A3%E3%83%B3%E3%83%81%E5%AE%B6

上の画像は『フィンチ家の奇妙な屋敷でおきたこと』という家庭用ゲームのワンシーンです

子供向けの少しかわいい感じのゲームです

PARAGON CONTENT（大ボリュームの実際のゲームの３Dモデル＋背景）

実際のゲームに使われたアセットです

とても大ボリュームで、キャラクターも魅力的です

https://www.unrealengine.com/marketplace/ja/assets?keywords=PARAGON%20CONTENT

上の画像は約13億円を費やして制作した『Paragon』というゲームです

このゲームの３Dモデルと背景を配布しています

とてもリアルなSF風のアセットです

The Matrix Awakensの建物 ＆ エキストラキャラクター ＆ 乗り物

期間限定で公開されて話題になったマトリックスのゲームのアセットです

https://www.unrealengine.com/marketplace/ja/product/city-sample

UE5 の技術デモである The Matrix Awakensのアセットです

建物、背景のキャラクター、乗り物が公開されており、別々にダウンロードすることもできます

とてもリアルに作りこまれており、数少ない都市と街並みのアセットになります

都市景観を探している方にはとくにオススメのアセットです

その他

月替りの無料セール

UnrealEngineは毎月無料になるアセットがストアに並びます

とても、美しいアセットやゲームを作る中で役に立つアセットなど、さまざまです

ただ、毎月交換されるので、無料の商品は翌月には有料となってしまうので

定期的に確認する必要があります

Scanned 3D People Pack

9人のキャラクターのセットです

少し少ないのが残念ですが、とてもリアルなキャラクターです

itch.io：3Dモデルから音楽までゲーム関連の素材がそろっている総合サイト

インディーゲームの総合サイトです

ゲーム開発の参考にもなります

itch.ioのサイト

3Dモデルから音楽やフリーゲームまで幅広く取り扱っているインディーゲームの総合サイトです

直接アンリアルエンジンから読み込むのではなく、圧縮ファイルで公開しています

このため、ゲーム素材の学習にも役立つオススメサイトです

まとめ

UnrealEngineのアセットはとてもリアルです

このため、ゲームを作るためだけではなく、映像やイラストなど、幅広い使い方ができます

Youtubeでは、おもしろく絵のつくり方を紹介しています

他のページでもCG・絵と映像のつくり方について紹介しています

>> 動画で紹介！絵と映像のつくり方

>> 絵と映像のつくり方のカテゴリーページ

と悩んでいませんか？

このページでは、だれでも、できる方法で、3Dエフェクトのつくり方を紹介しています

今回は無料ソフト「Unity」と「MagicaVoxel」をつかって、3Dエフェクトをつくる方法を紹介します

ぜひ、チャレンジしてください

つぎの目次の流れにそって進めます

Youtubeでさらにくわしく、絵と映像のつくり方を紹介しています

>> イラスト55 @ クリエイティブ情報を紹介

・Unityをはじめて聞いた方

Unityとはゲームをつくためのソフトです

Unityは世界でもっとも使われているゲームをつくるためのソフトです

公式サイトからインストールプログラムをダウンロードすることができます

＜Unity公式サイト＞
https://unity.com/ja

Unityのインストールの方法を次のページで紹介しています

ぜひ、合わせてご覧ください

＜UNITYのインストール方法と 初めての使い方を 紹介しているページ＞
https://illust55.com/2018/

・かっこいいエフェクトアセットを使って爆発する３Dオブジェクトをつくろう

・このページで紹介すること

このページで紹介することです

3Dをつくり、マウスクリックで爆発するアニメーションをつくります

・3Dソフト「MagicaVoxel」をはじめよう

3Dソフトの「MagicaVoxel」をダウンロードします

ダウンロードできるファイルが見つかります

ダウンロードしたファイルを解凍するとアイコンがあらわれます

・「MagicaVoxel」で3Dキャラクターをつくろう

3Dキャラクターをつくる用意をします

キャラクターの中心をはじめにつくります

高さが「23」になるようにつくります

キャラクターの足をつくります

大きさが「20」の球をつくります

球の回りをけずります

１つけずりました

目の色をぬります

・完成した3Dオブジェクトを保存しよう

他のソフトにはこぶ用意をします

保存すると3つのファイルができあがります

・3Dオブジェクトにエフェクトをくわえるためのパーツをダウンロードしよう

Unityをインストールしていない方は、

公式サイトからダウンロードしてください

Unityで使う、エフェクトのパーツをダウンロードする用意をします

公式サイトにアクセスしてください

アカウントにゲーム部品を追加します

・Unityでつくった3Dに爆発するアニメーションをつくろう

Unityを起動してください

今回は、3Dのプロジェクトをつくります

Unityの操作ができる画面があらわれました

自分のアセットパーツにアクセスします

公式サイトで追加したパーツをクリックしてください

ダウンロードしたパーツをとりこみます

つくった3DをUnityにとりこみます

3DをUnityでコントロールする用意をします

画像ファイルを3Dキャラクターにドラッグ＆ドロップしてください

3Dキャラクターの色があらわれます

マウスのクリックで動くためのプログラムをつくります

メモ帳でプログラムを書きくわえます

次のプログラムをコピー＆ペーストしてください

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class NewBehaviourScript : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        
    }

    [SerializeField] GameObject explosionPrefab;
 
    void OnMouseDown()
    {
        Instantiate (explosionPrefab, transform.position, Quaternion.identity);
        Destroy(this.gameObject);
    }
}

クリックに反応する部分をつくります

クリックで動くためのプログラムを3Dオブジェクトにくわえます

爆発するエフェクトをえらびます

カメラの位置を画面で見えている位置にします

カメラの位置がうごきます

・つくった動きをテストプレイしよう

プレイで動きを確認してください

3Dが爆発するアニメーションになりました

・まとめ

今回は無料ソフト「Unity」と「MagicaVoxel」をつかって、3Dエフェクトをつくる方法を紹介しました

Youtubeでは、さらにおもしろく絵のつくり方を紹介しています

また、他のページでもゲーム・CG・映像のつくり方について紹介しています

>> Youtubeチャンネル イラスト55 @ クリエイティブ情報を紹介

>> Unityのカテゴリーページ