UNITYの使い方 | 「Free! Illustlation &くりえいてぃぶ」

AIで超簡単ゲーム作成！バイブコーディングでプロ級＆バイブコーディング入門編

i57295911 — Sat, 26 Jul 2025 14:32:49 +0000

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のプログラムの生成をおこなうことができます

１．Geminiがつくったイメージから１枚を選び、アップロードします

２．「HTML５でつくること」、「横スクロールシューティング」であることをAIに伝えます

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

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

・プログラムの生成がおわったら「HTML」ファイルをダウンロードできます

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

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

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

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

・「HTML」はダブルクリックで実行できます

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

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

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

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

・もとの画像を「Gemini」にアップロードして、キャラクターを生成します

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

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

・もとの画像から背景が白色になったキャラクターが生成されました

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

>> 「My Edit」のサイト

１．背景を切り抜きできるサイトに移動します

２．「背景」ボタンをクリックします

３．キャラクターの白背景がなくなり、透明になります

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

１．「編集」ボタンをクリックします

２．キャラクターの周りをドラッグして画像を小さくできます

３．画像の大きさを決めたら、「ダウンロード」ボタンをクリックします

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

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

・つづいて、「Gemini」で敵キャラを生成します

・「メルヘン」、「ピクセル」、という２つのキーワードを伝えます

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

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

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

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

１．「背景」ボタンから背景を透明した後、「編集」ボタンから画像の大きさを調整します

２．「ダウンロード」ボタンをクリックして、画像をダウンロードします

ChatGPTで背景の画像をつくる

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

>> 「ChatGPT」のサイト

１．「ChatGPT」のサイトに移動します

２．「メルヘン」、「魔法」「ピクセル画像」、「風景」、「ループ画像」を伝えて生成します

３．ループ背景が生成できました

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

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

１．「＋」ボタンをクリック

２．「Upload File」ボタンをクリック、主役の画像ファイルをアップロードします

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

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

１．アップロードした画像とプログラムの画像を変えるように伝えます

２．「Run」ボタンをクリックして、プログラムを生成します

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

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

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

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

１．敵キャラの画像をアップロードします

２．「敵キャラ」、「編隊を組んで動く」、「やられた時のエフェクトを花火のように」、
「弾をうつこと」をAIに伝えます

３．「Run」をクリックして、プログラムを生成します

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

次は背景を登場させます

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

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

１．「敵キャラを小さくする」ことを伝えます

２．背景画像をアップロードして、「横にくりかえす」ことを伝えます

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

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

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

・「敵キャラを小さくすること」、「主役の弾を炎のように」することを伝えます

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

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

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

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

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

超初心者向け！Unityのおすすめ無料アセットのまとめ＆紹介【ゲームの作り方入門】

i57295911 — Thu, 04 Aug 2022 03:10:00 +0000

「アクションゲームを作ってみたい！」
「３Dのかっこいいゲームを作ってみたい」

「けどプログラミングはしたくない」

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

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

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

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というソ...

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のカテゴリーページ

Unity超入門講座！かっこいいエフェクトのアセットの使い方＆ボタンクリックで爆発する３Dオブジェクトの作り方【初心者向け】

i57295911 — Sat, 16 Apr 2022 01:58:31 +0000

「3Dのムービーについて興味がある」
「3Dをつくってみたい」
「かっこいい3Dのエフェクトをつくってみたい」

・・・でも
「どうやって始めればいいか、わからない」

と悩んでいませんか？

このページでは、だれでも、できる方法で、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」の公式サイトにアクセスしてください
＜MagicaVoxel公式サイト＞
https://ephtracy.github.io/

２．「Download」をクリックしてください

ダウンロードできるファイルが見つかります

・使うPCに合わせてファイルをクリックしてください

ダウンロードしたファイルを解凍するとアイコンがあらわれます

・アイコンをクリックすると起動します

・「MagicaVoxel」で3Dキャラクターをつくろう

3Dキャラクターをつくる用意をします

１．「Clear」をクリックしてください

２．「グリッド」のアイコンをクリックしてください

キャラクターの中心をはじめにつくります

１．ボックスのアイコンをクリックしてください

２．「アタッチ」をクリックしてください

３．画面の真ん中でクリックしてください

４．作られたボックスの上にカーソルを合わせて、さらにクリックしてタテにボックスをつなげます

高さが「23」になるようにつくります

１．23回クリックしてタテに23段になるようにつくります

２．下の「Z」が「２３」になるようにつくります

キャラクターの足をつくります

１．カラーパレットからイエローをクリックしてください

２．タテのブロックのまわりをクリックしてください

３．「高さ２」「ヨコ２」「長さ６」のイエローのブロックをつくります

大きさが「20」の球をつくります

１．小さいボックスのアイコンをクリックしてください

２．「アタッチ」をクリックしてください

３．「VOXEL 20」にして、「3D」をクリックしてください

４．カラーパレットのブルーをクリックしてください

５．タテに長い薄青ブロックにマウスを合わせてください

６．下の「Z」が「11」になるようにしてください

球の回りをけずります

１．上矢印のアイコンをクリックしてください

２．「Erase」のボタンをクリックしてください

３．飛び出ている面に合わせてクリックしてください

１つけずりました

・一段無くなりました

目の色をぬります

１．ボックスのアイコンをクリックしてください

２．「Paint」をクリックしてください

３．平らな面でクリックして目をつくります

・完成した3Dオブジェクトを保存しよう

他のソフトにはこぶ用意をします

・右下の「obj」をクリックして3Dを保存します

保存すると3つのファイルができあがります

・保存すると３つのファイルがあらわれます

・3Dオブジェクトにエフェクトをくわえるためのパーツをダウンロードしよう

Unityをインストールしていない方は、

公式サイトからダウンロードしてください

＜Unity公式サイト＞
https://unity.com/ja

Unityで使う、エフェクトのパーツをダウンロードする用意をします

公式サイトにアクセスしてください

１．公式のゲームの部品のサイトにアクセスしてください
https://assetstore.unity.com/packages/essentials/tutorial-projects/unity-particle-pack-127325

２．画面の上の「ID」アイコンをクリックしてください

３．画面の上の「ログイン」ボタンをクリックしてください

アカウントにゲーム部品を追加します

・「マイアセットに追加する」をクリックしてください

・Unityでつくった3Dに爆発するアニメーションをつくろう

Unityを起動してください

１．「プロジェクト」のボタンをクリックしてください

２．「新しいプロジェクト」ボタンをクリックしてください

今回は、3Dのプロジェクトをつくります

１．「すべてのテンプレート」ボタンをクリックしてください

２．「3D」ボタンをクリックしてください

３．「プロジェクトを作成」をクリックします

Unityの操作ができる画面があらわれました

・「Window」 → 「Package Manager」をクリックしてください

自分のアセットパーツにアクセスします

１．「Packages」をクリックします

２．「My Assets」をクリックしてください

公式サイトで追加したパーツをクリックしてください

１．あらわれたボタンから「Unity Particle Pack」をクリックしてください

２．「Download」ボタンをクリックしてください

３．あらわれた「Import」ボタンをクリックしてください

ダウンロードしたパーツをとりこみます

・「Import」をクリックしてください

つくった3DをUnityにとりこみます

１．「obj」、「png」ファイルをドラッグ＆ドロップしてください

２．3Dオブジェクトがあらわれます

3DをUnityでコントロールする用意をします

１．3Dの「▶」をクリックしてください

２．あらわれた3Dを画面にドラッグ＆ドロップしてください

画像ファイルを3Dキャラクターにドラッグ＆ドロップしてください

3Dキャラクターの色があらわれます

１．取り込んだ画像ファイルをドラッグ＆ドロップします

２．3Dキャラクターの色があらわれました

マウスのクリックで動くためのプログラムをつくります

１．空いている部分で右クリックをしてください

２．「Create」 → 「C# Script」をクリックしてください

メモ帳でプログラムを書きくわえます

・あらわれた「C#ファイル」をメモ帳にドラッグ＆ドロップしてください

次のプログラムをコピー＆ペーストしてください

・次のプログラムをコピー＆ペーストしてください

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をクリックしてください

２．「Add Component」をクリックしてください

３．検索ボックスに「col」といれてください

４．「Box Cllider」をクリックしてください

クリックで動くためのプログラムを3Dオブジェクトにくわえます

・C#ファイルを「Add Componet」にドラッグ＆ドロップしてください

爆発するエフェクトをえらびます

１．「EffectsExamples」 → 「FireExplosion」 → 「Prefabs」をクリックしてください

２．「Big Explosion」を「Explosion Prefab」にドラッグ＆ドロップしてください

カメラの位置を画面で見えている位置にします

・「Main Camera」をクリックしてください

カメラの位置がうごきます

・「GameObject」 → 「Align With View」をクリックしてください

・つくった動きをテストプレイしよう

プレイで動きを確認してください

１．「Game」タブをクリックしてください

２．「▶」ボタンをクリックしてください

3Dが爆発するアニメーションになりました

・「3D」をクリックすると爆発するエフェクトをつくることができました

・まとめ

今回は無料ソフト「Unity」と「MagicaVoxel」をつかって、3Dエフェクトをつくる方法を紹介しました

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

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

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

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

Unity超初心者講座！モバイルタッチ＆ドラッグで画像と3Dモデルをつまむ・動かす・投げよう【Lean Touch】

i57295911 — Sat, 11 Dec 2021 09:36:31 +0000

Unity超初心者講座！モバイルタッチ＆ドラッグで画像と3Dモデルをつまむ・動かす・投げよう【Lean Touch】

「スマートフォンのゲームをつくりたい」
「ゲームのつくり方を知りたい」

でも
「どうやればいいか、わからない」

と悩んでいませんか？

このページでは、だれでも、できる方法でゲームのつくり方を紹介しています

今回は、Unityというソフトをつかって、ゲーム中のタップとドラッグの動きをつくる方法を紹介します

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

つぎの目次の流れにそって進めます

Youtubeでさらにくわしく、ゲームのつくり方を紹介しています

>> イラスト55 @ クリエイティブ情報を紹介

・Unityをはじめて聞いた方

Unityとはゲームをつくためのソフトです

Unityのインストールの方法を次のページで紹介しています

ぜひ、合わせてご覧ください

＜UNITYのインストール方法と初めての使い方を紹介しているページ＞
https://illust55.com/2018/

・タッチ＆ドラッグで画像と3Dモデルをつまむ・動かす・投げよう

このページで紹介すること

今回、紹介することです

画像をドラッグやタップで動かす方法を紹介します

ゲームのパーツをダウンロードする準備をしよう

はじめに、ゲーム部品のダウンロードの準備をします

公式のサイトにアクセスしてください

１．公式のゲームの部品のサイトにアクセスしてください
https://assetstore.unity.com/

２．画面の上の「ID」アイコンをクリックしてください

３．画面の上の「ログイン」ボタンをクリックしてください

ドラッグ＆タップで動かすプログラムをダウンロードする準備をします

１．「 lean touch 」で検索してください

２．無料アセットをチェックしてください

３．「Lean Touch」をクリックしてください

アカウントにパーツを加えます

・「マイアセットに追加する」をクリックしてください

Unityを起動してください

１．「プロジェクト」をクリックしてください

２．「新規作成」をクリックしてください

3Dのゲームをえらんでください

１．「3D」をクリックしてください

２．「プロジェクト名」、「保存先」を決めてください

３．「作成」をクリックしてください

ゲームの部品をダウンロードするウィンドウを表示します

１．「Window」メニューをクリックしてください

２．「Package Manager」をクリックしてください

自分のゲーム部品を表示します

１．「Packages」の種類ボタンをクリックしてください

２．「My Assets」をクリックしてください

※ これから探すゲームの部品が見つからない場合は青の数字をクリックしてください

ドラッグ＆タップで動かせるゲームパーツをダウンロードします

１．「Lean Touch」をクリックしてください

２．「DownLoad」をクリックしてください

３．ダウンロード後、「import」に変わります

４．「import」をクリックしてください

ダウンロードしたパーツをゲームに取り込みます

・「import」をクリックしてください

多くのコントロールの種類があります

はじめは、ゲーム部品の大きさを変えるプログラムです

１．「Assets」 → 「Lean」 → 「Touch」 → 「Examples」をクリックしてください

２．「13 Transform」をダブルクリックしてください

３．「テストプレイボタン」をクリックしてください

マウスをドラッグすると、大きさを変えることができます

１．「Ctrl」＋マウスをドラッグすると□の大きさが変わります

２．確認した後、「テストプレイボタン」をクリックしてください

次は、クリックすると火花がでるプログラムです

１．「09 Spawn」をダブルクリックしてください

２．「テストプレイボタン」をクリックしてください

３．クリックすると火花が現れます

次は、クリックすると色が変わるプログラムです

１．「16 Tap To Select」をダブルクリックしてください

２．「テストプレイボタン」をクリックしてください

３．クリックすると□が緑色に変わります

次は、ドラッグした後にラインが現れるプログラムです

１．「Finger Trail」をダブルクリックしてください

２．「テストプレイボタン」をクリックしてください

３．ドラッグするとマウスの後に白いラインが現れます

次は、ゲームパーツを回転することができるプログラムです

１．「TwistRotateCustomAxis」をダブルクリックしてください

２．「テストプレイボタン」をクリックしてください

３．「Ctrl」＋ドラッグで□を回転させることができます

・自分の画像を取りこんでドラッグでうごかそう

LeanTouchは多くのことができます

今回はその中でも、画像を取りこみドラッグで動かす方法を紹介します

・「Transform Relative」をクリックしてください

画像ファイルをドラッグ＆ドロップでゲームの中に取りこみます

１．「Assets」フォルダをクリックしてください

２．画像ファイルをドラッグ＆ドロップしてください

読みこんだ画像ファイルのタイプを変えます

１．読み込んだ画像ファイルをクリックしてください

２．「Texture Type」をクリックしてください

３．「Sprite（2D and UI）」をクリックしてください

何もない場所をクリックするとメッセージが現れます

１．何もない場所で一度クリックしてください

２．「Apply」をクリックしてください

タイプを変えると「▶」が現れます

１．ドラッグ＆ドロップしたファイルの「▶」をクリックしてください

２．現れたファイルをクリックしてください

画像をゲームに登場させます

１．現れたファイルをドラッグ＆ドロップしてください

２．ドラッグ＆ドロップしたファイルをクリックしてください

３．「Add Component」をクリックしてください

タッチするエリアのパーツです

１．現れた検索ボックスに「box」を入れてください

２．「Box Collider 2D」をクリックしてください

「LeanTouch」のプログラムを加えます

１．もう一度「Add Component」をクリックしてください

２．現れた検索ボックスに「lean drag」を入れてください

３．「Lean Drag Translate」をクリックしてください

回転プログラムをくわえます

１．もう一度「Add Component」をクリックしてください

２．現れた検索ボックスに「lean twist」を入れてください

３．「Lean TwistRotate」をクリックしてください

ピンチのプログラムをくわえます

１．もう一度「Add Component」をクリックしてください

２．現れた検索ボックスに「lean pinch」を入れてください

３．「Lean Pinch Scale」をクリックしてください

クリックで選ぶためのプログラムをくわえます

１．もう一度「Add Component」をクリックしてください

２．現れた検索ボックスに「lean selectable by」を入れてください

３．「Lean Selectable By Finger」をクリックしてください

えらんだ時に色が変わるプログラムをくわえます

１．もう一度「Add Component」をクリックしてください

２．現れた検索ボックスに「lean Selectable Sprite」を入れてください

３．「Lean Selectable Spriterender Color」をクリックしてください

画像を動かすためのプログラムがそろいました

・画像を動かすためのプログラムがそろいました

クリックできるエリアを確認します

OKならばテストプレイで確認してください

１．「BoxCllider 2D」の「△」をクリックしてください

２．ミドリの□をドラッグして画像の大きさにそろえてください

３．ミドリの□をドラッグして画像の大きさにそろえてください

４．「テストプレイ」ボタンをクリックしてください

クリックすると色が変わります

ドラッグするとゲームのパーツを動かすことができるようになりました

１．クリックすると選んだ状態になります

２．ドラッグすると自由に画像を動かすことができます

・まとめ

今回は、「Lean Touch」をつかい、ゲーム中のタップとドラッグの動きをつくる方法を紹介しました

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

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

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

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

Unity超初心者講座！無料３D背景のHDRI画像とドラッグで360度パノラマでカメラを動かそう

i57295911 — Wed, 08 Dec 2021 13:33:51 +0000

「かっこいい3D風景をつくりたい」
「ゲームの作り方を知りたい」

でも
「どうやればいいか、わからない」

と悩んでいませんか？

このページでは、だれでも、できる方法でゲームのつくり方を紹介しています

今回は、3Dゲームで背景を表示する方法とドラッグで360度カメラを動かす方法を紹介します

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

つぎの目次の流れにそって進めます

Youtubeでさらにくわしく、ゲームのつくり方を紹介しています

>> イラスト55 @ クリエイティブ情報を紹介

・Unityをはじめて聞いた方

Unityとはゲームをつくためのソフトです

Unityのインストールの方法を次のページで紹介しています

ぜひ、合わせてご覧ください

＜UNITYのインストール方法と初めての使い方を紹介しているページ＞
https://illust55.com/2018/

・HDRIとはなんなの？

“wikipedia 参照”

今回、ご紹介するHDRIは360度のパノラマ背景です

HDRIは360度見ることができる3DやVRのための背景です

前だけではなく、後ろ、上、下も背景になります

・無料３D背景のHDRI画像とドラッグで360度カメラを動かそう

・背景の部品をダウンロードしよう

無料の3D背景をダウンロードできるHDRIヘブンにアクセスしてください

１．無料の3D背景をダウンロードできるPolyヘブンにアクセスしてください

https://polyhaven.com/hdris

２．トップ画面の「HDRIs」をクリックしてください

HDRIが現れます

・背景にするHDRIをクリックしてください

「Download」のボタンをクリックするとダウンロードがはじまります

・「Download」のボタンをクリックしてください

・Unityに背景の部品をくわえよう

Unityを起動してください

１．「プロジェクト」をクリックしてください

２．「新規作成」をクリックしてください

３Dのプロジェクトをつくります

１．「3D」をクリックしてください

２．「プロジェクト名」、「保存先」を決めてください

３．「作成」をクリックしてください

ダウンロードした「HDRI」ファイルをドラッグ＆ドロップしてください

１．「Assets」をクリックしてください

２．ダウンロードしたファイルをドラッグ＆ドロップしてください

読みこんだファイルをクリックしてください

１．読みこんだファイルをクリックしてください

２．「TextureShape」をクリックしてください

３．「Cube」をクリックしてください

背景に映すために「マテリアル」ファイルをつくります

１．空いている場所で右クリックをしてください

２．「Create」 → 「Material」をクリックしてください

3Dの背景に「マテリアル」の種類を変えます

１．現れた「Materialファイル」をクリックしてください

２．「Shader」をクリックしてください

３．検索ウィンドウに「cubemap」を入れてください

４．現れた「cubemap」をクリックしてください

HDRIファイルを「マテリアル」に設定します

・HDRIファイルを「Cubemap」にドラッグ＆ドロップしてください

背景の設定ウィンドウが現れます

１．「Window」→「Rendering」→「Lighting」をクリックしてください

２．「Lighting」のウィンドウが現れます

背景を設定します

１．「Environment」をクリックしてください

２．「Skybox」に「Material」をドラッグ＆ドロップしてください

背景が現れました

・「360度」の背景が現れました

※ 画面内でマウス右ボタンをドラッグすると周りを見ることができます

・3Dの背景をドラッグで360度見渡すプログラムをつくろう

このままではプレイ中にドラッグで、360度見ることができません

１．空いている場所で右クリックをしてください

２．「Create」 → 「C# Script」をクリックしてください

プログラムファイルをつくります

ダブルクリックするとプログラムを変えられるソフトが起動します

１．現れた「C# Script」をダブルクリックしてください

２．「Visual Studio」が起動します

次のプログラムを貼り付けてください

ゲーム中に360度カメラを動かすプログラム

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class NewBehaviourScript : MonoBehaviour
{
    public float speed = 3.5f;
    private float X;
    private float Y;

    // Start is called before the first frame update
    void Start()
    {
     
	 }

    // Update is called once per frame
    void Update()
    {
        if (Input.GetMouseButton(0))
        {
            transform.Rotate(new Vector3(Input.GetAxis("Mouse Y") * speed, -Input.GetAxis("Mouse X") * speed, 0));
            X = transform.rotation.eulerAngles.x;
            Y = transform.rotation.eulerAngles.y;
            transform.rotation = Quaternion.Euler(X, Y, 0);
        }
    }
}

・もとのプログラムを消して、すべて貼り付けてください

変えたことをセーブします

・「ファイル」 → 「保存」をクリックしてください

カメラのパーツをクリックしてください

・「Main Camera」をクリックしてください

カメラのパーツにプログラムを加えます

・「C#ファイル」をドラッグ＆ドロップしてください

テストプレイで確認してください

・「テストプレイボタン」をクリックしてください

・3Dの背景をドラッグで360度見渡せることを確認しよう

テストプレイで360度、カメラを動かすことができます

・テストプレイ中でも、画面を360度ドラッグして見ることができます

※モバイルでもタップして、画面を360度見ることができます

まとめ

今回は、3Dゲームで背景を表示する方法、ドラッグで360度カメラを動かす方法を紹介しました

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

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

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

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

Unity超初心者向け！自分でつくったゲームをスマートフォンでプレイしよう

i57295911 — Fri, 08 Oct 2021 15:10:23 +0000

「スマホのゲームをつくってみたい」
「自分でゲームをつくって自分のスマホでプレイしたい」

・・・でも
「どうやればいいか、わからない」

と悩んでいませんか？

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

今回は、Unityを使いスマホ用のゲームファイルをつくる方法を紹介します

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

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

・Unityをはじめて聞いた方

Unityとはゲームをつくためのソフトです

Unityは世界でもっとも使われているゲームをつくるためのソフトです

公式サイトからインストールプログラムをダウンロードすることができます

＜Unity公式サイト＞
https://unity.com/ja

Unityのインストールの方法を次のページで紹介しています

ぜひ、合わせてご覧ください

＜UNITYのインストール方法と初めての使い方を紹介しているページ＞
https://illust55.com/2018/

次は、Unityでスマホ用のゲームファイルをつくる方法を紹介します

・スマートフォンでUnityのゲームをプレイしよう

・スマホ用のゲームをつくる準備をしよう

Unityを起動してください

１．インストールをクリックしてください

２．インストールしたUnityの右上「：」をクリックしてください

スマホのゲームをつくるためのパーツをダウンロードします

・モジュールを加えるをクリックしてください

Androidのゲームをつくるパーツです

１．「AndroidBuild Support」をクリックしてください

２．「INSTALL」をクリックしてください

・モジュールを加えるが現れない場合は、過去バージョンをダウンロードしよう

「モジュールを加える」が現れない時は、別のバージョンをダウンロードします

・Unityの過去のバージョンをダウンロードできる公式サイトにアクセスしてください
https://unity3d.com/jp/get-unity/download/archive

・下にスクロールしてください

今回は「2020.x」のバージョンを使います

１．「Unity2020.x」をクリックしてください

２．「Unity Hub」をクリックしてください

「開く」をクリックすると、Unityでダウンロードが始まります

１．「開く」をクリックしてください

２．PCにインストールした「Unity Hub」が起動し、ダウンロードが始まります

ダウンロードとインストールが終わりましたら、次に進んでください

・スマホ用のゲームファイルをつくろう

Unityの新しいゲームファイルをつくります

１．「プロジェクト」をクリックしてください

２．「新規作成」をクリックしてください

3Dゲームをつくります

１．「3D」をクリックしてください

２．「プロジェクト名」、「保存先」を決めてください

３．「作成」をクリックしてください

・スマホ用のゲームをつくるための部品をダウンロードしよう

スマホでプレイするゲーム部品をダウンロードする準備をします

１．公式のアセットストアにアクセスしてください
https://assetstore.unity.com/

１．画面の上の「ID」アイコンをクリックしてください

２．画面の上の「ログイン」ボタンをクリックしてください

無料のアセットです

１．「flap up」で検索してください

２．無料アセットをチェックしてください

３．「 Flap Up!」をクリックしてください

自分のアカウントに加えます

・「マイアセットに追加する」をクリックしてください

自分のゲーム部品を表示します

１．「Window」メニューをクリックしてください

２．「Package Manager」をクリックしてください

自分のゲーム部品の一覧が現れます

ゲームの部品をダウンロードします

１．「Flap Up!」をクリックしてください

２．「DownLoad」をクリックしてください

３．ダウンロード後、「import」に変わります

４．「import」をクリックしてください

ゲーム部品をこのファイルに上書きして取り込みます

・「import」をクリックしてください

ダウンロードしたファイルを取り込みます

・「import」をクリックしてください

・スマホ用にゲームファイルを書き出そう

サンプルゲームが現れます

１．「Assets」 → 「_FlapUp」 → 「Scenes」をクリックしてください

２．「Main」をクリックしてください

３．サンプルゲームの画面が現れます

スマホのゲームファイルをつくります

・「File」 → 「Build Settings」をクリックしてください

ゲームファイルの種類をスマホの「Android」用にします

１．「Android」をクリックしてください

２．「Switch Platform」をクリックしてください

「Android」で使えるゲームファイルをつくります

・「Build」をクリックしてください

ファイル名を決めてください

１．ファイル名を決めてください

２．「保存」をクリックしてください

新しくゲームファイルができました

・ゲームファイルが現れます

・PCの中にAndroidスマートフォンを用意しよう

スマホの中には作ったゲームを運んでプレイするのが難しい時があります

そこで、PCの中で確認する方法を紹介します

PCで動くスマホ「Andorid」をダウンロードします

１．「Android」スマホをダウンロードできるページにアクセスしてください
https://jp.bignox.com/

２．「DownLoad」をクリックしてください

ダウンロードしたファイルをインストールします

１．ダウンロードしたファイルをダブルクリックをしてください

２．インストールが始まります

・ゲームを動かそう

インストールが終わるとアイコンが変わります

・ゲームアプリのファイルをダブルクリックしてください

現れたゲームアプリをクリックしてください

１．アプリファイルが読み込まれました

２．ファイルをクリックしてアプリを起動してください

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

・Unityのゲームを起動することができました

・まとめ

今回はUnityを使い、つくったゲームをスマホでプレイする方法を紹介しました

本当の「Android」のスマホでも、プレイすることができます

しかし、プレイストア以外からアプリをインストールできる設定である必要があります

スマホによって方法が少し変わります

他のゲームつくりのページを紹介します

ぜひ、合わせてご覧ください

他のゲームつくりのページ

超初心者向け！Unityでつくる 2Dアクションゲームとアニメーション
https://illust55.com/4055/

2Dアクションゲームのマップと背景のつくり方！Unity入門講座
https://illust55.com/4133/

【入門】レースゲームの作り方＆Unityの使い方と道路アセットの紹介
https://illust55.com/3351/

ブラウザゲームとAIのゲームプログラムとゲーム制作ツールの無料配布ページ

i57295911 — Tue, 14 Sep 2021 10:06:21 +0000

ゲーム制作で役に立つ無料ツールです

200 キャラカットツールダウンロード

フォトショップのように背景切り抜き＆複数分割カットができます

ゲーム制作記事で紹介したブラウザゲームです

ゲーム制作記事で紹介した＆このページのブラウザゲームのプログラムです

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

i57295911 — Thu, 09 Sep 2021 14:26:02 +0000

「モバイル用のゲームをつくりたい」
「かっこいいパズルゲームをつくりたい」

でも
「どうやればいいか、わからない」

と悩んでいませんか？

このページでは、だれでも、できる方法でゲームのつくり方を紹介しています

今回は、モバイル用のバーチャルパッドをゲームにくわえて、プレイヤーを操作する方法を紹介します

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

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

また、このページはシリーズです、ぜひ、これまでのページもご覧ください

パズルゲームをつくる講座

超簡単にパズルゲームをつくる！ゲーム制作初心者講座第1回
https://illust55.com/3959/

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

・Unityをはじめて聞いた方

Unityとはゲームをつくためのソフトです

Unityのインストールの方法を次のページで紹介しています

ぜひ、合わせてご覧ください

＜UNITYのインストール方法と初めての使い方を紹介しているページ＞
https://illust55.com/2018/

次は、モバイル用のジョイスティックで

プレイヤーをコントロールする方法を紹介します

・モバイル用のバーチャルパッドでプレイヤーをコントロールしよう

今回、ご紹介することです

モバイル用のバーチャルパッドをつくります

・ゲームの部品をダウンロードする準備をしよう

Unityの公式のゲーム部品サイトにアクセスしてください

１．公式のアセットストアにアクセスしてください
https://assetstore.unity.com/

２．画面の上の「ID」アイコンをクリックしてください

３．画面の上の「ログイン」ボタンをクリックしてください

パズルゲームの部品のダウンロードを準備します

１．「Obstacle Course Pack」で検索してください

２．無料アセットをチェックしてください

３．「Obstacle Course Pack」をクリックしてください

自分のアカウントに追加します

・「マイアセットに追加する」をクリックしてください

バーチャルパッドのゲーム部品のダウンロードを準備します

１．「Simple Input System」で検索してください

２．無料アセットをチェックしてください

３．「Simple Input System」をクリックしてください

自分のアカウントに加えます

・「マイアセットに追加する」をクリックしてください

・ゲームの部品をダウンロードしよう

Unityを起動してください

１．「プロジェクト」をクリックしてください

２．「新規作成」をクリックしてください

3Dのプロジェクトをつくります

１．「3D」をクリックしてください

２．「プロジェクト名」、「保存先」を決めてください

３．「作成」をクリックしてください

ゲームの部品のウィンドウを表示します

１．「Window」メニューをクリックしてください

２．「Package Manager」をクリックしてください

自分のゲーム部品のウィンドウを表示します

１．「Packages」の種類ボタンをクリックしてください

２．「My Assets」をクリックしてください

パズルゲームのゲーム部品をダウンロードします

１．「Obstacle Course Pack」をクリックしてください

２．「DownLoad」をクリックしてください

３．ダウンロード後、「import」に変わります

４．「import」をクリックしてください

ダウンロードした部品を取り込んでください

・「import」をクリックしてください

ゲーム画面はまだ、おきかえません

・「Ignore」をクリックしてください

モバイル用のジョイスティックをダウンロードします

１．「Simple Input System」をクリックしてください

２．「DownLoad」をクリックしてください

３．ダウンロード後、「import」に変わります

４．「import」をクリックしてください

ダウンロードした部品を取り込んでください

・「import」をクリックしてください

・モバイル用のバーチャルパッドをゲームにくわえよう

パズルゲームの画面が現れます

１．「Assets」 → 「Scenes」をクリックしてください

２．「SampleScene」をダブルクリックしてください

３．「SampleScene」が読み込まれたことを確認してください

バーチャルスティック用のキャンバスをつくります

・「GameObject」 → 「UI」 → 「Canvas」をクリックしてください

キャンバスをつくりました

・「Canvas」がつくられました

バーチャルスティックをゲームに置きます

１．「Assets」 → 「Plugins」 → 「Prefabs」をクリックしてください

２．「Joystick」を「Canavas」にドラッグ＆ドロップしてください

３．「Canvas」の下に「Joystick」がつくられました

４．テストプレイボタンをクリックしてください

つかむことはできますが、プレイヤーは動きません

１．一度、キーボード「ESC」キーをクリックしてください

２．モバイルのジョイスティックをつかむことができます

３．ジョイスティックをつかんでもプレイヤーは動かないので、動くようにつくる必要があります

４．確認した後、テストプレイボタンをクリックしてください

・バーチャルスティックで動くようにプログラムを変えよう

プレイヤーの動きのプログラムを少し、変えます

１．「Player」をクリックしてください

２．「Character Controls」の「Script」の「CharacterControls」をクリックしてください

3．「CharacterControls」が現れます

プログラムのファイルを表示します

１．「CharacterControls」で右クリックをしてください

２．「Show in Explore」をクリックしてください

プログラムをメモ帳で表示してください

１．現れた「CharacterControls.cs」をメモ帳にドラッグ＆ドロップしてください

２．メモ帳に「CharacterControls.cs」が現れます

バーチャルパッド用のプログラムに置きかえます

１．メモ帳で「Input.Get」を検索してください

（※ 検索ボックスは「Ctrl」+「F」キーで現れます）

２．「Input.GetButton」が見つかりました

３．「Input.GetButton」→「SimpleInput.GetButton」に変えてください

（※ 先頭に「Simple」をつけるだけです）

頭に「Simple」をくわえるだけです

・「SimpleInput.GetButton」に変えました

同じく「Input」の頭に「Simple」をくわえてください

１．続けて「Input.Get」で検索してください

２．「Input.GetAxis」が見つかりました

３．「Input.GetAxis」→「SimpleInput.GetAxis」に変えてください

（※ 先頭に「Simple」をつけるだけです）

保存してください、変える部分は3行のみです

１．「SimpleInput.GetAxis」に変えました

２．メモ帳を「保存」して終了してください

・モバイル用のジャンプボタンをつくろう

ジャンプボタンをつくります

・「GameObject」 → 「UI」 → 「Button」をクリックしてください

キャンバスでボタンを表示します

・現れた「Button」を「Canvas」にドラッグ＆ドロップしてください

ボタンのゲーム部品を表示します

１．「Canvas」の下に「Button」ができました

２．「Button」をダブルクリックしてください

３．「Button」が現れました

ボタンについているテキストを消します

１．「Button」の左の「▶」をクリックしてください

２．現れた「Text」をクリック → 「Delete」ボタンで消してください

大きさを変えてください

・Widthを「60」、Heightを「60」に変えてください

ボタンの命令は使わないので消します

１．使わない「Button」の命令を消します

２．チェックボックスをクリックして、チェックマークを消してください

３．「AddComponent」をクリックしてください

モバイル用の部品をくわえます

１．現れた検索ボックスに「Button」を入れてください

２．現れた「Button Input UI」をクリックしてください

「J」が大文字なので注意してください

・「Button Input UI」の「Button」に「Jump」を入れてください

ボタンの絵を変えます

１．「SimpleInput」 → 「Sprites」 → 「ShadeDark」 → 「Buttons」をクリックしてください

２．「ShadeDark36」を「Source image」にドラッグ＆ドロップしてください

ボタンがわかりやすい場所に移動します

1.「移動ツール」をクリックしてください

２．矢印キーをドラッグするとボタンを移動できます

３．テストプレイボタンをクリックしてください

テストプレイで確認してください

・キャラクターが、ジョイスティックで移動、ボタンのクリックでジャンプするようになりました

・確認した後、テストプレイボタンをクリックしてください

ここまで紹介したことを加えました

＜他のパズルゲームのつくり方のページ＞

超簡単にパズルゲームをつくる！ゲーム制作初心者講座第1回
https://illust55.com/3959/

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

【3D景観＆背景】Unityで空をキレイにつくる方法
https://illust55.com/3233/

・まとめ

今回は、モバイル用のバーチャルパッドでプレイヤーを移動、ジャンプする方法を紹介しました

このブログでは、他のページでもUnityのゲームのつくり方を紹介しています

ぜひ、ご覧いただき、ゲームつくりのチャレンジを続けてください

他のゲームつくりのページを紹介します

ぜひ、合わせてご覧ください

他のゲームつくりのページ

超初心者向け！Unityでつくる 2Dアクションゲームとアニメーション
https://illust55.com/4055/

2Dアクションゲームのマップと背景のつくり方！Unity入門講座
https://illust55.com/4133/

【入門】レースゲームの作り方＆Unityの使い方と道路アセットの紹介
https://illust55.com/3351/

初心者Unityゲーム制作講座！ヒットポイントのライフゲージを作ろう

i57295911 — Sat, 04 Sep 2021 07:29:29 +0000

「かっこいいアクションゲームをつくりたい」
「ゲームのつくり方をしりたい」

・・・でも
「ムズかしそう」
「何からはじめればいいの？」

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

このページでは、だれでも、無料で、かんたん、できる方法でゲームつくりを紹介しています

今回は2Dアクションゲームのライフゲージのつくり方を紹介します

ぜひ、ゲームつくりに、チャレンジしてください

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

また、このページはシリーズですので、

これまでのページから、ぜひご覧ください

見出し

2Dアクションゲームとアニメーションのつくり方
https://illust55.com/4055/

2Dアクションゲームのマップと背景のつくり方！Unity入門講座
https://illust55.com/4133/

・Unityとは何？ゲームをつくることができるの？

はじめに、Unityをご存じない方へ、Unityをご紹介します

ご存じの方は、次の見出しまで、お進みください

Unityとはゲームをつくるためのソフトです

無料です、しかし、世界中でもっとも使われているゲームつくりのソフトです

・Unityをはじめるためにはどうすればいいの？

Unityをはじめるためにはインストールする必要があります

Unityをはじめるためには、公式サイトからプログラムをダウンロードする必要があります

公式サイトからインストールプログラムをダウンロードできます

＜Unity公式サイト＞
https://unity.com/

Unityのインストールの方法を次のページで紹介しています

ぜひ、合わせてご覧ください

＜UNITYのインストール方法と初めての使い方を紹介しているページ＞
https://illust55.com/2018/

次は、プレイヤーのヒットポイントのライフゲージのつくり方を紹介します

・プレイヤーのヒットポイントのライフゲージをつくろう

今回、ご紹介することです

プレイヤーのライフゲージをつくります

・プレイヤーがダメージを受けるとなくなる、ライフゲージをつくります

・ゲームの部品をダウンロードする準備をしよう

はじめに、ゲーム部品のダウンロードの準備をします

公式のサイトにアクセスしてください

ライフゲージの部品をダウンロードする準備をします

１．「Beautiful Progress Bar Free」で検索してください

２．無料アセットをチェックしてください

３．「Beautiful Progress Bar Free」をクリックしてください

アカウントに追加する準備をします

・「マイアセットに追加する」をクリックしてください

簡単プログラムの部品をダウンロードします

１．次のアドレスにアクセスして、「Bolt」のダウンロードの準備をしてください
＜Boltの配布ページ＞
https://assetstore.unity.com/packages/tools/visual-scripting/bolt-163802

２．「マイアセットに追加する」をクリックしてください

アクションゲーム部品をダウンロードする準備をします

１．「 Metroidvania Controller 」で検索してください

２．無料アセットをチェックしてください

３．「 Metroidvania Controller 」をクリックしてください

アカウントに追加してください

・「マイアセットに追加する」をクリックしてください

・Unityにゲームの部品をダウンロードしよう

Unityを起動してください

１．「プロジェクト」をクリックしてください

２．「新規作成」をクリックしてください

2Dのゲームを選んでください

１．「２D」をクリックしてください

２．「プロジェクト名」、「保存先」を決めてください

３．「作成」をクリックしてください

ゲームの部品をダウンロードするウィンドウを表示します

・「Windows」 → 「Package Manager」をクリックしてください

自分のゲーム部品を表示します

１．「Packages」をクリックしてください

２．「My Assets」をクリックしてください

ゲーム部品が一部しか現れない時があります

・これから紹介する「ゲームの部品」が現れない場合は、青の数字をクリックしてください

2Dアクションゲームの部品をダウンロードしてください

１．「 Metroidvania Controller 」をクリックしてください

２．「ダウンロード」をクリックしてください

３．ダウンロード後、「Import（読み込み）」をクリックしてください

ダウンロードしたゲーム部品を取り込みます

・「Import」をクリックしてください

ライフゲージのゲーム部品をダウンロードします

１．「 Beautiful Progress Bar Free 」をクリックしてください

２．「ダウンロード」をクリックしてください

３．ダウンロード後、「Import（読み込み）」をクリックしてください

ダウンロードしたゲーム部品を取り込みます

・「Import」をクリックしてください

簡単プログラムのゲーム部品をダウンロードしてください

１．「Bolt」をクリックしてください

２．「DownLoad」をクリックしてください

３．ダウンロード後、「import」に変わります

４．「import」をクリックしてください

ダウンロードしたゲーム部品を取り込みます

・「import」をクリックしてください

・簡単プログラム「Bolt」の準備をしよう

簡単プログラムをするために準備をします

１．「Bolt」のセットアップ画面が現れます

２．「Next」をクリックしてください

※ 表示されない場合は、「Tool」 → 「Bolt」 → 「Setup Wizard」をクリックしてください

わかりやすい名前の方法をえらびます

・「Programmer Naming」をクリックしてください

何も変えずに、次の画面にうつります

１．一番下までスライドしてください

２．「Next」をクリックしてください

何も変えずに、次の画面にうつります

１．一番下までスライドしてください

２．「Generate」をクリックしてください

簡単プログラムの準備が終わりました

・「Close」をクリックしてください

・ヒットポイントのゲージを作ろう

2Dアクションのゲーム画面が現れます

１．「Assets」 → 「Scenes」をクリックしてください

２．「Demo」をダブルクリックしてください

３．サンプルゲームが現れます

ライフゲージをつくるためのキャンバスを用意します

・「GameObject」 → 「UI」 → 「Canvas」をクリックしてください

キャンバスの大きさをゲーム画面の大きさに合わせます

１．「Canvas」をクリックしてください

２．キャンバスが作られました

３．「Render Mode」のボックスをクリックしてください

４．「Screen Space Camera」をクリックしてください

ゲームの画面になる、カメラのパーツを大きさにわり当てます

・「Render Camera」に「Main Camera」をドラッグ＆ドロップしてください

ライフゲージのスライダー部品を追加します

１．「Assets」 → 「Beautiful Progress Bar」 → 「Prefabs」をクリックしてください

２．多くのデザイン部品が現れます

３．一つ「Slider」をえらび、「Canvas」にドラッグ＆ドロップしてください

スライダーにゲージを表示させます

１．「Canavas」 → 「Slider」をクリックしてください

２．「Widht」に「780」、「Height」に「96」を入れていください

３．カラースライダーにゲージが現れました

※ ゲージが現れない時は、次で紹介する、ゲージをふやす方法をためしてください

スライダーのゲージをプレイヤーのヒットポイントの数字に合わせます

１．「Max Value」に「10」を入れてください

２．スライダーを右ガワまでドラッグしてください

３．スライダーがゲージでうまりました

スライダーは位置や大きさを変えることができます

１．スライダーは「移動ツール」、「拡大縮小ツール」で移動することができます

２．矢印をドラッグすると、移動させることができます

・ヒットポイントになる「ステータス」をつくろう

プレイヤーに簡単プログラムを加える準備をします

１．「DrawCharacter」をクリックしてください

２．「AddComponet」をクリックしてください

簡単プログラムの部品を加えました

１．現れた検索ボックスに「Machine」を入れてください

２．現れた「Flow Machine」をクリックしてください

プログラムのファイルをつくります

・「Macro」の「New」をクリックしてください

ファイル名を決めてください

１．ファイル名を決めてください

※ 今回は「Player_Bolt_asset」にしました

２．「保存」ボタンをクリックしてください

簡単プログラムの画面が現れます

１．「Edit Graph」ボタンをクリックしてください

２．「Bolt」の画面が現れます

簡単プログラムで使う、ステータスをつくります

・「Window」 → 「Variables」をクリックしてください

ステータスの設定をします

１．「Scene」をクリックしてください

２．「Name」にステータス用の名を入れてください

※ 今回は、「f_Player_Life」にしました

３．「Type」のボックスをクリックしてください

４．現れたリストから「float」をクリックしてください

・「プレイヤーのヒットポイント」→「つくったステータス」をつくろう

プレイヤーを読み込みます

１．空いている場所で、右クリックしてください

２．「DrawCharacter」をクリックしてください

プレイヤーのステータスの部品を読み込みます

・「CharacterContoroller2D」をクリックしてください

ステータスの中のヒットポイントを読み込みます

・「life（get）」をクリックしてください

ステータス部品が現れない時は、もう一度、セットアップしてください

※「CharacterContoroller2D」が見つからない場合

メニューの「Tools」 → 「Bolt」 → 「Setup Wizard」をクリックして

「Bolt」をもう一度、セットアップください

プレイヤーのヒットポイントを読み込むことができました

１．「life (get)」が現れます

２．空いている場所で右クリックしてください

３．「Add Unit」をクリックしてください

作ったステータスを読み込みます

・「Variables」をクリックしてください

作ったステータスに数字を入れる部品です

・「Set f_Player_Life」をクリックしてください

部品をつなげてください

１．矢印アイコンをドラッグ → 「Set Variable」の矢印につなげてください
※ゲーム中、何度もくりかえし続ける設定です

２．
「CharacterContoroller」の「青」アイコンをドラッグ→ 「Set Variable」の「緑」アイコンにつなげてください
※ 「プレイヤーのステータス」→「つくったステータス」にする設定です

・「つくったステータス」→「スライダーのゲージのステータス」をつくろう

続いて、スライダーがダメージを受けて、動くようにします

１．「Canvas」 → 「Slider」をクリックしてください

２．「AddComponent」をクリックしてください

簡単プログラムの部品をつくる準備をします

１．現れた検索ボックスに「machine」を入れてください

２．現れた「Flow Machine」をクリックしてください

ファイル名を決めてください

１．ファイル名を決めてください
※ 今回は「Slider_Bolt_Asset」にしました

２．「保存」ボタンをクリックしてください

つくったステータスを読み込みます

１．「Edit Graph」をクリックしてください

２．空いている場所で右クリックをしてください

３．「Variables」をクリックしてください

「Scene」の中のステータス一覧を読み込みます

・「Scene」をクリックしてください

つくったステータスから数字をもらう部品です

・「Get f_Player_Life」をクリックしてください

続いて、スライダーのステータスを変える部品をつくります

１．空いている場所で右クリックをしてください

２．「Add Unit」をクリックしてください

スライダーの中の部品を読み込みます

・「Slider」をクリックしてください

スライダーのステータスに数を入れられる部品です

・「value (set)」をクリックしてください

部品をつなぎます

１．矢印アイコンをドラッグ → 「 value (set)」の矢印につなげてください
※ ゲーム中、何度もくり返す設定です

２．「Get Variable」の「緑」アイコンをドラッグ → 「 value (set) 」の「青」アイコンにつなげてください
※ 「つくったステータス」→「スライダーのステータス」にする設定です

３．「テストプレイ」ボタンをクリックしてください

プレイヤーのヒットポイントのゲージが、できました

・プレイヤーへのダメージで「スライダーのゲージ」がなくなるように、なりました

※ 確認が終わりましたら、テストプレイボタンをクリックしてください

これまで紹介したことを組み合わせました

ぜひ、これまでのページもご覧いただき、チャレンジしてください

これまでのつくり方のページを紹介します、ぜひ、あわせてご覧ください

＜2Dアクションゲームとアニメーションのつくり方＞
https://illust55.com/4055/

＜2Dアクションゲームのマップと背景のつくり方！Unity入門講座＞
https://illust55.com/4133/

・まとめ

今回は、プレイヤーのヒットポイントを見てわかる、ライフゲージのつくり方を紹介しました

このブログでは、他のページでもゲームのつくり方を紹介しています

ぜひ、ご覧いただき、ゲームつくりにチャレンジを続けてください

他のゲームつくりのページを紹介します

ゲームつくりを紹介しているページ

2Dアクションゲームとアニメーションのつくり方
https://illust55.com/4055/

2Dアクションゲームのマップと背景のつくり方！Unity入門講座
https://illust55.com/4133/

ゲームプログラミング！UnityとBoltのつかい方＆ゲーム制作初心者講座
https://illust55.com/3889/

超初心者向け！3Dアクションのゲーム作り＆始め方【UNITY】
https://illust55.com/3394/

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

2Dアクションゲームのマップと背景のつくり方！Unity入門講座

i57295911 — Thu, 26 Aug 2021 13:46:26 +0000

「かっこいいアクションゲームをつくりたい！」
「カンタンにゲームをつくりたい」

・・・と思っても
「どうすればいいか、わからない」

と悩んでいませんか？

このページでは、無料で、だれでも始められる方法でゲームのつくり方を紹介しています

今回は、2Dアクションゲームのステージと背景の絵を、つくる方法を紹介します

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

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

また、このページはシリーズですので、

前回のページから、ぜひご覧ください

前回のページ

2Dアクションゲームのキャラクターとアニメーションのつくり方のページ
https://illust55.com/4055/

・Unityとは何？ゲームをつくることができるの？

Unityとはゲームをつくるためのソフトです

無料です

しかし、世界中で趣味のゲームから一流のゲームまで使われています

Unityで作られたゲームを紹介します

・Unityはどうすれば始められるの？

Unityをはじめるためには、インストールする必要があります

Unityを始めるためには、プログラムをインストールする必要があります

インストールプログラムは、公式サイトからダウンロードできます

＜Unity公式サイト＞
https://unity.com/ja

Unityのインストールの方法を次のページで紹介しています

ぜひ、合わせてご覧ください

＜UNITYのインストール方法のページ＞
https://illust55.com/2018/

次は、2Dアクションゲームで、

ステージと背景の絵をつくる方法を紹介します

・2Dアクションゲームのマップをつくろう

今回、紹介するゲームつくりです

左のゲームマップを右のゲームマップに変えます

・はじめに用意されているマップを右のマップに変えます

はじめに、ゲーム部品のダウンロードの準備をします

公式のサイトにアクセスしてください

１．公式のゲームの部品のサイトにアクセスしてください
https://assetstore.unity.com/

１．画面の上の「ID」アイコンをクリックしてください

２．画面の上の「ログイン」ボタンをクリックしてください

背景の絵をダウンロードする準備をします

１．「Foggy Mountains」で検索してください

２．無料アセットをチェックしてください

３．「Foggy Mountains」をクリックしてください

自分のアカウントに追加します

・「マイアセットに追加する」をクリックしてください

ゲームの草や地面などの部品です

１．「Alien Tile Set」で検索してください

２．無料アセットをチェックしてください

３．「 Alien Tile Set」をクリックしてください

自分のアカウントに追加します

・「マイアセットに追加する」をクリックしてください

アクションゲームの部品です

１．「 Metroidvania Controller 」で検索してください

２．無料アセットをチェックしてください

３．「 Metroidvania Controller 」をクリックしてください

自分のアカウントに追加します

・「マイアセットに追加する」をクリックしてください

・ゲームの部品をダウンロードする準備をしよう

Unityを起動してください

１．「プロジェクト」をクリックしてください

２．「新規作成」をクリックしてください

2Dのゲームをつくります

１．「２D」をクリックしてください

２．「プロジェクト名」、「保存先」を決めてください

３．「作成」をクリックしてください

ゲーム部品のウィンドウを表示します

・「Windows」 → 「Package Manager」をクリックしてください

Unityに用意されているゲームの部品を表示します

１．「Packages」をクリックしてください

２．「Unity Registry」をクリックしてください

キャラクターをつねにゲーム画面に表示させる、部品です

１．検索のボックスに「sin」と入れてください

２．現れた「Cinemachine」をクリックしてください

３．「Install」ボタンをクリックしてください

自分のゲーム部品を表示します

１．「Packages」をクリックしてください

２．「My Assets」をクリックしてください

ゲームの部品が多い時は、すべて表示されません

・これから紹介する「ゲームの部品」が現れない場合は、青の数字をクリックしてください

アクションゲームの部品をダウンロードしてください

ダウンロードした、部品をゲーム内に取り込みます

・「Import」をクリックしてください

ゲームマップの部品をダウンロードします

１．「 Alien Tile Set 」をクリックしてください

２．「ダウンロード」をクリックしてください

３．ダウンロード後、「Import（読み込み）」をクリックしてください

ダウンロードした、部品をゲーム内に取り込みます

・「Import」をクリックしてください

背景の絵をダウンロードします

１．「Foggy Mountains 」をクリックしてください

２．「ダウンロード」をクリックしてください

３．ダウンロード後、「Import（読み込み）」をクリックしてください

ダウンロードした、部品をゲーム内に取り込みます

・「Import」をクリックしてください

サンプルのゲームを表示します

１．「Assets」 → 「Scenes」をクリックしてください

２．「Demo」をダブルクリックしてください

３．サンプルゲームが現れます

プレイヤー以外は、つかわないので、消してください

・はじめに、プレイヤーの「DrawCharacter」以外を消します

「Delete」キーで消すことができます

１．プレイヤーの「DrawCharacter」以外を選んでください

２．キーボード「Delete」キーをおしてください

ゲーム画面に絵をおく準備をします

１．「Windows」 → 「Tile Palette」をクリックしてください

２．「Tile Palette」が現れたことを確認してください

地面のパーツが現れます

１．「Assets」 → 「Tile Palette」をクリックしてください

２．「GroundTiles」をクリックしてください

３．「GroundTiles」のパレットが現れます

絵をおくためのマス目のオブジェクトをつくります

１．左ウィンドウの空いている場所で右クリックをしてください

２．「2D Object」 → 「Tile map」 → 「Rectangular」をクリックしてください

ドラッグ＆ドロップで、絵をおくことができます

１．現れた「Tile map」をクリックしてください

２．地面にする絵をドラッグしてください

３．画面をクリックすると、絵をおくことができます

今回は、このようにつくりました

・今回は、このようにマップをつくりました

絵が重なるときは、「 Order Layer 」の数を変えてください

１．「移動するツール」のボタンをクリックしてください

２．「Assets」 → 「AlienTileSet」 → 「Splites」 → 「Trees」をクリックしてください

３．現れた木のパーツをドラッグ＆ドロップしてください

４．「Order Layer」に「-100」を入れて、木がプレイヤーの後ろになるようにします

マップを今回は、このようにつくりました

・今回はこのようにつくりました

背景を画面におきます

１．「Assets」 → 「Foggy Mountains」をクリックしてください

２．現れた、背景のパーツをドラッグ＆ドロップで置いてください

空のパーツをおきます

・続いて、空のパーツをドラッグ＆ドロップしてください

大きさを画面に合わせてください

１．画面左上の「拡大・縮小」ボタンをクリックしてください

２．背景の「Mountains」と「Sky」をドラッグで、二つ選んでください

３．現れた、矢印をドラッグして、背景を拡大してください

地面の絵にキャラクターが立てるようにします

１．「Grid」 → 「Tilemap」をクリックしてください

２．「Add Component」をクリックしてください

プレイヤーが立つための土台を、自由につくれるパーツです

１．検索のボックスに「poly」を入れてください

２．現れた「Polygon Collider 2D」をクリックしてください

カドをドラッグすると形を変えることができます

１．「Edit Collider」のボタンをクリックしてください

２．現れた五角形の形を変えます

３．カドをドラッグすると形を変えることができます

緑のラインの上をクリックすると、新しいカドが現れます

１．つくった地面と同じ形にドラッグします

２．緑の線の上をクリックすると、新しいカドができます

今回は、このような形につくりました

・このような形につくりました

・プレイヤーをつねに映すゲーム画面をつくろう

カメラをつくります

１．左ウィンドウの何もない部分で、右クリックしてください

２．現れたメニューの「Camera」をクリックしてください

カメラをおいかけるパーツです

１．画面上の「Cinemachine」をクリックしてください

２．現れたメニューの「Ceate 2D Camera」をクリックしてください

プレイヤーを追うようにしました

１．現れたメニューの「CM vcam1」をクリックしてください

２．「Follow」にプレイヤーの「DrawCharacter」を、ドラッグ＆ドロップしてください

３．「Screen Y」に「0.6」、「Dead Zone Height」に「0.7」を入れます

※ カメラをタテ方向に動かなくさせ、位置を調整します

カメラと背景が、同時に動くようにつくります

・「Mountains_1」、「Sky」を二つクリックして、選んでください

カメラの動きに合わせるようにつくりました

１．「Mountains_1」、「Sky」を「Camera」ドラッグしてください

２．「Camera」でマウスを離して、「Camera」の中に入るようにしてください

・テストプレイで確認しよう

テストプレイをして、つくりを確認してください

１．テストプレイボタンをクリックして、つくりを確認してください

２．プレイヤーが地面の上を移動して、背景がプレイヤーの動きについて来るようになりました

左は、前回紹介しましたプレイヤーを変える方法と、今回を合わせた画面です

右は、「Alien Tile Set」のパーツをおいた画面です

多くのきれいなパーツがあるので、ぜひ試してください

前回のキャラクターとアニメーションのページをご案内します

＜前回のページ＞
2Dアクションゲームのキャラクターとアニメーションのつくり方のページ
https://illust55.com/4055/

・まとめ

今回は「Unity」の2Dアクションゲームでマップをつくる方法とカメラのつくり方を紹介しました

このブログでは、他のページでもゲームつくりを紹介しています

ぜひ、合わせてご覧いただき、チャレンジを続けてください

他のゲームつくりのページを紹介します

ぜひ、合わせてご覧ください

見出し

超初心者向け！Unityでつくる 2Dアクションゲームとアニメーション
https://illust55.com/4055/

UNITY初心者！Karting MicroGameでオリジナルマップを作ろう第四回目
https://illust55.com/3631/

超簡単にゲームプログラミング！UnityとBoltの使い方＆ゲーム制作初心者講座
https://illust55.com/3889/

【ゲーム制作超初心者＆Unity入門】パズルゲームの作り方を学ぼう
https://illust55.com/2469/

ここまで、ご覧いただきまして、ありがとうございました

UNITYの使い方 | 「Free! Illustlation &くりえいてぃぶ」

AIで超簡単ゲーム作成！バイブコーディングでプロ級＆バイブコーディング入門編

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

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

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

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

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

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

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

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

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

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

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

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

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

ChatGPTで背景の画像をつくる

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

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

超初心者向け！Unityのおすすめ無料アセットのまとめ＆紹介【ゲームの作り方入門】

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

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

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

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

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

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

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

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

3Dアクションゲーム

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

3Dパズルゲーム

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

2Dアクションゲーム

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

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

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

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

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

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

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

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

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

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

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

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

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

日本語フォント

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

テクスチャとマテリアル

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

Unity公式の学習用アセット

Starter Assets – Third Person Character Controller

まとめ

Unity超入門講座！かっこいいエフェクトのアセットの使い方＆ボタンクリックで爆発する３Dオブジェクトの作り方【初心者向け】

・Unityをはじめて聞いた方

・かっこいいエフェクトアセットを使って爆発する３Dオブジェクトをつくろう

・このページで紹介すること

・3Dソフト「MagicaVoxel」をはじめよう

・「MagicaVoxel」で3Dキャラクターをつくろう

・完成した3Dオブジェクトを保存しよう

・3Dオブジェクトにエフェクトをくわえるためのパーツをダウンロードしよう

・Unityでつくった3Dに爆発するアニメーションをつくろう

・つくった動きをテストプレイしよう

・まとめ

Unity超初心者講座！モバイルタッチ＆ドラッグで画像と3Dモデルをつまむ・動かす・投げよう【Lean Touch】

・Unityをはじめて聞いた方

・タッチ＆ドラッグで画像と3Dモデルをつまむ・動かす・投げよう

このページで紹介すること

ゲームのパーツをダウンロードする準備をしよう

・自分の画像を取りこんでドラッグでうごかそう

・まとめ

Unity超初心者講座！無料３D背景のHDRI画像とドラッグで360度パノラマでカメラを動かそう

・Unityをはじめて聞いた方

・HDRIとはなんなの？

・無料３D背景のHDRI画像とドラッグで360度カメラを動かそう

・背景の部品をダウンロードしよう

・Unityに背景の部品をくわえよう

・3Dの背景をドラッグで360度見渡すプログラムをつくろう

・3Dの背景をドラッグで360度見渡せることを確認しよう

まとめ

Unity超初心者向け！自分でつくったゲームをスマートフォンでプレイしよう

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

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