<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>モバイル | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<atom:link href="https://illust55.com/tag/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab/feed/" rel="self" type="application/rss+xml" />
	<link>https://illust55.com</link>
	<description>絵と動画とゲームの作り方をもっと簡単にする方法を紹介します</description>
	<lastBuildDate>Wed, 20 Aug 2025 12:48:06 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://illust55.com/storage/2021/09/cropped-ファビコン2-32x32.png</url>
	<title>モバイル | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<link>https://illust55.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>AIで超簡単ゲーム作成！バイブコーディングでプロ級＆バイブコーディング入門編</title>
		<link>https://illust55.com/6153/</link>
					<comments>https://illust55.com/6153/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Sat, 26 Jul 2025 14:32:49 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[ゲーム制作初心者]]></category>
		<category><![CDATA[モバイル]]></category>
		<category><![CDATA[電子書籍]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=6153</guid>

					<description><![CDATA[と悩んでいませんか？ この記事ではGoogle AI Studioを使って無料でゲームをつくる方法について紹介します すぐに、できる方法で紹介しているので、ぜひチャレンジしてください AIゲーム生成でつかうサイトの紹介  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2021/12/さむね3.jpg" data-wpel-link="internal"><img fetchpriority="high" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2021/12/さむね3.jpg" alt="AIで超簡単ゲーム作成！バイブコーディングでプロ級＆バイブコーディング入門編" class="wp-image-11489" style="width:583px;height:auto" srcset="https://illust55.com/storage/2021/12/さむね3.jpg 1920w, https://illust55.com/storage/2021/12/さむね3-768x432.jpg 768w, https://illust55.com/storage/2021/12/さむね3-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a><figcaption class="wp-element-caption">AIで超簡単ゲーム作成！バイブコーディングでプロ級＆バイブコーディング入門編</figcaption></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>ゲームをつくりたいけど難しそう<br><br>AIでゲームをつくれるらしいが、どうやればいいのかわからない<br><br>AI生成をはじめたいけど、どうすればいいのかわからない</p>
</div>



<p>と悩んでいませんか？<br><br>この記事ではGoogle AI Studioを使って無料でゲームをつくる方法について紹介します<br><br>すぐに、できる方法で紹介しているので、ぜひチャレンジしてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>紹介の流れとなる目次です<br><br>このブログの内容はYoutubeでさらにくわしく紹介しています<br><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">>> イラスト55 @ クリエイティブ情報を紹介</a></p>
</div></div>



<h2 class="wp-block-heading">AIゲーム生成でつかうサイトの紹介</h2>



<h3 class="wp-block-heading">Google AI Studio：無料でつかえるGoogleが運営する開発用のAI生成サイト</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image.png" data-wpel-link="internal"><img decoding="async" width="1906" height="1125" src="https://illust55.com/storage/2025/07/image.png" alt="" class="wp-image-11549" style="width:655px;height:auto" srcset="https://illust55.com/storage/2025/07/image.png 1906w, https://illust55.com/storage/2025/07/image-768x453.png 768w, https://illust55.com/storage/2025/07/image-1536x907.png 1536w" sizes="(max-width: 1906px) 100vw, 1906px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>今回ゲーム生成でつかうサイトです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://aistudio.google.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「Google AI Studio」のサイト</a><br><br>このサイトは開発者向けのAIサイトです<br><br>GoogleのGeminiをベースにさらに細かくプログラムや画像、動画をつくることができます<br><br>メニューは英語ですが、命令は日本語OKなので、ブラウザの翻訳をつかえば問題なく使うことができます</p>



<h3 class="wp-block-heading">Google Gemini：無料でつかえる万能AIツール</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-1.png" data-wpel-link="internal"><img decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-1.png" alt="" class="wp-image-11552" style="width:670px;height:auto" srcset="https://illust55.com/storage/2025/07/image-1.png 2000w, https://illust55.com/storage/2025/07/image-1-768x432.png 768w, https://illust55.com/storage/2025/07/image-1-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>無料でつかえるGoogle公式のAIツールです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://gemini.google.com/?hl=ja" target="_blank" data-wpel-link="external">「Gemini」のサイト</a><br><br>Googleトップページからもつかえるので、多くの方がつかっているAIツールです<br><br>とても使い方がわかりやすく中央のボックスに命令を入れるだけで、AIが命令を理解して動いてくれます</p>



<h2 class="wp-block-heading">Google AI Studioの爆速ゲーム制作の方法 </h2>



<h3 class="wp-block-heading">Google AI Studioでつくったゲームの紹介</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/005.jpg" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2025/07/005.jpg" alt="" class="wp-image-11550" style="width:630px;height:auto" srcset="https://illust55.com/storage/2025/07/005.jpg 1920w, https://illust55.com/storage/2025/07/005-768x432.jpg 768w, https://illust55.com/storage/2025/07/005-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>今回つくるシューティングゲームです<br><br>プログラムをAIにつくってもらうバイブコーディングという方法でつくります</p>
</div></div>



<p>今回つくるシューティングゲームです<br><br>プログラム、イラスト、ゲームにつかう物をすべてAIでつくることができます<br><br>もちろんプログラムが未経験の方でもつくることができます</p>



<h3 class="wp-block-heading">AIでゲームのイメージイラストをつくる</h3>



<h4 class="wp-block-heading">Geminiに生成するイメージを命令する</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-2.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-2.png" alt="" class="wp-image-11553" style="width:664px;height:auto" srcset="https://illust55.com/storage/2025/07/image-2.png 2000w, https://illust55.com/storage/2025/07/image-2-768x432.png 768w, https://illust55.com/storage/2025/07/image-2-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>はじめに、Geminiでゲームのイメージ画像を生成します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>次の点を伝えて画像を生成します<br><br>・「横スクロールシューティングゲームの画面」、「魔法使いでほうきにのった魔法使い猫が主役」<br><br>・「ファンタジーの世界」、「ピクセル画像」</p>
</div>



<h4 class="wp-block-heading">Geminiが生成したイラストをダウンロードする</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-3.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-3.png" alt="" class="wp-image-11554" style="width:700px;height:auto" srcset="https://illust55.com/storage/2025/07/image-3.png 2000w, https://illust55.com/storage/2025/07/image-3-768x432.png 768w, https://illust55.com/storage/2025/07/image-3-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Geminiがつくったゲームイメージの例です</p>
</div></div>



<p>このイラストをもとにゲームのプログラムを生成します<br><br>画像の生成は1～2分でおわります<br><br>生成がおわったら、バイブコーディングでつかうためにダウンロードします</p>



<h3 class="wp-block-heading">AIで横スクロールシューティングのプロトタイプをつくる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-4.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-4.png" alt="" class="wp-image-11567" style="width:677px;height:auto" srcset="https://illust55.com/storage/2025/07/image-4.png 2000w, https://illust55.com/storage/2025/07/image-4-768x432.png 768w, https://illust55.com/storage/2025/07/image-4-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>「Google AI Studio」のサイトでプログラムをつくります<br><br>「Google AI Studio」は本格的にAIのプログラムの生成をおこなうことができます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．Geminiがつくったイメージから１枚を選び、アップロードします<br><br>２．「HTML５でつくること」、「横スクロールシューティング」であることをAIに伝えます</p>
</div>



<h3 class="wp-block-heading">生成したプログラムをダウンロードする</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-5.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-5.png" alt="" class="wp-image-11570" style="width:684px;height:auto" srcset="https://illust55.com/storage/2025/07/image-5.png 2000w, https://illust55.com/storage/2025/07/image-5-768x432.png 768w, https://illust55.com/storage/2025/07/image-5-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>プログラムの生成は１～3分でおわります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・プログラムの生成がおわったら「HTML」ファイルをダウンロードできます</p>
</div>



<h3 class="wp-block-heading">生成したゲームをためしてみよう</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-6.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1129" src="https://illust55.com/storage/2025/07/image-6.png" alt="" class="wp-image-11571" style="width:644px;height:auto" srcset="https://illust55.com/storage/2025/07/image-6.png 2000w, https://illust55.com/storage/2025/07/image-6-768x434.png 768w, https://illust55.com/storage/2025/07/image-6-1536x867.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>キーボードで動く横スクロールシューティングをつくれました<br><br>しかし、ゲーム画像がブロックなので次は画像をつくります</p>
</div></div>



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



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・「HTML」はダブルクリックで実行できます</p>



<p>・しっかりシューティングゲームが動きます</p>
</div>



<h3 class="wp-block-heading">主役キャラクターの画像をつくる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-7.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-7.png" alt="" class="wp-image-11574" style="width:685px;height:auto" srcset="https://illust55.com/storage/2025/07/image-7.png 2000w, https://illust55.com/storage/2025/07/image-7-768x432.png 768w, https://illust55.com/storage/2025/07/image-7-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ゲーム画像がブロックなので、ゲーム画像をつくります<br><br>Geminiでキャラクター用の画像を生成します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・もとの画像を「Gemini」にアップロードして、キャラクターを生成します</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-9.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-9.png" alt="" class="wp-image-11577" style="width:678px;height:auto" srcset="https://illust55.com/storage/2025/07/image-9.png 2000w, https://illust55.com/storage/2025/07/image-9-768x432.png 768w, https://illust55.com/storage/2025/07/image-9-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>キャラクター画像を生成できました<br><br>しかし、背景が白色で透明ではないようです</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・もとの画像から背景が白色になったキャラクターが生成されました</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-10.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2003" height="1125" src="https://illust55.com/storage/2025/07/image-10.png" alt="" class="wp-image-11578" style="width:690px;height:auto" srcset="https://illust55.com/storage/2025/07/image-10.png 2003w, https://illust55.com/storage/2025/07/image-10-768x431.png 768w, https://illust55.com/storage/2025/07/image-10-1536x863.png 1536w" sizes="(max-width: 2003px) 100vw, 2003px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>背景切り抜きができる「My Edit」のサイトに移動します</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://myedit.online/jp/photo-editor/background-removal/edit" target="_blank" data-wpel-link="external">&gt;&gt;  「My Edit」のサイト</a></p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．背景を切り抜きできるサイトに移動します<br><br>２．「背景」ボタンをクリックします</p>



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



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-16.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2003" height="1128" src="https://illust55.com/storage/2025/07/image-16.png" alt="" class="wp-image-11586" style="width:686px;height:auto" srcset="https://illust55.com/storage/2025/07/image-16.png 2003w, https://illust55.com/storage/2025/07/image-16-768x433.png 768w, https://illust55.com/storage/2025/07/image-16-1536x865.png 1536w" sizes="(max-width: 2003px) 100vw, 2003px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>つづいて、画像の大きさを小さくします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「編集」ボタンをクリックします<br><br>２．キャラクターの周りをドラッグして画像を小さくできます<br><br>３．画像の大きさを決めたら、「ダウンロード」ボタンをクリックします</p>
</div>



<h3 class="wp-block-heading">Geminiで敵キャラクターを生成する</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-17.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-17.png" alt="" class="wp-image-11587" style="width:759px;height:auto" srcset="https://illust55.com/storage/2025/07/image-17.png 2000w, https://illust55.com/storage/2025/07/image-17-768x432.png 768w, https://illust55.com/storage/2025/07/image-17-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>主役キャラにつづいて敵キャラの画像もつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・つづいて、「Gemini」で敵キャラを生成します<br><br>・「メルヘン」、「ピクセル」、という２つのキーワードを伝えます</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-18.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-18.png" alt="" class="wp-image-11588" style="width:746px;height:auto" srcset="https://illust55.com/storage/2025/07/image-18.png 2000w, https://illust55.com/storage/2025/07/image-18-768x432.png 768w, https://illust55.com/storage/2025/07/image-18-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>少しかわいい敵キャラをつくることができました</p>
</div></div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-19.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-19.png" alt="" class="wp-image-11589" style="width:780px;height:auto" srcset="https://illust55.com/storage/2025/07/image-19.png 2000w, https://illust55.com/storage/2025/07/image-19-768x432.png 768w, https://illust55.com/storage/2025/07/image-19-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>つづけて何体か敵キャラをつくります<br><br>ちょっとかわいいキャラがあらわれました</p>
</div></div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-20.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2003" height="1128" src="https://illust55.com/storage/2025/07/image-20.png" alt="" class="wp-image-11590" style="width:730px;height:auto" srcset="https://illust55.com/storage/2025/07/image-20.png 2003w, https://illust55.com/storage/2025/07/image-20-768x433.png 768w, https://illust55.com/storage/2025/07/image-20-1536x865.png 1536w" sizes="(max-width: 2003px) 100vw, 2003px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>つくったキャラの背景を透明にして、画像のムダな部分をカットします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「背景」ボタンから背景を透明した後、「編集」ボタンから画像の大きさを調整します<br><br>２．「ダウンロード」ボタンをクリックして、画像をダウンロードします</p>
</div>



<h3 class="wp-block-heading">ChatGPTで背景の画像をつくる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-23.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-23.png" alt="" class="wp-image-11593" style="width:706px;height:auto" srcset="https://illust55.com/storage/2025/07/image-23.png 2000w, https://illust55.com/storage/2025/07/image-23-768x432.png 768w, https://illust55.com/storage/2025/07/image-23-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>背景はくり返しのループ画像がとくいなChatGPTでつくります</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://chatgpt.com/" target="_blank" data-wpel-link="external">>> 「ChatGPT」のサイト</a></p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「ChatGPT」のサイトに移動します<br><br>２．「メルヘン」、「魔法」「ピクセル画像」、「風景」、「ループ画像」を伝えて生成します<br><br>３．ループ背景が生成できました</p>
</div>



<h3 class="wp-block-heading">つくった全ての画像をゲームに登場させる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-24.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-24.png" alt="" class="wp-image-11594" style="width:716px;height:auto" srcset="https://illust55.com/storage/2025/07/image-24.png 2000w, https://illust55.com/storage/2025/07/image-24-768x432.png 768w, https://illust55.com/storage/2025/07/image-24-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>はじめに、主役キャラをゲームに登場させます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「＋」ボタンをクリック<br><br>２．「Upload File」ボタンをクリック、主役の画像ファイルをアップロードします</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-25.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-25.png" alt="" class="wp-image-11595" style="width:750px;height:auto" srcset="https://illust55.com/storage/2025/07/image-25.png 2000w, https://illust55.com/storage/2025/07/image-25-768x432.png 768w, https://illust55.com/storage/2025/07/image-25-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>主役キャラの画像をアップロードできました<br><br>この画像をゲームに登場させるようにAIに伝えてプログラム生成します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．アップロードした画像とプログラムの画像を変えるように伝えます<br><br>２．「Run」ボタンをクリックして、プログラムを生成します</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-26.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-26.png" alt="" class="wp-image-11596" style="width:768px;height:auto" srcset="https://illust55.com/storage/2025/07/image-26.png 2000w, https://illust55.com/storage/2025/07/image-26-768x432.png 768w, https://illust55.com/storage/2025/07/image-26-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>主役のキャラ画像が登場しました<br><br>次は敵キャラをゲームに登場させます</p>
</div></div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-27.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-27.png" alt="" class="wp-image-11597" style="width:744px;height:auto" srcset="https://illust55.com/storage/2025/07/image-27.png 2000w, https://illust55.com/storage/2025/07/image-27-768x432.png 768w, https://illust55.com/storage/2025/07/image-27-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>登場させる敵キャラの画像をアップロードします<br><br>命令も組み合わせて、AIでプログラムを生成します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．敵キャラの画像をアップロードします<br><br>２．「敵キャラ」、「編隊を組んで動く」、「やられた時のエフェクトを花火のように」、<br>「弾をうつこと」をAIに伝えます<br><br>３．「Run」をクリックして、プログラムを生成します</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-28.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-28.png" alt="" class="wp-image-11598" style="width:756px;height:auto" srcset="https://illust55.com/storage/2025/07/image-28.png 2000w, https://illust55.com/storage/2025/07/image-28-768x432.png 768w, https://illust55.com/storage/2025/07/image-28-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>生成したプログラムを実行すると敵キャラがあらわれました<br><br>次は背景を登場させます</p>
</div></div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-29.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-29.png" alt="" class="wp-image-11599" style="width:768px;height:auto" srcset="https://illust55.com/storage/2025/07/image-29.png 2000w, https://illust55.com/storage/2025/07/image-29-768x432.png 768w, https://illust55.com/storage/2025/07/image-29-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>作成した背景をアップロードします<br><br>画像、命令と組み合わせてプログラムを生成します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「敵キャラを小さくする」ことを伝えます<br><br>２．背景画像をアップロードして、「横にくりかえす」ことを伝えます</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-30.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1126" src="https://illust55.com/storage/2025/07/image-30.png" alt="" class="wp-image-11600" style="width:794px;height:auto" srcset="https://illust55.com/storage/2025/07/image-30.png 2000w, https://illust55.com/storage/2025/07/image-30-768x432.png 768w, https://illust55.com/storage/2025/07/image-30-1536x865.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>敵キャラが小さくなり、背景画像がゲームに登場しました<br><br>しかし、まだプレイヤーの玉がゲームっぽくありません</p>
</div></div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-31.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-31.png" alt="" class="wp-image-11601" style="width:776px;height:auto" srcset="https://illust55.com/storage/2025/07/image-31.png 2000w, https://illust55.com/storage/2025/07/image-31-768x432.png 768w, https://illust55.com/storage/2025/07/image-31-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>プレイヤーの玉、敵キャラの大きさをもっとゲームに合うように変えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・「敵キャラを小さくすること」、「主役の弾を炎のように」することを伝えます</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/07/image-33.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/07/image-33.png" alt="" class="wp-image-11603" style="width:760px;height:auto" srcset="https://illust55.com/storage/2025/07/image-33.png 2000w, https://illust55.com/storage/2025/07/image-33-768x432.png 768w, https://illust55.com/storage/2025/07/image-33-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>全体的にメルヘンな感じで、ゲームが完成しました</p>
</div></div>



<h2 class="wp-block-heading">まとめ &amp; ブログで紹介したゲームの動画</h2>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ゲームがうごいている雰囲気、くわしいつくり方は下の動画から確認できます<br><br>AIのプログラミング（バイブコーディング）は他のページでも紹介しています<br><br>合わせてごらんいただくと、さらに多くのゲーム作成にいかせます</p>
</div></div>



<figure class="wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="AIで超簡単ゲーム作成！バイブコーディングでプロ級＆バイブコーディング入門編" width="1256" height="707" src="https://www.youtube.com/embed/VwT3j02C0Nw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/6153/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Unity初心者向け！スマホ＆モバイル用のバーチャルコントローラーパッドとボタンの使い方＆パズルゲームをつくろう 【おすすめアセット】</title>
		<link>https://illust55.com/4389/</link>
					<comments>https://illust55.com/4389/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Thu, 09 Sep 2021 14:26:02 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ジョイスティック]]></category>
		<category><![CDATA[バーチャルパッド]]></category>
		<category><![CDATA[パズル]]></category>
		<category><![CDATA[モバイル]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=4389</guid>

					<description><![CDATA[と悩んでいませんか？ このページでは、だれでも、できる方法でゲームのつくり方を紹介しています 今回は、モバイル用のバーチャルパッドをゲームにくわえて、プレイヤーを操作する方法を紹介します ぜひ、チャレンジしてください ・ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image"><figure class="aligncenter size-large"><a href="https://illust55.com/storage/2021/09/image-116.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="586" height="581" src="https://illust55.com/storage/2021/09/image-116.png" alt="Unity初心者向け！バーチャルパッドとボタンでパズルゲームをつくる 第3回" class="wp-image-4456" srcset="https://illust55.com/storage/2021/09/image-116.png 586w, https://illust55.com/storage/2021/09/image-116-100x100.png 100w, https://illust55.com/storage/2021/09/image-116-150x150.png 150w, https://illust55.com/storage/2021/09/image-116-120x120.png 120w, https://illust55.com/storage/2021/09/image-116-160x160.png 160w" sizes="(max-width: 586px) 100vw, 586px" /></a></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>「モバイル用のゲームをつくりたい」<br>「かっこいいパズルゲームをつくりたい」<br><br>でも<br>「どうやればいいか、わからない」</p>
</div>



<p>と悩んでいませんか？<br><br>このページでは、だれでも、できる方法でゲームのつくり方を紹介しています<br><br>今回は、モバイル用のバーチャルパッドをゲームにくわえて、プレイヤーを操作する方法を紹介します<br><br>ぜひ、チャレンジしてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>次の目次の流れにそって紹介します<br><br>また、このページはシリーズです、ぜひ、これまでのページもご覧ください</p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text"><strong>パズルゲームをつくる講座</strong></span></div><div class="label-box-content block-box-content box-content">
<p>超簡単にパズルゲームをつくる！ゲーム制作初心者講座 第1回<br><a href="https://illust55.com/3959/" data-wpel-link="internal">https://illust55.com/3959/</a><br><br>超簡単にアクションパズルをつくる！Unityゲーム初心者講座 第2回<br><a href="https://illust55.com/4021/" data-wpel-link="internal">https://illust55.com/4021/</a></p>
</div></div>



<h2 class="wp-block-heading">・Unityをはじめて聞いた方</h2>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unityとはゲームをつくためのソフトです</p>
</div></div>



<p>Unityは世界でもっとも使われているゲームをつくるためのソフトです<br><br>公式サイトからインストールプログラムをダウンロードすることができます<br><br>＜Unity公式サイト＞<br><a href="https://unity.com/ja" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://unity.com/ja</a></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unityのインストールの方法を次のページで紹介しています<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



<p>＜UNITYのインストール方法と 初めての使い方を 紹介しているページ＞<br><a href="https://illust55.com/2018/" data-wpel-link="internal">https://illust55.com/2018/</a></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>次は、モバイル用のジョイスティックで<br><br>プレイヤーをコントロールする方法を紹介します</p>
</div></div>



<h2 class="wp-block-heading">・モバイル用のバーチャルパッドでプレイヤーをコントロールしよう</h2>



<div class="wp-block-image"><figure class="aligncenter size-large"><a href="https://illust55.com/storage/2021/09/image-69.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="742" height="595" src="https://illust55.com/storage/2021/09/image-69.png" alt="" class="wp-image-4405"/></a></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>今回、ご紹介することです<br><br>モバイル用のバーチャルパッドをつくります</p>
</div></div>



<h4 class="wp-block-heading">・ゲームの部品をダウンロードする準備をしよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-65.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="597" src="https://illust55.com/storage/2021/09/image-65.png" alt="" class="wp-image-4401" srcset="https://illust55.com/storage/2021/09/image-65.png 1280w, https://illust55.com/storage/2021/09/image-65-768x358.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unityの公式のゲーム部品サイトにアクセスしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．公式のアセットストアにアクセスしてください<br><a href="https://assetstore.unity.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://assetstore.unity.com/</a><br><br>２．画面の上の「ID」アイコンをクリックしてください<br><br>３．画面の上の「ログイン」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-70.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="700" src="https://illust55.com/storage/2021/09/image-70.png" alt="" class="wp-image-4406" srcset="https://illust55.com/storage/2021/09/image-70.png 1280w, https://illust55.com/storage/2021/09/image-70-768x420.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>パズルゲームの部品のダウンロードを準備します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「Obstacle Course Pack」で検索してください<br><br>２．無料アセットをチェックしてください<br><br>３．「Obstacle Course Pack」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-71.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="652" src="https://illust55.com/storage/2021/09/image-71.png" alt="" class="wp-image-4407" srcset="https://illust55.com/storage/2021/09/image-71.png 1280w, https://illust55.com/storage/2021/09/image-71-768x391.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>自分のアカウントに追加します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・「マイアセットに追加する」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-72.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="581" src="https://illust55.com/storage/2021/09/image-72.png" alt="" class="wp-image-4408" srcset="https://illust55.com/storage/2021/09/image-72.png 1280w, https://illust55.com/storage/2021/09/image-72-768x349.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>バーチャルパッドのゲーム部品のダウンロードを準備します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Simple Input System」で検索してください<br><br>２．無料アセットをチェックしてください<br><br>３．「Simple Input System」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-73.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="723" src="https://illust55.com/storage/2021/09/image-73.png" alt="" class="wp-image-4409" srcset="https://illust55.com/storage/2021/09/image-73.png 1280w, https://illust55.com/storage/2021/09/image-73-768x434.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>自分のアカウントに加えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・「マイアセットに追加する」をクリックしてください</p>
</div>



<h2 class="wp-block-heading">・ゲームの部品をダウンロードしよう</h2>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-74.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-74.png" alt="" class="wp-image-4410" srcset="https://illust55.com/storage/2021/09/image-74.png 1280w, https://illust55.com/storage/2021/09/image-74-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unityを起動してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「プロジェクト」をクリックしてください<br><br>２．「新規作成」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-75.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-75.png" alt="" class="wp-image-4411" srcset="https://illust55.com/storage/2021/09/image-75.png 1280w, https://illust55.com/storage/2021/09/image-75-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>3Dのプロジェクトをつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「3D」をクリックしてください<br><br>２．「プロジェクト名」、「保存先」を決めてください<br><br>３．「作成」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-76.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-76.png" alt="" class="wp-image-4412" srcset="https://illust55.com/storage/2021/09/image-76.png 1280w, https://illust55.com/storage/2021/09/image-76-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ゲームの部品のウィンドウを表示します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「Window」メニューをクリックしてください<br><br>２．「Package Manager」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-77.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="685" src="https://illust55.com/storage/2021/09/image-77.png" alt="" class="wp-image-4413" srcset="https://illust55.com/storage/2021/09/image-77.png 1280w, https://illust55.com/storage/2021/09/image-77-768x411.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>自分のゲーム部品のウィンドウを表示します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Packages」の種類ボタンをクリックしてください<br><br>２．「My Assets」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-78.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-78.png" alt="" class="wp-image-4414" srcset="https://illust55.com/storage/2021/09/image-78.png 1280w, https://illust55.com/storage/2021/09/image-78-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>パズルゲームのゲーム部品をダウンロードします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「Obstacle Course Pack」をクリックしてください<br><br>２．「DownLoad」をクリックしてください<br><br>３．ダウンロード後、「import」に変わります<br><br>４．「import」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-79.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-79.png" alt="" class="wp-image-4415" srcset="https://illust55.com/storage/2021/09/image-79.png 1280w, https://illust55.com/storage/2021/09/image-79-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ダウンロードした部品を取り込んでください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・「import」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-80.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-80.png" alt="" class="wp-image-4416" srcset="https://illust55.com/storage/2021/09/image-80.png 1280w, https://illust55.com/storage/2021/09/image-80-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ゲーム画面はまだ、おきかえません</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・「Ignore」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-81.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-81.png" alt="" class="wp-image-4417" srcset="https://illust55.com/storage/2021/09/image-81.png 1280w, https://illust55.com/storage/2021/09/image-81-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>モバイル用のジョイスティックをダウンロードします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「Simple Input System」をクリックしてください<br><br>２．「DownLoad」をクリックしてください<br><br>３．ダウンロード後、「import」に変わります<br><br>４．「import」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-82.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-82.png" alt="" class="wp-image-4418" srcset="https://illust55.com/storage/2021/09/image-82.png 1280w, https://illust55.com/storage/2021/09/image-82-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ダウンロードした部品を取り込んでください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・「import」をクリックしてください</p>
</div>



<h2 class="wp-block-heading">・モバイル用のバーチャルパッドをゲームにくわえよう</h2>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-83.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-83.png" alt="" class="wp-image-4419" srcset="https://illust55.com/storage/2021/09/image-83.png 1280w, https://illust55.com/storage/2021/09/image-83-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>パズルゲームの画面が現れます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「Assets」 → 「Scenes」 をクリックしてください<br><br>２．「SampleScene」をダブルクリックしてください<br><br>３．「SampleScene」が読み込まれたことを確認してください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-84.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-84.png" alt="" class="wp-image-4420" srcset="https://illust55.com/storage/2021/09/image-84.png 1280w, https://illust55.com/storage/2021/09/image-84-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>バーチャルスティック用のキャンバスをつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・「GameObject」 → 「UI」 → 「Canvas」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-85.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-85.png" alt="" class="wp-image-4421" srcset="https://illust55.com/storage/2021/09/image-85.png 1280w, https://illust55.com/storage/2021/09/image-85-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>キャンバスをつくりました</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・「Canvas」がつくられました</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-86.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1284" height="720" src="https://illust55.com/storage/2021/09/image-86.png" alt="" class="wp-image-4422" srcset="https://illust55.com/storage/2021/09/image-86.png 1284w, https://illust55.com/storage/2021/09/image-86-768x431.png 768w" sizes="(max-width: 1284px) 100vw, 1284px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>バーチャルスティックをゲームに置きます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「Assets」 → 「Plugins」 → 「Prefabs」をクリックしてください<br><br>２．「Joystick」を「Canavas」にドラッグ＆ドロップしてください<br><br>３．「Canvas」の下に「Joystick」がつくられました<br><br>４．テストプレイボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-87.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-87.png" alt="" class="wp-image-4423" srcset="https://illust55.com/storage/2021/09/image-87.png 1280w, https://illust55.com/storage/2021/09/image-87-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>つかむことはできますが、プレイヤーは動きません</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．一度、キーボード「ESC」キーをクリックしてください<br><br>２．モバイルのジョイスティックをつかむことができます<br><br>３．ジョイスティックをつかんでもプレイヤーは動かないので、動くようにつくる必要があります<br><br>４．確認した後、テストプレイボタンをクリックしてください</p>
</div>



<h4 class="wp-block-heading">・バーチャルスティックで動くようにプログラムを変えよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-88.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-88.png" alt="" class="wp-image-4424" srcset="https://illust55.com/storage/2021/09/image-88.png 1280w, https://illust55.com/storage/2021/09/image-88-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>プレイヤーの動きのプログラムを少し、変えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「Player」をクリックしてください<br><br>２．「Character Controls」の「Script」の「CharacterControls」をクリックしてください<br><br>3．「CharacterControls」が現れます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-89.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-89.png" alt="" class="wp-image-4425" srcset="https://illust55.com/storage/2021/09/image-89.png 1280w, https://illust55.com/storage/2021/09/image-89-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>プログラムのファイルを表示します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「CharacterControls」で右クリックをしてください<br><br>２．「Show in Explore」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-90.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-90.png" alt="" class="wp-image-4426" srcset="https://illust55.com/storage/2021/09/image-90.png 1280w, https://illust55.com/storage/2021/09/image-90-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>プログラムをメモ帳で表示してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．現れた「CharacterControls.cs」をメモ帳にドラッグ＆ドロップしてください<br><br>２．メモ帳に「CharacterControls.cs」が現れます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-91.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1207" height="709" src="https://illust55.com/storage/2021/09/image-91.png" alt="" class="wp-image-4427" srcset="https://illust55.com/storage/2021/09/image-91.png 1207w, https://illust55.com/storage/2021/09/image-91-768x451.png 768w" sizes="(max-width: 1207px) 100vw, 1207px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>バーチャルパッド用のプログラムに置きかえます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．メモ帳で「Input.Get」を検索してください<br><br>（※ 検索ボックスは「Ctrl」+「F」キーで現れます）<br><br>２．「Input.GetButton」が見つかりました<br><br>３．「Input.GetButton」→「SimpleInput.GetButton」に変えてください<br><br>（※ 先頭に「Simple」をつけるだけです）</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-92.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="849" height="615" src="https://illust55.com/storage/2021/09/image-92.png" alt="" class="wp-image-4428" srcset="https://illust55.com/storage/2021/09/image-92.png 849w, https://illust55.com/storage/2021/09/image-92-768x556.png 768w" sizes="(max-width: 849px) 100vw, 849px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>頭に「Simple」をくわえるだけです</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・「SimpleInput.GetButton」に変えました</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-93.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="937" height="710" src="https://illust55.com/storage/2021/09/image-93.png" alt="" class="wp-image-4429" srcset="https://illust55.com/storage/2021/09/image-93.png 937w, https://illust55.com/storage/2021/09/image-93-768x582.png 768w" sizes="(max-width: 937px) 100vw, 937px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>同じく「Input」の頭に「Simple」をくわえてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．続けて「Input.Get」で検索してください<br><br>２．「Input.GetAxis」が見つかりました<br><br>３．「Input.GetAxis」→「SimpleInput.GetAxis」に変えてください<br><br>（※ 先頭に「Simple」をつけるだけです）</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-94.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1063" height="722" src="https://illust55.com/storage/2021/09/image-94.png" alt="" class="wp-image-4430" srcset="https://illust55.com/storage/2021/09/image-94.png 1063w, https://illust55.com/storage/2021/09/image-94-768x522.png 768w" sizes="(max-width: 1063px) 100vw, 1063px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>保存してください、変える部分は3行のみです</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「SimpleInput.GetAxis」に変えました<br><br>２．メモ帳を「保存」して終了してください</p>
</div>



<h4 class="wp-block-heading">・モバイル用のジャンプボタンをつくろう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-95.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-95.png" alt="" class="wp-image-4431" srcset="https://illust55.com/storage/2021/09/image-95.png 1280w, https://illust55.com/storage/2021/09/image-95-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ジャンプボタンをつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・「GameObject」 → 「UI」 → 「Button」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-96.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1116" height="722" src="https://illust55.com/storage/2021/09/image-96.png" alt="" class="wp-image-4432" srcset="https://illust55.com/storage/2021/09/image-96.png 1116w, https://illust55.com/storage/2021/09/image-96-768x497.png 768w" sizes="(max-width: 1116px) 100vw, 1116px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>キャンバスでボタンを表示します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・現れた「Button」を「Canvas」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-97.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-97.png" alt="" class="wp-image-4433" srcset="https://illust55.com/storage/2021/09/image-97.png 1280w, https://illust55.com/storage/2021/09/image-97-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ボタンのゲーム部品を表示します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「Canvas」の下に「Button」ができました<br><br>２．「Button」をダブルクリックしてください<br><br>３．「Button」が現れました</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-98.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-98.png" alt="" class="wp-image-4434" srcset="https://illust55.com/storage/2021/09/image-98.png 1280w, https://illust55.com/storage/2021/09/image-98-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ボタンについているテキストを消します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「Button」の左の「▶」をクリックしてください<br><br>２．現れた「Text」をクリック → 「Delete」ボタンで消してください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-99.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-99.png" alt="" class="wp-image-4435" srcset="https://illust55.com/storage/2021/09/image-99.png 1280w, https://illust55.com/storage/2021/09/image-99-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>大きさを変えてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・Widthを「60」、Heightを「60」に変えてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-100.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1114" height="626" src="https://illust55.com/storage/2021/09/image-100.png" alt="" class="wp-image-4436" srcset="https://illust55.com/storage/2021/09/image-100.png 1114w, https://illust55.com/storage/2021/09/image-100-768x432.png 768w" sizes="(max-width: 1114px) 100vw, 1114px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ボタンの命令は使わないので消します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．使わない「Button」の命令を消します<br><br>２．チェックボックスをクリックして、チェックマークを消してください<br><br>３．「AddComponent」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-101.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-101.png" alt="" class="wp-image-4437" srcset="https://illust55.com/storage/2021/09/image-101.png 1280w, https://illust55.com/storage/2021/09/image-101-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>モバイル用の部品をくわえます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．現れた検索ボックスに「Button」を入れてください<br><br>２．現れた「Button Input UI」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-102.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-102.png" alt="" class="wp-image-4438" srcset="https://illust55.com/storage/2021/09/image-102.png 1280w, https://illust55.com/storage/2021/09/image-102-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>「J」が大文字なので注意してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・「Button Input UI」の「Button」に「Jump」を入れてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-103.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1282" height="720" src="https://illust55.com/storage/2021/09/image-103.png" alt="" class="wp-image-4439" srcset="https://illust55.com/storage/2021/09/image-103.png 1282w, https://illust55.com/storage/2021/09/image-103-768x431.png 768w" sizes="(max-width: 1282px) 100vw, 1282px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ボタンの絵を変えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> １．「SimpleInput」 → 「Sprites」 → 「ShadeDark」 → 「Buttons」をクリックしてください<br><br>２．「ShadeDark36」を「Source image」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-104.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1283" height="720" src="https://illust55.com/storage/2021/09/image-104.png" alt="" class="wp-image-4440" srcset="https://illust55.com/storage/2021/09/image-104.png 1283w, https://illust55.com/storage/2021/09/image-104-768x431.png 768w" sizes="(max-width: 1283px) 100vw, 1283px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ボタンがわかりやすい場所に移動します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> 1.「移動ツール」をクリックしてください<br><br>２．矢印キーをドラッグするとボタンを移動できます<br><br>３．テストプレイボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image-105.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/09/image-105.png" alt="" class="wp-image-4441" srcset="https://illust55.com/storage/2021/09/image-105.png 1280w, https://illust55.com/storage/2021/09/image-105-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>テストプレイで確認してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p> ・キャラクターが、ジョイスティックで移動、ボタンのクリックでジャンプするようになりました<br><br>・確認した後、テストプレイボタンをクリックしてください</p>
</div>



<div class="wp-block-image"><figure class="aligncenter size-large"><a href="https://illust55.com/storage/2021/09/image-110.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="691" height="685" src="https://illust55.com/storage/2021/09/image-110.png" alt="" class="wp-image-4447" srcset="https://illust55.com/storage/2021/09/image-110.png 691w, https://illust55.com/storage/2021/09/image-110-100x100.png 100w, https://illust55.com/storage/2021/09/image-110-150x150.png 150w, https://illust55.com/storage/2021/09/image-110-120x120.png 120w, https://illust55.com/storage/2021/09/image-110-160x160.png 160w" sizes="(max-width: 691px) 100vw, 691px" /></a></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ここまで紹介したことを加えました</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box"></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>＜他のパズルゲームのつくり方のページ＞</p>



<p>超簡単にパズルゲームをつくる！ゲーム制作初心者講座 第1回<br><a href="https://illust55.com/3959/" data-wpel-link="internal">https://illust55.com/3959/</a></p>



<p>超簡単にアクションパズルをつくる！Unityゲーム初心者講座 第2回<br><a href="https://illust55.com/4021/" data-wpel-link="internal">https://illust55.com/4021/</a><br><br>【3D景観＆背景】Unityで空をキレイにつくる方法<br><a href="https://illust55.com/3233/" data-wpel-link="internal">https://illust55.com/3233/</a></p>
</div>



<h2 class="wp-block-heading">・まとめ</h2>



<p>今回は、モバイル用のバーチャルパッドでプレイヤーを移動、ジャンプする方法を紹介しました<br><br>このブログでは、他のページでもUnityのゲームのつくり方を紹介しています<br><br>ぜひ、ご覧いただき、ゲームつくりのチャレンジを続けてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>他のゲームつくりのページを紹介します<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">他のゲームつくりのページ</span></div><div class="label-box-content block-box-content box-content">
<p>超初心者向け！Unityでつくる 2Dアクションゲームとアニメーション<br><a href="https://illust55.com/4055/" data-wpel-link="internal">https://illust55.com/4055/</a><br><br>2Dアクションゲームのマップと背景のつくり方！Unity入門講座<br><a href="https://illust55.com/4133/" data-wpel-link="internal">https://illust55.com/4133/</a><br><br>【入門】レースゲームの作り方＆Unityの使い方と道路アセットの紹介<br><a href="https://illust55.com/3351/" data-wpel-link="internal">https://illust55.com/3351/</a></p>
</div></div>



<p></p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/4389/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
