<?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>Unity | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<atom:link href="https://illust55.com/tag/unity/feed/" rel="self" type="application/rss+xml" />
	<link>https://illust55.com</link>
	<description>絵と動画とゲームの作り方をもっと簡単にする方法を紹介します</description>
	<lastBuildDate>Thu, 02 Jul 2026 12:14:38 +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>Unity | 「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"><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" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank">>> イラスト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"><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" href="https://aistudio.google.com/" target="_blank">&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"><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" href="https://gemini.google.com/?hl=ja" target="_blank">「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"><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"><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"><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"><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"><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"><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"><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"><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"><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" href="https://myedit.online/jp/photo-editor/background-removal/edit" target="_blank">&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"><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"><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"><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"><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"><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"><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" href="https://chatgpt.com/" target="_blank">>> 「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"><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"><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"><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"><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"><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"><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"><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"><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"><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>初心者向け！無料のゲーム作成ソフト＆ゲームエンジンの一覧とまとめ【個人ゲーム制作ツールのおすすめ】</title>
		<link>https://illust55.com/8180/</link>
					<comments>https://illust55.com/8180/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Wed, 01 May 2024 10:43:00 +0000</pubDate>
				<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[RPG制作]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<category><![CDATA[ゲーム制作初心者]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=8180</guid>

					<description><![CDATA[・・・と悩んでいませんか？ このページでは、だれでも、カンタンに始められる方法でゲームつくりのソフトを紹介しています ぜひ、このページでゲームつくりを始めてください 初級～中級：カンタン＆スグに始められる・けど！スゴいゲ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2022/12/image-3.png"><img loading="lazy" decoding="async" width="1280" height="756" src="https://illust55.com/storage/2022/12/image-3.png" alt="" class="wp-image-8242" style="width:643px;height:380px" srcset="https://illust55.com/storage/2022/12/image-3.png 1280w, https://illust55.com/storage/2022/12/image-3-768x454.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「ゲームをつくってみたい」<br>「無料でゲームが作れるソフトを知りたい」<br>「3DRPGを無料でかっこよく、つくってみたい」<br><br>けど<br>「何がいいかわからない」<br>「どうすればいいかわからない」</p>
</div>



<p>・・・と悩んでいませんか？<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 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>



<p><br>Youtubeでさらにおもしろく、ゲームのつくり方を紹介しています<br><a rel="noopener" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank">&gt;&gt; イラスト55 @ クリエイティブ情報を紹介</a></p>
</div></div>



<h2 class="wp-block-heading">初級～中級：カンタン＆スグに始められる・けど！スゴいゲームもできる</h2>



<h4 class="wp-block-heading">Gamefoot：カラフルブロックを組み合わせてゲームをつくる</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2023/01/image-9.png"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2023/01/image-9.png" alt="" class="wp-image-8333" style="width:700px;height:467px" srcset="https://illust55.com/storage/2023/01/image-9.png 2880w, https://illust55.com/storage/2023/01/image-9-768x512.png 768w, https://illust55.com/storage/2023/01/image-9-1536x1024.png 1536w, https://illust55.com/storage/2023/01/image-9-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></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 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><a rel="noopener" href="https://make.gamefroot.com/" target="_blank" title="">&gt;&gt;「Gamefoot」公式サイト</a><br><br>教育向けプログラミング「Scrach」のようにカラフルなブロックを組み合わせてゲームをつくります<br><br>サイトにはたくさんのゲームを試すことができるため、どんなゲームができるかイメージできます<br><br>また、オンラインでつくるため、インストールせずに、スグにはじめることができます</p>



<h4 class="wp-block-heading">ROBLOX：3Dゲームを簡単につくれる巨大プラットフォーム</h4>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/11/image-12.png"><img loading="lazy" decoding="async" width="1200" height="630" data-id="8219" src="https://illust55.com/storage/2022/11/image-12.png" alt="" class="wp-image-8219" srcset="https://illust55.com/storage/2022/11/image-12.png 1200w, https://illust55.com/storage/2022/11/image-12-768x403.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/01/image-3.png"><img loading="lazy" decoding="async" width="2661" height="1833" data-id="8299" src="https://illust55.com/storage/2023/01/image-3.png" alt="" class="wp-image-8299" srcset="https://illust55.com/storage/2023/01/image-3.png 2661w, https://illust55.com/storage/2023/01/image-3-768x529.png 768w, https://illust55.com/storage/2023/01/image-3-1536x1058.png 1536w, https://illust55.com/storage/2023/01/image-3-2048x1411.png 2048w" sizes="(max-width: 2661px) 100vw, 2661px" /></a></figure>
</figure>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/01/image-6.png"><img loading="lazy" decoding="async" width="2870" height="1834" data-id="8302" src="https://illust55.com/storage/2023/01/image-6.png" alt="" class="wp-image-8302" srcset="https://illust55.com/storage/2023/01/image-6.png 2870w, https://illust55.com/storage/2023/01/image-6-768x491.png 768w, https://illust55.com/storage/2023/01/image-6-1536x982.png 1536w, https://illust55.com/storage/2023/01/image-6-2048x1309.png 2048w" sizes="(max-width: 2870px) 100vw, 2870px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/01/image-4.png"><img loading="lazy" decoding="async" width="2873" height="1825" data-id="8300" src="https://illust55.com/storage/2023/01/image-4.png" alt="" class="wp-image-8300" srcset="https://illust55.com/storage/2023/01/image-4.png 2873w, https://illust55.com/storage/2023/01/image-4-768x488.png 768w, https://illust55.com/storage/2023/01/image-4-1536x976.png 1536w, https://illust55.com/storage/2023/01/image-4-2048x1301.png 2048w" sizes="(max-width: 2873px) 100vw, 2873px" /></a></figure>
</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 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>「ROBLOX」はボクセル3Dゲームをカンタンにつくれるソフトです<br><br>世界中で多くのユーザーがROBLOXをプレイしています</p>
</div></div>



<p><a rel="noopener" href="https://www.roblox.com/" target="_blank" title="">&gt;&gt; 「ROBLOX」公式ページ</a><br><br>「ROBLOX」は世界中で多くのユーザーがプレイしているゲームサービスです<br><br>「ROBLOX」のゲームをつくることや、つくったゲームを他のユーザーとプレイすることができます<br><br>また、ゲームをつくって、お金を稼ぐことができるシステムもあります</p>



<h4 class="wp-block-heading">Fancade：ボクセルゲームをカンタン作成＆プレイ</h4>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/04/image-3.png"><img loading="lazy" decoding="async" width="2880" height="1920" data-id="8487" src="https://illust55.com/storage/2023/04/image-3.png" alt="" class="wp-image-8487" srcset="https://illust55.com/storage/2023/04/image-3.png 2880w, https://illust55.com/storage/2023/04/image-3-768x512.png 768w, https://illust55.com/storage/2023/04/image-3-1536x1024.png 1536w, https://illust55.com/storage/2023/04/image-3-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/04/image-4.png"><img loading="lazy" decoding="async" width="2880" height="1920" data-id="8488" src="https://illust55.com/storage/2023/04/image-4.png" alt="" class="wp-image-8488" srcset="https://illust55.com/storage/2023/04/image-4.png 2880w, https://illust55.com/storage/2023/04/image-4-768x512.png 768w, https://illust55.com/storage/2023/04/image-4-1536x1024.png 1536w, https://illust55.com/storage/2023/04/image-4-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></a></figure>
</figure>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/04/image-6.png"><img loading="lazy" decoding="async" width="2880" height="1920" data-id="8490" src="https://illust55.com/storage/2023/04/image-6.png" alt="" class="wp-image-8490" srcset="https://illust55.com/storage/2023/04/image-6.png 2880w, https://illust55.com/storage/2023/04/image-6-768x512.png 768w, https://illust55.com/storage/2023/04/image-6-1536x1024.png 1536w, https://illust55.com/storage/2023/04/image-6-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/04/image-5.png"><img loading="lazy" decoding="async" width="2880" height="1920" data-id="8489" src="https://illust55.com/storage/2023/04/image-5.png" alt="" class="wp-image-8489" srcset="https://illust55.com/storage/2023/04/image-5.png 2880w, https://illust55.com/storage/2023/04/image-5-768x512.png 768w, https://illust55.com/storage/2023/04/image-5-1536x1024.png 1536w, https://illust55.com/storage/2023/04/image-5-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></a></figure>
</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 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>Fancadeはボクセルゲームをつくれるプラットフォームです</p>
</div></div>



<p><a rel="noopener" title="" href="https://play.fancade.com/" target="_blank">&gt;&gt; Fancadeのサイト</a><br><br>Fancadeはボクセルゲームをカンタンにつくれるサイトです<br><br>スマートフォンからも使うことができ、見下ろし画面からの3Dゲームをつくることができます<br><br>プログラミングを考える必要がないので、子どもから大人まで楽しめるサイトです<br><br>また、クリエイターの交流もDiscordでさかんにおこなわれています</p>



<h6 class="wp-block-heading">始め方＆つくり方</h6>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/05/image-1.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2023/05/image-1.png" alt="" class="wp-image-8572" srcset="https://illust55.com/storage/2023/05/image-1.png 1688w, https://illust55.com/storage/2023/05/image-1-768x512.png 768w, https://illust55.com/storage/2023/05/image-1-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 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>・「Build」をクリックします</p>
</div>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/05/image-2.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2023/05/image-2.png" alt="" class="wp-image-8573" srcset="https://illust55.com/storage/2023/05/image-2.png 1688w, https://illust55.com/storage/2023/05/image-2-768x512.png 768w, https://illust55.com/storage/2023/05/image-2-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 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>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/05/image-3.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2023/05/image-3.png" alt="" class="wp-image-8574" srcset="https://illust55.com/storage/2023/05/image-3.png 1688w, https://illust55.com/storage/2023/05/image-3-768x512.png 768w, https://illust55.com/storage/2023/05/image-3-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 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>「EDIT」ボタンがあらわれます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・「EDIT」をクリックします</p>
</div>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/05/image-4.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2023/05/image-4.png" alt="" class="wp-image-8575" srcset="https://illust55.com/storage/2023/05/image-4.png 1688w, https://illust55.com/storage/2023/05/image-4-768x512.png 768w, https://illust55.com/storage/2023/05/image-4-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 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 size-full"><a href="https://illust55.com/storage/2023/05/image-5.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2023/05/image-5.png" alt="" class="wp-image-8576" srcset="https://illust55.com/storage/2023/05/image-5.png 1688w, https://illust55.com/storage/2023/05/image-5-768x512.png 768w, https://illust55.com/storage/2023/05/image-5-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 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>もう一度「EDIT」ボタンがあらわれます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・「EDIT」をクリックします</p>
</div>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/05/image-6.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2023/05/image-6.png" alt="" class="wp-image-8577" srcset="https://illust55.com/storage/2023/05/image-6.png 1688w, https://illust55.com/storage/2023/05/image-6-768x512.png 768w, https://illust55.com/storage/2023/05/image-6-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 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>・「EDIT」をクリックします</p>
</div>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/05/image-7.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2023/05/image-7.png" alt="" class="wp-image-8578" srcset="https://illust55.com/storage/2023/05/image-7.png 1688w, https://illust55.com/storage/2023/05/image-7-768x512.png 768w, https://illust55.com/storage/2023/05/image-7-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 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>２．マウスのセンターホイールで拡大縮小と3D回転、右ボタンで上下左右に画面を動かせます</p>
</div>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/05/image-10.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2023/05/image-10.png" alt="" class="wp-image-8581" srcset="https://illust55.com/storage/2023/05/image-10.png 1688w, https://illust55.com/storage/2023/05/image-10-768x512.png 768w, https://illust55.com/storage/2023/05/image-10-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 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>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/05/image-11.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2023/05/image-11.png" alt="" class="wp-image-8582" srcset="https://illust55.com/storage/2023/05/image-11.png 1688w, https://illust55.com/storage/2023/05/image-11-768x512.png 768w, https://illust55.com/storage/2023/05/image-11-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 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>



<h4 class="wp-block-heading">Rosebud.ai：AIをつかって一瞬でゲーム制作ができるサイト</h4>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h54m12s397.png"><img loading="lazy" decoding="async" width="1920" height="1080" data-id="11433" src="https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h54m12s397.png" alt="" class="wp-image-11433" srcset="https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h54m12s397.png 1920w, https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h54m12s397-768x432.png 768w, https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h54m12s397-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m09s557-1.png"><img loading="lazy" decoding="async" width="1920" height="1080" data-id="11435" src="https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m09s557-1.png" alt="" class="wp-image-11435" srcset="https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m09s557-1.png 1920w, https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m09s557-1-768x432.png 768w, https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m09s557-1-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h53m49s411.png"><img loading="lazy" decoding="async" width="1920" height="1080" data-id="11436" src="https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h53m49s411.png" alt="" class="wp-image-11436" srcset="https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h53m49s411.png 1920w, https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h53m49s411-768x432.png 768w, https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h53m49s411-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>
</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" href="https://rosebud.ai/" target="_blank">>> Rosebud.aiのサイト</a><br><br>テキストから絵をつくるAIと同じように、テキストからゲームを生成することができます<br><br>サイトでは制作した多くのゲームが投稿されています<br><br>投稿されたゲームから自分のゲームをつくることもでき、初めての方でも気軽に始めることができます<br><br>生成はスグに終わりますが、右の写真のような本格的なゲームをつくることができます<br><br>ゲーム制作の効率を上げたい方にとてもオススメのサイトです</p>



<h4 class="wp-block-heading">Springin（スプリンギン）：iPhoneでゲームがつくれる</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/01/image-11.png"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2023/01/image-11.png" alt="" class="wp-image-8340" srcset="https://illust55.com/storage/2023/01/image-11.png 2880w, https://illust55.com/storage/2023/01/image-11-768x512.png 768w, https://illust55.com/storage/2023/01/image-11-1536x1024.png 1536w, https://illust55.com/storage/2023/01/image-11-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></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 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" href="https://www.springin.org/" target="_blank" title="">&gt;&gt; Springinのサイト</a><br><br>iPhoneでゲームをつくれるアプリです<br><br>Androidが無いのが残念ですが、イロイロなゲームをつくることができます<br><br>ゲームを投稿することができ、他のユーザのゲームをプレイすることもできます<br><br>インターフェースがわかりやすく初心者でも始めやすいアプリです</p>



<h4 class="wp-block-heading">RPG PlayGround:2DのきれいなRPGゲームを簡単につくれる</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2022/11/image-10.png"><img loading="lazy" decoding="async" width="2880" height="1614" src="https://illust55.com/storage/2022/11/image-10.png" alt="" class="wp-image-8203" style="width:690px;height:386px" srcset="https://illust55.com/storage/2022/11/image-10.png 2880w, https://illust55.com/storage/2022/11/image-10-768x430.png 768w, https://illust55.com/storage/2022/11/image-10-1536x861.png 1536w, https://illust55.com/storage/2022/11/image-10-2048x1148.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></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 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>RPGツクールのように、2DのRPGをカンタンにつくることができるソフトです</p>
</div></div>



<p><a rel="noopener" href="https://rpgplayground.com/" target="_blank" title="">&gt;&gt;「RPG PlayGround」公式サイト </a><br><br>「RPG PlayGround」は無料でカンタンにアクションRPGをつくることができます<br><br>メニューは英語ですが、Youtubeなどで作り方がたくさんアップロードされています<br><br>このため、学習をカンタンに進めることができます<br><br>メニューや操作方法がわかりやすいので、とてもオススメのソフトです</p>



<h4 class="wp-block-heading">RPG Paper Maker：無料で3DのRPGをカンタンにつくれる</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2022/11/image-11.png"><img loading="lazy" decoding="async" width="630" height="500" src="https://illust55.com/storage/2022/11/image-11.png" alt="" class="wp-image-8204" style="width:607px;height:482px"/></a></figure>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-6 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/01/image.png"><img loading="lazy" decoding="async" width="2877" height="1497" data-id="8292" src="https://illust55.com/storage/2023/01/image.png" alt="" class="wp-image-8292" srcset="https://illust55.com/storage/2023/01/image.png 2877w, https://illust55.com/storage/2023/01/image-768x400.png 768w, https://illust55.com/storage/2023/01/image-1536x799.png 1536w, https://illust55.com/storage/2023/01/image-2048x1066.png 2048w" sizes="(max-width: 2877px) 100vw, 2877px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/01/image-1.png"><img loading="lazy" decoding="async" width="2877" height="1625" data-id="8294" src="https://illust55.com/storage/2023/01/image-1.png" alt="" class="wp-image-8294" srcset="https://illust55.com/storage/2023/01/image-1.png 2877w, https://illust55.com/storage/2023/01/image-1-768x434.png 768w, https://illust55.com/storage/2023/01/image-1-1536x868.png 1536w, https://illust55.com/storage/2023/01/image-1-2048x1157.png 2048w" sizes="(max-width: 2877px) 100vw, 2877px" /></a></figure>
</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 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>2DのRPGをつくるように、カンタンに3DRPGをつくることができます</p>
</div></div>



<p><a rel="noopener" href="https://rpg-paper-maker.com/" target="_blank" title="">&gt;&gt; 「RPG Paper Maker」公式ページ</a></p>



<p>「RPG Paper Maker」は2DのRPGのようにカンタンに3DのRPGをつくることができます<br><br>2Dのペーパーモデルを3Dにしているため、完全な3Dモデルではありません<br><br>しかし、3Dの迫力や、かっこよさがあり、つくるのが楽しめるソフトです<br><br>全部英語ですが、カンタンな英語のみです<br><br>Youtubeにも作り方の動画があるので、スムーズに作ることができます</p>



<h4 class="wp-block-heading">WOLF RPGエディター（ウディタ）：2DのRPGをカンタンにつくることができる</h4>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-7 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/01/image-14.png"><img loading="lazy" decoding="async" width="1192" height="796" data-id="8351" src="https://illust55.com/storage/2023/01/image-14.png" alt="" class="wp-image-8351" srcset="https://illust55.com/storage/2023/01/image-14.png 1192w, https://illust55.com/storage/2023/01/image-14-768x513.png 768w" sizes="(max-width: 1192px) 100vw, 1192px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/01/image-15.png"><img loading="lazy" decoding="async" width="768" height="576" data-id="8352" src="https://illust55.com/storage/2023/01/image-15.png" alt="" class="wp-image-8352"/></a></figure>
</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 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>RPGをつくることに特化したソフトです</p>
</div></div>



<p><a rel="noopener" href="https://www.silversecond.com/WolfRPGEditor/" target="_blank" title="">&gt;&gt;「WOLF RPG」のサイト</a><br><br>カンタンに無料でRPGをつくることができるソフトです<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 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>WOLF RPGのゲームをブラウザでプレイできるサイトが開発中です<br><br><a rel="noopener" href="https://ci-en.net/creator/12702/article/608962" target="_blank" title="">https://ci-en.net/creator/12702/article/608962</a></p>
</div></div>



<h4 class="wp-block-heading">PLiCy：ブラウザでゲームをつくる＆投稿できるサイト</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/01/image-13.png"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2023/01/image-13.png" alt="" class="wp-image-8348" srcset="https://illust55.com/storage/2023/01/image-13.png 2880w, https://illust55.com/storage/2023/01/image-13-768x512.png 768w, https://illust55.com/storage/2023/01/image-13-1536x1024.png 1536w, https://illust55.com/storage/2023/01/image-13-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></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 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" href="https://plicy.net/" target="_blank" title="">「PLiCy」のサイト</a><br>カンタン、スグにゲームをつくって公開できるサイトです<br><br>複雑なゲームや3Dはムズかしいですが、2DのアクションやRPGなどを作ることができます<br><br>また、多くのユーザーがいろいろな種類のゲームが公開しています<br><br>このため、つくる前にどんなゲームがつくれるのか、確認してから始めることができます</p>



<h4 class="wp-block-heading">Scrach：世界中で使われているビジュアルプログラミング</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/03/image-4.png"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2023/03/image-4.png" alt="" class="wp-image-8436" srcset="https://illust55.com/storage/2023/03/image-4.png 2880w, https://illust55.com/storage/2023/03/image-4-768x512.png 768w, https://illust55.com/storage/2023/03/image-4-1536x1024.png 1536w, https://illust55.com/storage/2023/03/image-4-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></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 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>Scrachは世界中の人が使う、ビジュアルプログラミングのサイトです</p>
</div></div>



<p><a href="https://scratch.mit.edu/" title="">&gt;&gt; 「Scrach」のサイト</a><br><br>Scrachは子ども向けのビジュアルプログラミングのサイトです<br><br>教育用として、世界でもっとも使われていおり、ゲームを作ることもできます<br><br>他のユーザーが作ったゲームをプレイするページもあり、多くのゲームが公開されています<br><br>工夫しだいでは、とてもカッコイイゲームを作ることができます</p>



<h2 class="wp-block-heading">中級～上級：じっくり大作を作りたい人向け</h2>



<h4 class="wp-block-heading">Unity：世界中で個人のゲームクリエイターが使う万能ソフト</h4>



<figure class="wp-block-image aligncenter size-large is-resized"><img decoding="async" src="https://illust55.com/storage/2021/05/image40-1536x8641-1.jpg" alt="" style="width:700px;height:393px"/></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 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>Unityはモバイルゲームから商用のゲームまで幅広く使われています</p>
</div></div>



<p><a rel="noopener" title="" href="https://unity.com/ja" target="_blank">https://unity.com/ja</a><br><br>世界中で個人のゲームクリエイターが使っており、とても有名なソフトです<br><br>このため、インターネットでスグに使い方を調べることができ、カンタンに始めることができます<br><br>また、モバイルゲームから商用ゲームまで幅広く作ることができる万能ソフトです<br><br>とくに2Dアクションゲーム開発では多くのゲームにつかわれているおり、オススメです</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 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 href="https://illust55.com/category/%e3%82%b2%e3%83%bc%e3%83%a0%e3%81%ae%e3%81%a4%e3%81%8f%e3%82%8a%e6%96%b9/unity%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/" target="_blank" title="">&gt;&gt; Unityのページ</a></p>



<h4 class="wp-block-heading">UnrealEngine：3Dアクションからアニメまで幅広く使うことができる</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2022/12/image-3.png"><img loading="lazy" decoding="async" width="1280" height="756" src="https://illust55.com/storage/2022/12/image-3.png" alt="" class="wp-image-8242" style="width:778px;height:459px" srcset="https://illust55.com/storage/2022/12/image-3.png 1280w, https://illust55.com/storage/2022/12/image-3-768x454.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 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" href="https://www.unrealengine.com/" target="_blank" title="">https://www.unrealengine.com/</a><br><br>UnrealEngineは超キレイなグラフィックをつくるのが得意なゲーム制作ソフトです<br><br>3Dアクション、漫画の背景、建築など幅広く世界中で使われています<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 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 title="" href="https://illust55.com/category/%e3%82%b2%e3%83%bc%e3%83%a0%e3%81%ae%e3%81%a4%e3%81%8f%e3%82%8a%e6%96%b9/unrealengine%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/" target="_blank">&gt;&gt; Unreal Engineのページ</a></p>



<h4 class="wp-block-heading">Flowlab：ブラウザで本格ゲームがつくれるチュートリアル充実のゲームエンジン</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2024/06/image.png"><img loading="lazy" decoding="async" width="1688" height="903" src="https://illust55.com/storage/2024/06/image.png" alt="" class="wp-image-10896" srcset="https://illust55.com/storage/2024/06/image.png 1688w, https://illust55.com/storage/2024/06/image-768x411.png 768w, https://illust55.com/storage/2024/06/image-1536x822.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 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" href="https://flowlab.io/" target="_blank">&gt;&gt; Flowlabのサイト</a><br><br>ブラウザでつくる2Dアクションのゲームエンジンです<br><br>チュートリアルが充実しており、操作画面は英語ですがカンタンに始めることができます<br><br>ゲームストアのSteamに出品されているタイトルもあり、本格的なゲームをつくることができます<br><br>フリーの2Dゲームエンジンを探している方にオススメです</p>



<h4 class="wp-block-heading">Ren&#8217;Py：世界中で使われている海外製ノベルゲーム</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/07/image-15.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2023/07/image-15.png" alt="" class="wp-image-9024" srcset="https://illust55.com/storage/2023/07/image-15.png 2000w, https://illust55.com/storage/2023/07/image-15-768x432.png 768w, https://illust55.com/storage/2023/07/image-15-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 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" href="https://games.renpy.org/" target="_blank">Ren&#8217;Pyのサイト</a><br><br>プログラム言語のPythonを使いゲームをつくることができます<br><br>海外製なので多くの情報が英語ですが、日本ユーザの方も情報を公開しています<br><br>有料のゲームにも使われており、本格的なノベルゲームを作りたい方にオススメです</p>



<h2 class="wp-block-heading">上級：こだわりのゲームをつくりたい人向け</h2>



<h4 class="wp-block-heading">GB Studio：ゲームボーイのゲームをつくれる＆ウェブサイトでプレイできる</h4>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-8 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/02/image-1.png"><img loading="lazy" decoding="async" width="2224" height="1744" data-id="8373" src="https://illust55.com/storage/2023/02/image-1.png" alt="" class="wp-image-8373" srcset="https://illust55.com/storage/2023/02/image-1.png 2224w, https://illust55.com/storage/2023/02/image-1-768x602.png 768w, https://illust55.com/storage/2023/02/image-1-1536x1204.png 1536w, https://illust55.com/storage/2023/02/image-1-2048x1606.png 2048w" sizes="(max-width: 2224px) 100vw, 2224px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/02/image.png"><img loading="lazy" decoding="async" width="2224" height="1744" data-id="8372" src="https://illust55.com/storage/2023/02/image.png" alt="" class="wp-image-8372" srcset="https://illust55.com/storage/2023/02/image.png 2224w, https://illust55.com/storage/2023/02/image-768x602.png 768w, https://illust55.com/storage/2023/02/image-1536x1204.png 1536w, https://illust55.com/storage/2023/02/image-2048x1606.png 2048w" sizes="(max-width: 2224px) 100vw, 2224px" /></a></figure>
</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 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 href="https://www.gbstudio.dev/" title="">&gt;&gt; GB Studioのサイト</a><br>ゲームボーイのゲームをつくれるソフトです<br><br>つくったゲームボーイのゲームはエミュレータでプレイできるだけではありません<br><br>HTML５のゲームとしてウェブサイトに埋め込むこともできます<br><br>アクションゲームからRPGまで幅広いゲームをつくることができるソフトです</p>



<h4 class="wp-block-heading">Game Maker：2Dのビッグタイトルでも使われている万能ゲームエンジン</h4>



<figure class="wp-block-image aligncenter size-full"><a href="https://illust55.com/storage/2022/12/image-2.png"><img loading="lazy" decoding="async" width="600" height="337" src="https://illust55.com/storage/2022/12/image-2.png" alt="" class="wp-image-8241"/></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 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>Game MakerはUndertaleなどのビッグタイトルでも使われています</p>
</div></div>



<p><a rel="noopener" title="" href="https://gamemaker.io/ja-JP" target="_blank">https://gamemaker.io/ja-JP</a><br><br>Game Makerは世界中のゲームクリエイターで使われているゲーム制作ソフトです<br><br>Undertale、Downwellなどのビッグタイトルで使われており、いろいろなタイプのゲームが作れます<br><br>作れるゲームは主に2Dですが、画面がわかりやすくドラッグ＆ドロップでもゲームがつくれます</p>



<h2 class="wp-block-heading">キッズ＆子ども向け</h2>



<h4 class="wp-block-heading">Tynker：サンプルがたくさん用意されている＆チュートリアルがていねい（英語）</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/07/image-4.png"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2023/07/image-4.png" alt="" class="wp-image-8939" srcset="https://illust55.com/storage/2023/07/image-4.png 2880w, https://illust55.com/storage/2023/07/image-4-768x512.png 768w, https://illust55.com/storage/2023/07/image-4-1536x1024.png 1536w, https://illust55.com/storage/2023/07/image-4-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></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 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><a rel="noopener" href="https://www.tynker.com/" target="_blank">Tynkerのサイト</a><br><br>ブロックでプログラムをつくるタイプのゲームメーカーです<br><br>かわいいサンプルゲームが用意されており、子どもが楽しみながらつくれるサイトです<br><br>カンタンな英語のみなので、英語が少しでもわかる方にはオススメのサイトです</p>



<h2 class="wp-block-heading">有料ソフトでカンタン＆スグにつくりたい！</h2>



<h4 class="wp-block-heading">Shump Creator：タテ＆ヨコの本格シューティングゲームがつくれる</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/07/image-5.png"><img loading="lazy" decoding="async" width="2037" height="1573" src="https://illust55.com/storage/2023/07/image-5.png" alt="" class="wp-image-8940" srcset="https://illust55.com/storage/2023/07/image-5.png 2037w, https://illust55.com/storage/2023/07/image-5-768x593.png 768w, https://illust55.com/storage/2023/07/image-5-1536x1186.png 1536w" sizes="(max-width: 2037px) 100vw, 2037px" /></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 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><a rel="noopener" href="https://www.shmupcreator.com/" target="_blank">Shump Creatorのサイト</a><br><br>カンタンにタテ・ヨコのシューティングゲームをつくれるソフトです<br><br>シューティングゲームをプログラミングなしでつくれるので、Unityが苦手な方にもオススメです<br><br>公式サイトにはレベルの高いユーザーが作ったゲームが公開されています<br><br>すぐにゲームをつくりたい方にオススメのソフトです</p>



<h4 class="wp-block-heading">RPG Developer Bakin：3DRPGをカンタンにつくれるソフト</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2024/05/image.png"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2024/05/image.png" alt="" class="wp-image-10829" srcset="https://illust55.com/storage/2024/05/image.png 1920w, https://illust55.com/storage/2024/05/image-768x432.png 768w, https://illust55.com/storage/2024/05/image-1536x864.png 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 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>3DRPGをつくる専用のソフトです</p>
</div></div>



<p><a rel="noopener" href="https://store.steampowered.com/app/1036640/RPG_Developer_Bakin/?l=japanese" target="_blank">&gt;&gt; RPG Developer Bakin</a><br><br>3DRPGをつくるにはコマンドやフィールド、ダンジョン等おおくの画面移動とプログラムが必要です<br><br>しかし、このソフトを使えばプログラミングなしにRPGをつくることができます<br><br>3Dモデル（FBXフォーマット）や音楽を用意する必要はあります<br><br>しかし、フリー3DソフトのBlenderやAI、フリー素材を使えばカンタンに制作することもできます</p>



<h2 class="wp-block-heading">ティラノビルダー（TyranoBuilder Visual Novel Studio）</h2>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2024/07/image.png"><img loading="lazy" decoding="async" width="1920" height="1280" src="https://illust55.com/storage/2024/07/image.png" alt="" class="wp-image-10960" srcset="https://illust55.com/storage/2024/07/image.png 1920w, https://illust55.com/storage/2024/07/image-768x512.png 768w, https://illust55.com/storage/2024/07/image-1536x1024.png 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 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" href="https://b.tyrano.jp/" target="_blank">&gt;&gt; ティラノビルダー公式サイト</a><br><br>とても多くのノベルゲームで使われているソフトです<br><br>主に国内ユーザーですが、商用のゲームからフリーウェアのゲームまで幅広く使われています<br><br>プログラムの知識が必要なく、困った時もネットで多くの情報を探すことができます<br><br>ノベルゲーム作りに専念したい方にオススメのソフトです</p>



<h2 class="wp-block-heading">RPGツクール：30年続く歴史ながいRPG専用のソフト</h2>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2024/07/image-1.png"><img loading="lazy" decoding="async" width="1015" height="497" src="https://illust55.com/storage/2024/07/image-1.png" alt="" class="wp-image-10965" style="width:528px;height:258px" srcset="https://illust55.com/storage/2024/07/image-1.png 1015w, https://illust55.com/storage/2024/07/image-1-768x376.png 768w" sizes="(max-width: 1015px) 100vw, 1015px" /></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 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" href="https://rpgmakerofficial.com/" target="_blank">&gt;&gt; RPGツクール公式サイト</a><br><br>1990年から作られている歴史あるゲームエンジンです<br><br>ドラクエや昔のファイナルファンタジーのようなコマンド形式のRPGをつくることができます<br><br>2Dのゲームが得意で3Dをあつかうことができません<br><br>3DのRPGをつくる有料のソフトを探している場合は「RPG Developer Bakin」をオススメします<br><br>2DのRPGつくりに特化しているので、とても使いやすくプログラムの知識はまったく必要ありません<br><br>青鬼など多くのゲームが発売され、成功しているので上級者から初心者までオススメのソフトです</p>



<h4 class="wp-block-heading">・RPG MAKER WITH：Nintendo Switch用のRPGツクール</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2024/07/image-2.png"><img loading="lazy" decoding="async" width="1368" height="770" src="https://illust55.com/storage/2024/07/image-2.png" alt="" class="wp-image-10972" srcset="https://illust55.com/storage/2024/07/image-2.png 1368w, https://illust55.com/storage/2024/07/image-2-768x432.png 768w" sizes="(max-width: 1368px) 100vw, 1368px" /></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 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>Nintendo Switch用のRPGツクールです</p>
</div></div>



<p>Nintendo SwitchでもRPGツクールが発売されました<br><br>自作のイラストやフリー素材をつかうのはできないようです<br><br>わかりやすい画面のつくりなのでゲーム制作をこれから始める方にとてもオススメのソフトです</p>



<h4 class="wp-block-heading">・RPG MAKER UNITE：ゲームエンジンUnityでつかえる新しいRPGツクール</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2024/05/Rpg-maker-unite.jpg"><img loading="lazy" decoding="async" width="1393" height="784" src="https://illust55.com/storage/2024/05/Rpg-maker-unite.jpg" alt="" class="wp-image-10979" style="width:566px;height:316px" srcset="https://illust55.com/storage/2024/05/Rpg-maker-unite.jpg 1393w, https://illust55.com/storage/2024/05/Rpg-maker-unite-768x432.jpg 768w" sizes="(max-width: 1393px) 100vw, 1393px" /></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 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>Unityでつかえる新しい形のRPGツクールです</p>
</div></div>



<p><a rel="noopener" href="https://assetstore.unity.com/packages/tools/game-toolkits/rpg-maker-unite-v1-0-10-253689" target="_blank">&gt;&gt; RPG MAKER UNITEのUnityアセットストア</a><br><br>Unityでつかえる新しいタイプのRPGツクールです<br><br>まだ未完成の部分が多く、拡張機能は今までのRPGツクールと互換性がありません<br><br>このため、現在は他のRPGツクールの方が作りやすいです<br><br>しかし、ソフトの完成度が上がればUnityの機能と加わり、とても便利なソフトになります</p>



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



<p>今回は「無料のゲーム制作ソフトと個人ゲーム開発について紹介しました</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 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>Youtubeでは、さらにおもしろく絵のつくり方を紹介しています<br><br>また、他のページでもCG・映像のつくり方について紹介しています</p>
</div></div>



<p><a rel="noopener" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank">&gt;&gt; 動画で紹介！絵と映像のつくり方</a><br><br><a href="https://illust55.com/category/%e7%b5%b5%e3%81%a8%e6%98%a0%e5%83%8f%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9/" target="_blank">&gt;&gt; 絵と映像のつくり方のカテゴリーページ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/8180/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>超初心者向け！Unityのおすすめ無料アセットのまとめ＆紹介【ゲームの作り方入門】</title>
		<link>https://illust55.com/228/</link>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Thu, 04 Aug 2022 03:10:00 +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=228</guid>

					<description><![CDATA[・・・と悩んでいませんか？ UNITYでは、アセットというゲームをつくるための部品をダウンロードすることができます アセットを上手に使えば、プログラミングをしないでもゲームを作ることができます 今回は、特に使いやすい、学 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter is-resized"><img loading="lazy" decoding="async" src="https://makaka.org/wp-content/uploads/2018/12/unity-asset-store-2018-best.png" alt="Best Unity Assets — Unity Asset Store" width="701" height="351"/></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「アクションゲームを作ってみたい！」<br>「３Dのかっこいいゲームを作ってみたい」<br><br><br>「けどプログラミングはしたくない」</p>
</div>



<p>・・・と悩んでいませんか？<br><br>UNITYでは、アセットというゲームをつくるための部品をダウンロードすることができます<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>目次の流れにそって紹介します</p>



<p><br>Youtubeでさらにくわしく、Unityのつくり方を紹介しています<br><a rel="noopener" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank">&gt;&gt; イラスト55 @ クリエイティブ情報を紹介</a></p>
</div></div>



<h2 class="wp-block-heading">空・HDRIの背景ドームのアセット</h2>



<h4 class="wp-block-heading">AllSky Free &#8211; 10 Sky / Skybox Set：完成度の高いリアルな空のアセット</h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="902" height="618" src="https://illust55.com/storage/2021/07/image-121.png" alt="" class="wp-image-3310" srcset="https://illust55.com/storage/2021/07/image-121.png 902w, https://illust55.com/storage/2021/07/image-121-768x526.png 768w" sizes="(max-width: 902px) 100vw, 902px" /></figure>



<p>&lt;「All Sky Free 10 Skybox Set」ダウンロードページ&gt;<br><a rel="noopener" href="https://assetstore.unity.com/packages/2d/textures-materials/sky/allsky-free-10-sky-skybox-set-146014" target="_blank">https://assetstore.unity.com/packages/2d/textures-materials/sky/allsky-free-10-sky-skybox-set-146014</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>自然に近い空を作ることができる部品です</p>
</div></div>



<p>自然に近い空を作ることができるアセットです<br><br>十種類ですが、一日が全てそろっています<br><br>また、有料版では200種類の空をセットで販売しています</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>使い方は次のページで紹介しています</p>
</div></div>



<p><a href="https://illust55.com/3233/">&gt;&gt; 「【3D景観＆背景】Unityで空をキレイにつくる方法」のページ</a></p>



<h4 class="wp-block-heading">Fantasy Skybox FREE：アニメ風の昼や夜空の詰め合わせアセット</h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="1624" height="816" src="https://illust55.com/storage/2021/07/image-123.png" alt="" class="wp-image-3312" srcset="https://illust55.com/storage/2021/07/image-123.png 1624w, https://illust55.com/storage/2021/07/image-123-768x386.png 768w, https://illust55.com/storage/2021/07/image-123-1536x772.png 1536w" sizes="(max-width: 1624px) 100vw, 1624px" /></figure>



<p>&lt;「Fantasy Skybox FREE」ダウンロードページ&gt;<br><a rel="noopener" href="https://assetstore.unity.com/packages/2d/textures-materials/sky/fantasy-skybox-free-18353" target="_blank">https://assetstore.unity.com/packages/2d/textures-materials/sky/fantasy-skybox-free-18353</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>ファンタジー風の空を作ることができるアセットです</p>
</div></div>



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



<p>昼から夜まで一日すべて入っているいます<br><br>空の色を自由にカスタマイズすることはできません</p>



<h4 class="wp-block-heading">Customizable skybox：空の光をカスタマイズできる</h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="1539" height="794" src="https://illust55.com/storage/2021/07/image-124.png" alt="" class="wp-image-3316" srcset="https://illust55.com/storage/2021/07/image-124.png 1539w, https://illust55.com/storage/2021/07/image-124-768x396.png 768w, https://illust55.com/storage/2021/07/image-124-1536x792.png 1536w" sizes="(max-width: 1539px) 100vw, 1539px" /></figure>



<p>&lt;「Customizable skybox」ダウンロードページ&gt;<br><a rel="noopener" href="https://assetstore.unity.com/packages/2d/textures-materials/sky/customizable-skybox-174576" target="_blank">https://assetstore.unity.com/packages/2d/textures-materials/sky/customizable-skybox-174576</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>自由に空をカスタマイズできます</p>
</div></div>



<p>空の色を光の向きを変えることにより、自由に色を変えることができすアセットです<br><br>空の色をアニメーションでカンタンに変えたい場合には、とても役に立つアセットです</p>



<h2 class="wp-block-heading">3D車モデル・レーシング・コース作成</h2>



<h4 class="wp-block-heading">Realistic Car Kit：キーボードでコントロールできるリアルな車アセット</h4>



<figure class="wp-block-image size-large is-style-default"><img loading="lazy" decoding="async" width="1281" height="793" src="https://illust55.com/storage/2021/07/image-127.png" alt="" class="wp-image-3320" srcset="https://illust55.com/storage/2021/07/image-127.png 1281w, https://illust55.com/storage/2021/07/image-127-768x475.png 768w" sizes="(max-width: 1281px) 100vw, 1281px" /></figure>



<p>&lt;「Realistic Car Kit」ダウンロードページ&gt;<br><a rel="noopener" href="https://assetstore.unity.com/packages/tools/physics/realistic-car-kit-18421?locale=ja-JP" target="_blank">&gt;&gt; https://assetstore.unity.com/packages/tools/physics/realistic-car-kit-18421?locale=ja-JP</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>車の動きやコースは販売しているゲームと差がありません</p>
</div></div>



<p>車とコースがセットになっているアセットです<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>使い方は次のページで紹介しています</p>
</div></div>



<p><a href="https://illust55.com/2948/" target="_blank" title="">&gt;&gt; 「Unityでゲーム作りを始める！3Dレースカーで学ぶ・使い方講座」のページ</a></p>



<figure class="wp-block-embed 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="RCK 2.0 (Unity5)" width="1256" height="707" src="https://www.youtube.com/embed/B5s9iUvZsjU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading">Car Maker：車のタイヤとボディをコントローラーできるようになる</h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="1119" height="631" src="https://illust55.com/storage/2021/06/image-453.png" alt="" class="wp-image-2949" srcset="https://illust55.com/storage/2021/06/image-453.png 1119w, https://illust55.com/storage/2021/06/image-453-768x433.png 768w" sizes="(max-width: 1119px) 100vw, 1119px" /></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>



<p>&lt;「Car Maker」ダウンロードページ&gt;<br><a rel="noopener" href="https://assetstore.unity.com/packages/tools/game-toolkits/car-maker-166164?locale=ja-JP" target="_blank" title="">https://assetstore.unity.com/packages/tools/game-toolkits/car-maker-166164?locale=ja-JP</a><br><br>車はタイヤと本体が分かれており、走らせるためにはプログラミングが必要です<br><br>しかし、このアセットを使えば数回のクリックで車を作ることができます</p>



<figure class="wp-block-embed 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="Unity Car Maker" width="1256" height="707" src="https://www.youtube.com/embed/maPDrjUBH8o?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading">Fence Layout Tool：簡単にフェンスをつくれる</h4>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Unity Fence Layout tutorial" width="1256" height="942" src="https://www.youtube.com/embed/vT0lnwtPz3o?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>



<p>&lt; 「Fence Layout Tool」ダウンロードサイト &gt;<br><a rel="noopener" href="https://assetstore.unity.com/packages/tools/utilities/fence-layout-tool-162856?locale=ja-JP" target="_blank" title="">https://assetstore.unity.com/packages/tools/utilities/fence-layout-tool-162856?locale=ja-JP</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>フェンスを自由につくることができるアセットです</p>
</div></div>



<p>車のレースゲームではコーナーなど、曲がった道にフェンスが必要な時があります<br><br>このアセットは、地形にそってカンタンにフェンスを作ることができます<br><br>無料アセットでは、他には無いので、とてもオススメできるアセットです</p>



<h2 class="wp-block-heading">3Dアクションゲーム</h2>



<h4 class="wp-block-heading">Flap Up：ボクセルタイプの3Dジャンプアクションゲーム</h4>



<figure class="wp-block-embed 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="Flap Up! - Unity Game Template" width="1256" height="707" src="https://www.youtube.com/embed/HjA55T-3Vow?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>



<p>&lt; 「Flap Up」ダウンロードページ &gt;<br><a rel="noopener" href="https://assetstore.unity.com/packages/templates/packs/flap-up-74556" target="_blank" title="">&gt;&gt; https://assetstore.unity.com/packages/templates/packs/flap-up-74556</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>「Flap Up」はボクセル3Dのジャンプゲームです</p>
</div></div>



<p>「Flap Up」はモバイル向けの3Dアクションゲームのアセットです<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>使い方は次のページで紹介しています</p>
</div></div>



<p><a href="https://illust55.com/4710/" target="_blank" title="">&gt;&gt; 「ボクセルキャラクターとモバイル3Dジャンプゲームのつくり方」のページ</a></p>



<h2 class="wp-block-heading">3Dパズルゲーム</h2>



<h4 class="wp-block-heading">Obstacle Course Pack：すぐにプレイできるパズルセット</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2022/11/009a6e9f-1cfe-4f4e-b32f-a3047e43eb80.webp"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2022/11/009a6e9f-1cfe-4f4e-b32f-a3047e43eb80.webp" alt="" class="wp-image-8231" width="554" height="311" srcset="https://illust55.com/storage/2022/11/009a6e9f-1cfe-4f4e-b32f-a3047e43eb80.webp 1920w, https://illust55.com/storage/2022/11/009a6e9f-1cfe-4f4e-b32f-a3047e43eb80-768x432.webp 768w, https://illust55.com/storage/2022/11/009a6e9f-1cfe-4f4e-b32f-a3047e43eb80-1536x864.webp 1536w" sizes="(max-width: 554px) 100vw, 554px" /></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>



<p>&lt; 「Obstacle Course Pack」ダウンロードページ &gt;<br><a rel="noopener" href="https://assetstore.unity.com/packages/templates/packs/obstacle-course-pack-178169#description" target="_blank" title="">https://assetstore.unity.com/packages/templates/packs/obstacle-course-pack-178169#description</a><br><br>Obstacle Course Pack」はパズルゲームのアセットです<br><br>キャラクターと3Dブロックがセットになっており、パズルゲームで必要なパーツが入っています<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>使い方は次のページで紹介しています</p>
</div></div>




<a href="https://illust55.com/4389/" title="Unity初心者向け！スマホ＆モバイル用のバーチャルコントローラーパッドとボタンの使い方＆パズルゲームをつくろう 【おすすめアセット】" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="160" src="https://illust55.com/storage/2021/09/image-116-160x160.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://illust55.com/storage/2021/09/image-116-160x160.png 160w, https://illust55.com/storage/2021/09/image-116-300x300.png 300w, 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-320x320.png 320w, https://illust55.com/storage/2021/09/image-116-250x250.png 250w, https://illust55.com/storage/2021/09/image-116.png 586w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Unity初心者向け！スマホ＆モバイル用のバーチャルコントローラーパッドとボタンの使い方＆パズルゲームをつくろう 【おすすめアセット】</div><div class="blogcard-snippet internal-blogcard-snippet">「モバイル用のゲームをつくりたい」「かっこいいパズルゲームをつくりたい」でも「どうやればいいか、わからない」と悩んでいませんか？このページでは、だれでも、できる方法でゲームのつくり方を紹介しています今回は、モバイル用のバーチャルパッドをゲー...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://illust55.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">illust55.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2021.09.09</div></div></div></div></a>



<h2 class="wp-block-heading">2Dアクションゲーム</h2>



<h4 class="wp-block-heading">Metroidvania Controller：アクションゲームの動き、コントロール一括パック</h4>



<figure class="wp-block-embed 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="Metroidvania Controller" width="1256" height="707" src="https://www.youtube.com/embed/6QqLpxFYIo4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></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>「Metroidvania Controller」は2Dアクションのアニメーションセットです</p>
</div></div>



<p><a rel="noopener" href="https://assetstore.unity.com/packages/2d/characters/metroidvania-controller-166731?locale=ja-JP" target="_blank" title="">&gt;&gt; Metroidvania Controllerのダウンロードページ</a><br><br>「Metroidvania Controller」は2Dアクションのコントロールとアニメーションセットです<br><br>ボタンを押してジャンプ、剣を振る、などのアニメーションでキャラクターを動かすことができます<br><br>また、敵キャラに攻撃を当てる、などの2Dアクションのシステムもふくまれています<br><br>＜使い方の紹介ページ＞<br><a href="https://illust55.com/4055/" target="_blank" title="">https://illust55.com/4055/</a></p>



<h2 class="wp-block-heading">モバイルのバーチャルジョイスティック</h2>



<h4 class="wp-block-heading">Simple Input System：シンプルだけど高性能なモバイル用バーチャルパッド</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2022/12/image-5.png"><img loading="lazy" decoding="async" width="1224" height="684" src="https://illust55.com/storage/2022/12/image-5.png" alt="" class="wp-image-8251" srcset="https://illust55.com/storage/2022/12/image-5.png 1224w, https://illust55.com/storage/2022/12/image-5-768x429.png 768w" sizes="(max-width: 1224px) 100vw, 1224px" /></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>



<p><a rel="noopener" href="https://assetstore.unity.com/packages/tools/input-management/simple-input-system-113033?locale=ja-JP" target="_blank" title="">&gt;&gt; Simple Input Systemのダウンロードページ</a><br><br>モバイル用のジョイスティックのアセットです<br><br>Unityのプログラムを少しだけ置きかえるだけでスグに使えるようになります<br><br>モバイル用のゲームで使われているボタンが一通りそろっています<br><br>＜使い方の紹介ページ＞<br><a href="https://illust55.com/4389/" target="_blank" title="">https://illust55.com/4389/</a></p>



<h2 class="wp-block-heading">マウス ＆ モバイルのタッチをコントロール</h2>



<h4 class="wp-block-heading">Lean Touch：マウス＆モバイルのタップやドラッグでオブジェクトを動かせる</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2023/02/image-5.png"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2023/02/image-5.png" alt="" class="wp-image-8382" width="653" height="435" srcset="https://illust55.com/storage/2023/02/image-5.png 1950w, https://illust55.com/storage/2023/02/image-5-768x512.png 768w, https://illust55.com/storage/2023/02/image-5-1536x1024.png 1536w" sizes="(max-width: 653px) 100vw, 653px" /></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>



<p><a rel="noopener" href="https://assetstore.unity.com/packages/tools/input-management/lean-touch-30111?locale=ja-JP" target="_blank" title="">&gt;&gt; Lean Touchのダウンロードページ</a><br><br>マウスやモバイルのタップやドラッグでオブジェクトを動かせるようになるアセットです<br><br>回転や移動など基本的なことだけでなく、モバイルで必要なコントロールがほぼ全てそろってます<br><br>有料版ではさらに多くのシーンに合わせて細かくコントロールできるプログラムが詰め込まれています<br><br>マウスやドラッグのコントロールを探している時はオススメです<br><br><a href="https://illust55.com/5948/" target="_blank" title="">&gt;&gt; Lean Touchの使い方のページ</a></p>



<h2 class="wp-block-heading">プログラミングをしないで作るれるようになる</h2>



<h4 class="wp-block-heading">Bolt：ビジュアルスクリプティングのアセット</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2023/03/image-3.png"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2023/03/image-3.png" alt="" class="wp-image-8434" width="643" height="644" srcset="https://illust55.com/storage/2023/03/image-3.png 739w, https://illust55.com/storage/2023/03/image-3-300x300.png 300w, https://illust55.com/storage/2023/03/image-3-100x100.png 100w, https://illust55.com/storage/2023/03/image-3-150x150.png 150w, https://illust55.com/storage/2023/03/image-3-120x120.png 120w, https://illust55.com/storage/2023/03/image-3-160x160.png 160w, https://illust55.com/storage/2023/03/image-3-320x320.png 320w, https://illust55.com/storage/2023/03/image-3-250x250.png 250w" sizes="(max-width: 643px) 100vw, 643px" /></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>Boltを使うとブロックを組み立てるように、プログラミングできます</p>
</div></div>



<p><a rel="noopener" href="https://assetstore.unity.com/packages/tools/visual-scripting/bolt-163802?locale=ja-JP" target="_blank" title="">&gt;&gt; Boltのダウンロードページ</a><br><br>Boltを使えばプログラムのパーツを組み合わせて、プログラミングすることができます<br><br>ビジュアルスクリプティングと言う、この方法なら簡単にプログラミングを始めることができます<br><br><a href="https://illust55.com/3889/" title="">&gt;&gt; Boltの使い方のページ</a></p>



<h2 class="wp-block-heading">エフェクト・モデル・背景などの素材セット</h2>



<h4 class="wp-block-heading">Unity Particle Pack：オールマイティーなエフェクトセット</h4>



<figure class="wp-block-image"><img decoding="async" src="https://i.ytimg.com/vi/mAHIKxu7pnw/maxresdefault.jpg" alt=""/></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>



<p><a rel="noopener" title="" href="https://assetstore.unity.com/packages/essentials/tutorial-projects/unity-particle-pack-127325" target="_blank">&gt;&gt; Unity Particle Packのダウンロードページ</a><br><br>Unity Particle Packは色々なエフェクトを詰め合わせた公式のアセットです<br><br>炎、水、雷など使うことの多いエフェクトが、カスタマイズできるように用意されています<br><br>また、完成度がとても高く、エフェクトを作るための勉強でもオススメです<br><br>＜使い方の紹介ページ＞<br><a title="" href="https://illust55.com/7623/" target="_blank">https://illust55.com/7623/</a></p>



<h4 class="wp-block-heading">Particle Ingredient Pack：クオリティの高いエフェクトセット</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/07/image-7.png"><img loading="lazy" decoding="async" width="1738" height="1408" src="https://illust55.com/storage/2023/07/image-7.png" alt="" class="wp-image-8966" srcset="https://illust55.com/storage/2023/07/image-7.png 1738w, https://illust55.com/storage/2023/07/image-7-768x622.png 768w, https://illust55.com/storage/2023/07/image-7-1536x1244.png 1536w" sizes="(max-width: 1738px) 100vw, 1738px" /></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>400個以上のクオリティの高いエフェクトを無料で配布しています</p>
</div></div>



<p><a href="https://assetstore.unity.com/packages/vfx/particles/particle-ingredient-pack-38436">Particle Ingredient Packのダウンロードページ</a><br><br>クオリティの高いパーティクルの詰め合わせアセットです<br><br>400個以上のさまざまなエフェクトが入っています<br><br>魔法、花火、炎など種類も多くふくまれています<br><br>いろいろなエフェクトを探している方にオススメのアセットです</p>



<h4 class="wp-block-heading">Magic Effects FREE：魔法やアクションゲームに便利なエフェクトセット</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/07/image-8.png"><img loading="lazy" decoding="async" width="1950" height="1300" src="https://illust55.com/storage/2023/07/image-8.png" alt="" class="wp-image-8972" srcset="https://illust55.com/storage/2023/07/image-8.png 1950w, https://illust55.com/storage/2023/07/image-8-768x512.png 768w, https://illust55.com/storage/2023/07/image-8-1536x1024.png 1536w" sizes="(max-width: 1950px) 100vw, 1950px" /></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>



<p><a href="https://assetstore.unity.com/packages/vfx/particles/spells/magic-effects-free-247933">Magic Effects FREEのダウンロードページ</a><br><br>ファンタジーのゲームでよく使われるエフェクトの詰め合わせアセットです<br><br>とくに魔法陣など魔法のエフェクトが多く入っています<br><br>とてもクオリティが高いので、ファンタジー系のエフェクトを探している方にオススメです</p>



<h4 class="wp-block-heading">Kenney Free Game Assets：ピクセルドット絵・3Dモデルなど無料素材配布サイト</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/07/image-9.png"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2023/07/image-9.png" alt="" class="wp-image-8985" srcset="https://illust55.com/storage/2023/07/image-9.png 2880w, https://illust55.com/storage/2023/07/image-9-768x512.png 768w, https://illust55.com/storage/2023/07/image-9-1536x1024.png 1536w, https://illust55.com/storage/2023/07/image-9-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></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>



<p><a href="https://kenney.nl/">Kenney Free Game Assetsのサイト</a><br><br>3Dモデルからピクセルのドット素材などを無料で配布しています<br><br>クオリティが高く、コミカルでポップな素材がメインです<br><br>ユーザー登録が必要なく、すぐにセットを確認できます<br><br>多くの種類があるので素材の制作の参考にする使い方もオススメです</p>



<h4 class="wp-block-heading">itchi.io：ピクセル＆3Dモデルまで幅広く公開されている総合サイト</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/07/image-11.png"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2023/07/image-11.png" alt="" class="wp-image-8998" srcset="https://illust55.com/storage/2023/07/image-11.png 2880w, https://illust55.com/storage/2023/07/image-11-768x512.png 768w, https://illust55.com/storage/2023/07/image-11-1536x1024.png 1536w, https://illust55.com/storage/2023/07/image-11-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></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>



<p><a rel="noopener" href="https://itch.io/" target="_blank">itch.ioのサイト</a><br><br>フリーのゲームやアセットなど幅広く取り扱うインディーゲームの総合サイトです<br><br>クオリティの高いドット素材、3Dモデル、音楽など多くの素材が公開されています<br><br>モデルは圧縮ファイルで配布されているので、ゲーム制作だけはなく素材作りの学習にも役立ちます</p>



<h2 class="wp-block-heading">日本語フォント</h2>



<h4 class="wp-block-heading">Selected U3D Japanese Font：標準日本語フォントパック</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2022/11/image.png"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2022/11/image.png" alt="" class="wp-image-8176" width="720" height="480" srcset="https://illust55.com/storage/2022/11/image.png 1950w, https://illust55.com/storage/2022/11/image-768x512.png 768w, https://illust55.com/storage/2022/11/image-1536x1024.png 1536w" sizes="(max-width: 720px) 100vw, 720px" /></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>



<p>&lt; 「Selected U3D Japanese Font」のダウンロードページ &gt;<br><a rel="noopener" href="https://assetstore.unity.com/packages/2d/fonts/selected-u3d-japanese-font-337?locale=ja-JP" target="_blank" title="">&gt;&gt; https://assetstore.unity.com/packages/2d/fonts/selected-u3d-japanese-font-337?locale=ja-JP</a><br><br>Unityでメニューなどで日本語をつかう時にはフォントをインストールする必要があります<br><br>「Selected U3D Japanese Font」は無料で使えて、クセがなくキレイな日本語フォントです<br><br>＜使い方の紹介ページ＞<br><a href="https://illust55.com/170/" target="_blank" title="">https://illust55.com/170/</a></p>



<h2 class="wp-block-heading">テクスチャとマテリアル</h2>



<h4 class="wp-block-heading">World Materials Free：マテリアルの詰め合わせパック</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2023/01/image-8.png"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2023/01/image-8.png" alt="" class="wp-image-8327" width="745" height="497" srcset="https://illust55.com/storage/2023/01/image-8.png 2880w, https://illust55.com/storage/2023/01/image-8-768x512.png 768w, https://illust55.com/storage/2023/01/image-8-1536x1024.png 1536w, https://illust55.com/storage/2023/01/image-8-2048x1365.png 2048w" sizes="(max-width: 745px) 100vw, 745px" /></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>



<p><a rel="noopener" href="https://assetstore.unity.com/packages/2d/textures-materials/world-materials-free-150182?locale=ja-JP" target="_blank" title="">https://assetstore.unity.com/packages/2d/textures-materials/world-materials-free-150182?locale=ja-JP</a><br><br>3Dオブジェクトに貼るマテリアルの詰め合わせパックです<br><br>木や金属、コンクリートなど15種類のマテリアルが詰め込まれています<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>次のページで使い方を紹介しています</p>
</div></div>




<a href="https://illust55.com/4021/" title="超簡単にアクションパズルをつくる！Unityゲーム初心者講座 第2回" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img loading="lazy" decoding="async" width="160" height="160" src="https://illust55.com/storage/2021/08/image-220-160x160.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://illust55.com/storage/2021/08/image-220-160x160.png 160w, https://illust55.com/storage/2021/08/image-220-300x300.png 300w, https://illust55.com/storage/2021/08/image-220-100x100.png 100w, https://illust55.com/storage/2021/08/image-220-150x150.png 150w, https://illust55.com/storage/2021/08/image-220-120x120.png 120w, https://illust55.com/storage/2021/08/image-220-320x320.png 320w, https://illust55.com/storage/2021/08/image-220-250x250.png 250w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">超簡単にアクションパズルをつくる！Unityゲーム初心者講座 第2回</div><div class="blogcard-snippet internal-blogcard-snippet">「パズルゲームをつくりたい」「オリジナルのゲームを作りたい」・・・でも「何からはじめれば良いか、わからない」「ムズかしそう」と考えていませんか？このページでは、だれでも、カンタンに、ゲームを作れる方法を紹介しています今回はUnityというソ...</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://illust55.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">illust55.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2021.08.19</div></div></div></div></a>



<h2 class="wp-block-heading">Unity公式の学習用アセット</h2>



<h4 class="wp-block-heading">Starter Assets – Third Person Character Controller</h4>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" src="https://illust55.com/storage/2021/07/image-171.png" alt=""/></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が無料で公開している3Dアクションの学習用のアセットです<br><br>はじめからキーボードで自由にキャラクターを動かすことができます</p>
</div></div>



<p><a href="https://assetstore.unity.com/packages/essentials/starter-assets-third-person-character-controller-196526">&gt;&gt; Starter Assets – Third Person Character Controller</a><br><br>Unity公式の3Dアクションの学習用アセットです<br><br>サードパーソン型のアクションゲームですが、FPS型のアセットも別アセットで公開しています<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>次のページでつかい方を紹介しています</p>
</div></div>



<p><a href="https://illust55.com/3394/">&gt;&gt; 超初心者向け！3Dアクションのゲーム作り＆始め方</a></p>



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



<p>今回はUNITYのオススメのアセットを紹介しました</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>Youtubeでは、さらにおもしろくUnityの使い方を紹介しています<br><br>他のページでもゲーム・映像のつくり方について紹介しています</p>
</div></div>



<p><a rel="noopener" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank">&gt;&gt; Youtubeチャンネル イラスト55 @ クリエイティブ情報を紹介</a><br><br><a href="https://illust55.com/category/%e3%82%b2%e3%83%bc%e3%83%a0%e3%81%ae%e3%81%a4%e3%81%8f%e3%82%8a%e6%96%b9/unity%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/">&gt;&gt; Unityのカテゴリーページ</a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Unity超入門講座！かっこいいエフェクトのアセットの使い方＆ボタンクリックで爆発する３Dオブジェクトの作り方【初心者向け】</title>
		<link>https://illust55.com/7623/</link>
					<comments>https://illust55.com/7623/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Sat, 16 Apr 2022 01:58:31 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[絵と映像のつくり方]]></category>
		<category><![CDATA[3Dモデリング]]></category>
		<category><![CDATA[3D映像]]></category>
		<category><![CDATA[MagicaVoxel]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[ゲーム制作初心者]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=7623</guid>

					<description><![CDATA[と悩んでいませんか？ このページでは、だれでも、できる方法で、3Dエフェクトのつくり方を紹介しています 今回は無料ソフト「Unity」と「MagicaVoxel」をつかって、3Dエフェクトをつくる方法を紹介します ぜひ、 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><a href="https://illust55.com/storage/2022/04/image-38.png"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2022/04/image-38.png" alt="" class="wp-image-7720" width="610" height="610" srcset="https://illust55.com/storage/2022/04/image-38.png 1125w, https://illust55.com/storage/2022/04/image-38-300x300.png 300w, https://illust55.com/storage/2022/04/image-38-768x768.png 768w, https://illust55.com/storage/2022/04/image-38-100x100.png 100w, https://illust55.com/storage/2022/04/image-38-150x150.png 150w, https://illust55.com/storage/2022/04/image-38-120x120.png 120w, https://illust55.com/storage/2022/04/image-38-160x160.png 160w, https://illust55.com/storage/2022/04/image-38-320x320.png 320w, https://illust55.com/storage/2022/04/image-38-250x250.png 250w" sizes="(max-width: 610px) 100vw, 610px" /></a></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>「3Dのムービーについて興味がある」<br>「3Dをつくってみたい」<br>「かっこいい3Dのエフェクトをつくってみたい」<br><br>・・・でも<br>「どうやって始めればいいか、わからない」</p>
</div>



<p>と悩んでいませんか？<br><br>このページでは、だれでも、できる方法で、3Dエフェクトのつくり方を紹介しています</p>



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



<p>ぜひ、チャレンジしてください</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>Youtubeでさらにくわしく、絵と映像のつくり方を紹介しています</p>



<p><a rel="noopener" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank">&gt;&gt; イラスト55 @ クリエイティブ情報を紹介</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">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/">https://illust55.com/2018/</a></p>



<h2 class="wp-block-heading">・かっこいいエフェクトアセットを使って爆発する３Dオブジェクトをつくろう</h2>



<h4 class="wp-block-heading">・このページで紹介すること</h4>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><a href="https://illust55.com/storage/2022/04/image-40.png"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2022/04/image-40.png" alt="" class="wp-image-7728" width="583" height="583" srcset="https://illust55.com/storage/2022/04/image-40.png 1125w, https://illust55.com/storage/2022/04/image-40-300x300.png 300w, https://illust55.com/storage/2022/04/image-40-768x768.png 768w, https://illust55.com/storage/2022/04/image-40-100x100.png 100w, https://illust55.com/storage/2022/04/image-40-150x150.png 150w, https://illust55.com/storage/2022/04/image-40-120x120.png 120w, https://illust55.com/storage/2022/04/image-40-160x160.png 160w, https://illust55.com/storage/2022/04/image-40-320x320.png 320w, https://illust55.com/storage/2022/04/image-40-250x250.png 250w" sizes="(max-width: 583px) 100vw, 583px" /></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>3Dをつくり、マウスクリックで爆発するアニメーションをつくります</p>
</div></div>



<h4 class="wp-block-heading">・3Dソフト「MagicaVoxel」をはじめよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image.png" alt="" class="wp-image-7671" srcset="https://illust55.com/storage/2022/04/image.png 1688w, https://illust55.com/storage/2022/04/image-768x512.png 768w, https://illust55.com/storage/2022/04/image-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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ソフトの「MagicaVoxel」をダウンロードします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「MagicaVoxel」の公式サイトにアクセスしてください<br>＜MagicaVoxel公式サイト＞<br><a href="https://ephtracy.github.io/">https://ephtracy.github.io/</a><br><br>２．「Download」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-1.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-1.png" alt="" class="wp-image-7672" srcset="https://illust55.com/storage/2022/04/image-1.png 1688w, https://illust55.com/storage/2022/04/image-1-768x512.png 768w, https://illust55.com/storage/2022/04/image-1-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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>・使うPCに合わせてファイルをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-2.png"><img loading="lazy" decoding="async" width="2000" height="1085" src="https://illust55.com/storage/2022/04/image-2.png" alt="" class="wp-image-7673" srcset="https://illust55.com/storage/2022/04/image-2.png 2000w, https://illust55.com/storage/2022/04/image-2-768x417.png 768w, https://illust55.com/storage/2022/04/image-2-1536x833.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"><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>



<h4 class="wp-block-heading">・「MagicaVoxel」で3Dキャラクターをつくろう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-3.png"><img loading="lazy" decoding="async" width="1740" height="1125" src="https://illust55.com/storage/2022/04/image-3.png" alt="" class="wp-image-7674" srcset="https://illust55.com/storage/2022/04/image-3.png 1740w, https://illust55.com/storage/2022/04/image-3-768x497.png 768w, https://illust55.com/storage/2022/04/image-3-1536x993.png 1536w" sizes="(max-width: 1740px) 100vw, 1740px" /></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 primary-box block-box">
<p>１．「Clear」をクリックしてください<br><br>２．「グリッド」のアイコンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-4.png"><img loading="lazy" decoding="async" width="1745" height="1125" src="https://illust55.com/storage/2022/04/image-4.png" alt="" class="wp-image-7675" srcset="https://illust55.com/storage/2022/04/image-4.png 1745w, https://illust55.com/storage/2022/04/image-4-768x495.png 768w, https://illust55.com/storage/2022/04/image-4-1536x990.png 1536w" sizes="(max-width: 1745px) 100vw, 1745px" /></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>１．ボックスのアイコンをクリックしてください<br><br>２．「アタッチ」をクリックしてください<br><br>３．画面の真ん中でクリックしてください<br><br>４．作られたボックスの上にカーソルを合わせて、さらにクリックしてタテにボックスをつなげます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-5.png"><img loading="lazy" decoding="async" width="1740" height="1125" src="https://illust55.com/storage/2022/04/image-5.png" alt="" class="wp-image-7676" srcset="https://illust55.com/storage/2022/04/image-5.png 1740w, https://illust55.com/storage/2022/04/image-5-768x497.png 768w, https://illust55.com/storage/2022/04/image-5-1536x993.png 1536w" sizes="(max-width: 1740px) 100vw, 1740px" /></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>高さが「23」になるようにつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．23回クリックしてタテに23段になるようにつくります<br><br>２．下の「Z」が「２３」になるようにつくります</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-6.png"><img loading="lazy" decoding="async" width="1740" height="1125" src="https://illust55.com/storage/2022/04/image-6.png" alt="" class="wp-image-7677" srcset="https://illust55.com/storage/2022/04/image-6.png 1740w, https://illust55.com/storage/2022/04/image-6-768x497.png 768w, https://illust55.com/storage/2022/04/image-6-1536x993.png 1536w" sizes="(max-width: 1740px) 100vw, 1740px" /></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>１．カラーパレットからイエローをクリックしてください<br><br>２．タテのブロックのまわりをクリックしてください<br><br>３．「高さ２」「ヨコ２」「長さ６」のイエローのブロックをつくります</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-7.png"><img loading="lazy" decoding="async" width="1740" height="1127" src="https://illust55.com/storage/2022/04/image-7.png" alt="" class="wp-image-7678" srcset="https://illust55.com/storage/2022/04/image-7.png 1740w, https://illust55.com/storage/2022/04/image-7-768x497.png 768w, https://illust55.com/storage/2022/04/image-7-1536x995.png 1536w" sizes="(max-width: 1740px) 100vw, 1740px" /></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>大きさが「20」の球をつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．小さいボックスのアイコンをクリックしてください<br><br>２．「アタッチ」をクリックしてください<br><br>３．「VOXEL 20」にして、「3D」をクリックしてください<br><br>４．カラーパレットのブルーをクリックしてください<br><br>５．タテに長い薄青ブロックにマウスを合わせてください<br><br>６．下の「Z」が「11」になるようにしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-8.png"><img loading="lazy" decoding="async" width="1740" height="1125" src="https://illust55.com/storage/2022/04/image-8.png" alt="" class="wp-image-7679" srcset="https://illust55.com/storage/2022/04/image-8.png 1740w, https://illust55.com/storage/2022/04/image-8-768x497.png 768w, https://illust55.com/storage/2022/04/image-8-1536x993.png 1536w" sizes="(max-width: 1740px) 100vw, 1740px" /></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>１．上矢印のアイコンをクリックしてください<br><br>２．「Erase」のボタンをクリックしてください<br><br>３．飛び出ている面に合わせてクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-9.png"><img loading="lazy" decoding="async" width="1740" height="1125" src="https://illust55.com/storage/2022/04/image-9.png" alt="" class="wp-image-7680" srcset="https://illust55.com/storage/2022/04/image-9.png 1740w, https://illust55.com/storage/2022/04/image-9-768x497.png 768w, https://illust55.com/storage/2022/04/image-9-1536x993.png 1536w" sizes="(max-width: 1740px) 100vw, 1740px" /></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>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-10.png"><img loading="lazy" decoding="async" width="1740" height="1125" src="https://illust55.com/storage/2022/04/image-10.png" alt="" class="wp-image-7682" srcset="https://illust55.com/storage/2022/04/image-10.png 1740w, https://illust55.com/storage/2022/04/image-10-768x497.png 768w, https://illust55.com/storage/2022/04/image-10-1536x993.png 1536w" sizes="(max-width: 1740px) 100vw, 1740px" /></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>１．ボックスのアイコンをクリックしてください<br><br>２．「Paint」をクリックしてください<br><br>３．平らな面でクリックして目をつくります</p>
</div>



<h4 class="wp-block-heading">・完成した3Dオブジェクトを保存しよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-11.png"><img loading="lazy" decoding="async" width="1740" height="1125" src="https://illust55.com/storage/2022/04/image-11.png" alt="" class="wp-image-7683" srcset="https://illust55.com/storage/2022/04/image-11.png 1740w, https://illust55.com/storage/2022/04/image-11-768x497.png 768w, https://illust55.com/storage/2022/04/image-11-1536x993.png 1536w" sizes="(max-width: 1740px) 100vw, 1740px" /></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>・右下の「obj」をクリックして3Dを保存します</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-12.png"><img loading="lazy" decoding="async" width="2000" height="1055" src="https://illust55.com/storage/2022/04/image-12.png" alt="" class="wp-image-7684" srcset="https://illust55.com/storage/2022/04/image-12.png 2000w, https://illust55.com/storage/2022/04/image-12-768x405.png 768w, https://illust55.com/storage/2022/04/image-12-1536x810.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"><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 primary-box block-box">
<p>・保存すると３つのファイルがあらわれます</p>
</div>



<h4 class="wp-block-heading">・3Dオブジェクトにエフェクトをくわえるためのパーツをダウンロードしよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-13.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-13.png" alt="" class="wp-image-7685" srcset="https://illust55.com/storage/2022/04/image-13.png 1688w, https://illust55.com/storage/2022/04/image-13-768x512.png 768w, https://illust55.com/storage/2022/04/image-13-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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をインストールしていない方は、<br><br>公式サイトからダウンロードしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>＜Unity公式サイト＞<br><a href="https://unity.com/ja">https://unity.com/ja</a></p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-14.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-14.png" alt="" class="wp-image-7686" srcset="https://illust55.com/storage/2022/04/image-14.png 1688w, https://illust55.com/storage/2022/04/image-14-768x512.png 768w, https://illust55.com/storage/2022/04/image-14-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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で使う、エフェクトのパーツをダウンロードする用意をします<br><br>公式サイトにアクセスしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．公式のゲームの部品のサイトにアクセスしてください<br><a href="https://assetstore.unity.com/packages/essentials/tutorial-projects/unity-particle-pack-127325">https://assetstore.unity.com/packages/essentials/tutorial-projects/unity-particle-pack-127325</a><br><br>２．画面の上の「ID」アイコンをクリックしてください<br><br>３．画面の上の「ログイン」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-15.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-15.png" alt="" class="wp-image-7687" srcset="https://illust55.com/storage/2022/04/image-15.png 1688w, https://illust55.com/storage/2022/04/image-15-768x512.png 768w, https://illust55.com/storage/2022/04/image-15-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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>



<h4 class="wp-block-heading">・Unityでつくった3Dに爆発するアニメーションをつくろう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-16.png"><img loading="lazy" decoding="async" width="1920" height="1125" src="https://illust55.com/storage/2022/04/image-16.png" alt="" class="wp-image-7688" srcset="https://illust55.com/storage/2022/04/image-16.png 1920w, https://illust55.com/storage/2022/04/image-16-768x450.png 768w, https://illust55.com/storage/2022/04/image-16-1536x900.png 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"><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 primary-box block-box">
<p>１．「プロジェクト」のボタンをクリックしてください<br><br>２．「新しいプロジェクト」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-17.png"><img loading="lazy" decoding="async" width="1920" height="1125" src="https://illust55.com/storage/2022/04/image-17.png" alt="" class="wp-image-7689" srcset="https://illust55.com/storage/2022/04/image-17.png 1920w, https://illust55.com/storage/2022/04/image-17-768x450.png 768w, https://illust55.com/storage/2022/04/image-17-1536x900.png 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"><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 primary-box block-box">
<p>１．「すべてのテンプレート」ボタンをクリックしてください<br><br>２．「3D」ボタンをクリックしてください<br><br>３．「プロジェクトを作成」をクリックします</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-18.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-18.png" alt="" class="wp-image-7690" srcset="https://illust55.com/storage/2022/04/image-18.png 1688w, https://illust55.com/storage/2022/04/image-18-768x512.png 768w, https://illust55.com/storage/2022/04/image-18-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 primary-box block-box">
<p>・「Window」 → 「Package Manager」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-19.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-19.png" alt="" class="wp-image-7691" srcset="https://illust55.com/storage/2022/04/image-19.png 1688w, https://illust55.com/storage/2022/04/image-19-768x512.png 768w, https://illust55.com/storage/2022/04/image-19-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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/2022/04/image-20.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-20.png" alt="" class="wp-image-7692" srcset="https://illust55.com/storage/2022/04/image-20.png 1688w, https://illust55.com/storage/2022/04/image-20-768x512.png 768w, https://illust55.com/storage/2022/04/image-20-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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>１．あらわれたボタンから「Unity Particle Pack」をクリックしてください<br><br>２．「Download」ボタンをクリックしてください<br><br>３．あらわれた「Import」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-21.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-21.png" alt="" class="wp-image-7693" srcset="https://illust55.com/storage/2022/04/image-21.png 1688w, https://illust55.com/storage/2022/04/image-21-768x512.png 768w, https://illust55.com/storage/2022/04/image-21-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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>・「Import」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-35.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-35.png" alt="" class="wp-image-7711" srcset="https://illust55.com/storage/2022/04/image-35.png 1688w, https://illust55.com/storage/2022/04/image-35-768x512.png 768w, https://illust55.com/storage/2022/04/image-35-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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をUnityにとりこみます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「obj」、「png」ファイルをドラッグ＆ドロップしてください<br><br>２．3Dオブジェクトがあらわれます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-23.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-23.png" alt="" class="wp-image-7695" srcset="https://illust55.com/storage/2022/04/image-23.png 1688w, https://illust55.com/storage/2022/04/image-23-768x512.png 768w, https://illust55.com/storage/2022/04/image-23-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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をUnityでコントロールする用意をします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．3Dの「▶」をクリックしてください<br><br>２．あらわれた3Dを画面にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-24.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-24.png" alt="" class="wp-image-7696" srcset="https://illust55.com/storage/2022/04/image-24.png 1688w, https://illust55.com/storage/2022/04/image-24-768x512.png 768w, https://illust55.com/storage/2022/04/image-24-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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キャラクターにドラッグ＆ドロップしてください<br><br>3Dキャラクターの色があらわれます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．取り込んだ画像ファイルをドラッグ＆ドロップします<br><br>２．3Dキャラクターの色があらわれました</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-25.png"><img loading="lazy" decoding="async" width="1691" height="1125" src="https://illust55.com/storage/2022/04/image-25.png" alt="" class="wp-image-7697" srcset="https://illust55.com/storage/2022/04/image-25.png 1691w, https://illust55.com/storage/2022/04/image-25-768x511.png 768w, https://illust55.com/storage/2022/04/image-25-1536x1022.png 1536w" sizes="(max-width: 1691px) 100vw, 1691px" /></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>１．空いている部分で右クリックをしてください<br><br>２．「Create」 → 「C# Script」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-26.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-26.png" alt="" class="wp-image-7698" srcset="https://illust55.com/storage/2022/04/image-26.png 1688w, https://illust55.com/storage/2022/04/image-26-768x512.png 768w, https://illust55.com/storage/2022/04/image-26-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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>・あらわれた「C#ファイル」をメモ帳にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-27.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-27.png" alt="" class="wp-image-7699" srcset="https://illust55.com/storage/2022/04/image-27.png 1688w, https://illust55.com/storage/2022/04/image-27-768x512.png 768w, https://illust55.com/storage/2022/04/image-27-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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>



<pre class="wp-block-code"><code>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()
    {
        
    }

    &#91;SerializeField] GameObject explosionPrefab;
 
    void OnMouseDown()
    {
        Instantiate (explosionPrefab, transform.position, Quaternion.identity);
        Destroy(this.gameObject);
    }
}
</code></pre>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-28.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-28.png" alt="" class="wp-image-7700" srcset="https://illust55.com/storage/2022/04/image-28.png 1688w, https://illust55.com/storage/2022/04/image-28-768x512.png 768w, https://illust55.com/storage/2022/04/image-28-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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>１．3Dをクリックしてください<br><br>２．「Add Component」をクリックしてください<br><br>３．検索ボックスに「col」といれてください <br><br>４．「Box Cllider」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-29.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-29.png" alt="" class="wp-image-7701" srcset="https://illust55.com/storage/2022/04/image-29.png 1688w, https://illust55.com/storage/2022/04/image-29-768x512.png 768w, https://illust55.com/storage/2022/04/image-29-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 primary-box block-box">
<p>・C#ファイルを「Add Componet」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-30.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-30.png" alt="" class="wp-image-7702" srcset="https://illust55.com/storage/2022/04/image-30.png 1688w, https://illust55.com/storage/2022/04/image-30-768x512.png 768w, https://illust55.com/storage/2022/04/image-30-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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>１．「EffectsExamples」 → 「FireExplosion」 → 「Prefabs」をクリックしてください<br><br>２．「Big Explosion」を「Explosion Prefab」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-31.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-31.png" alt="" class="wp-image-7703" srcset="https://illust55.com/storage/2022/04/image-31.png 1688w, https://illust55.com/storage/2022/04/image-31-768x512.png 768w, https://illust55.com/storage/2022/04/image-31-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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>・「Main Camera」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-36.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-36.png" alt="" class="wp-image-7712" srcset="https://illust55.com/storage/2022/04/image-36.png 1688w, https://illust55.com/storage/2022/04/image-36-768x512.png 768w, https://illust55.com/storage/2022/04/image-36-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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>・「GameObject」 → 「Align With View」をクリックしてください</p>
</div>



<h4 class="wp-block-heading">・つくった動きをテストプレイしよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-33.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-33.png" alt="" class="wp-image-7705" srcset="https://illust55.com/storage/2022/04/image-33.png 1688w, https://illust55.com/storage/2022/04/image-33-768x512.png 768w, https://illust55.com/storage/2022/04/image-33-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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>１．「Game」タブをクリックしてください<br><br>２．「▶」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/04/image-34.png"><img loading="lazy" decoding="async" width="1688" height="1125" src="https://illust55.com/storage/2022/04/image-34.png" alt="" class="wp-image-7706" srcset="https://illust55.com/storage/2022/04/image-34.png 1688w, https://illust55.com/storage/2022/04/image-34-768x512.png 768w, https://illust55.com/storage/2022/04/image-34-1536x1024.png 1536w" sizes="(max-width: 1688px) 100vw, 1688px" /></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 primary-box block-box">
<p>・「3D」をクリックすると爆発するエフェクトをつくることができました</p>
</div>



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



<p>今回は無料ソフト「Unity」と「MagicaVoxel」をつかって、3Dエフェクトをつくる方法を紹介しました</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>Youtubeでは、さらにおもしろく絵のつくり方を紹介しています<br><br>また、他のページでもゲーム・CG・映像のつくり方について紹介しています</p>
</div></div>



<p><a rel="noopener" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank">&gt;&gt; Youtubeチャンネル イラスト55 @ クリエイティブ情報を紹介</a><br><br><a href="https://illust55.com/category/%e3%82%b2%e3%83%bc%e3%83%a0%e3%81%ae%e3%81%a4%e3%81%8f%e3%82%8a%e6%96%b9/unity%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/">&gt;&gt; Unityのカテゴリーページ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/7623/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Unity超初心者講座！モバイルタッチ＆ドラッグで画像と3Dモデルをつまむ・動かす・投げよう【Lean Touch】</title>
		<link>https://illust55.com/5948/</link>
					<comments>https://illust55.com/5948/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Sat, 11 Dec 2021 09:36:31 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[Lean Touch]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[ゲーム制作初心者]]></category>
		<category><![CDATA[タッチ＆ドラッグ]]></category>
		<category><![CDATA[モバイルゲーム]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=5948</guid>

					<description><![CDATA[と悩んでいませんか？ このページでは、だれでも、できる方法でゲームのつくり方を紹介しています 今回は、Unityというソフトをつかって、ゲーム中のタップとドラッグの動きをつくる方法を紹介します ぜひ、チャレンジしてくださ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><a href="https://illust55.com/storage/2021/12/ブログ見出し.png"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/12/ブログ見出し.png" alt="Unity超初心者講座！モバイルタッチ＆ドラッグで画像と3Dモデルをつまむ・動かす・投げよう【Lean Touch】" class="wp-image-6020" width="540" height="540" srcset="https://illust55.com/storage/2021/12/ブログ見出し.png 1200w, https://illust55.com/storage/2021/12/ブログ見出し-300x300.png 300w, https://illust55.com/storage/2021/12/ブログ見出し-768x768.png 768w, https://illust55.com/storage/2021/12/ブログ見出し-100x100.png 100w, https://illust55.com/storage/2021/12/ブログ見出し-150x150.png 150w, https://illust55.com/storage/2021/12/ブログ見出し-120x120.png 120w, https://illust55.com/storage/2021/12/ブログ見出し-160x160.png 160w, https://illust55.com/storage/2021/12/ブログ見出し-320x320.png 320w, https://illust55.com/storage/2021/12/ブログ見出し-250x250.png 250w" sizes="(max-width: 540px) 100vw, 540px" /></a><figcaption>Unity超初心者講座！モバイルタッチ＆ドラッグで画像と3Dモデルをつまむ・動かす・投げよう【Lean Touch】</figcaption></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>今回は、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>Youtubeでさらにくわしく、ゲームのつくり方を紹介しています</p>



<p><a rel="noopener" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank">&gt;&gt; イラスト55 @ クリエイティブ情報を紹介</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">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/">https://illust55.com/2018/</a></p>



<h2 class="wp-block-heading">・タッチ＆ドラッグで画像と3Dモデルをつまむ・動かす・投げよう</h2>



<h4 class="wp-block-heading">このページで紹介すること</h4>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><a href="https://illust55.com/storage/2021/12/名称未設定-1.png"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/12/名称未設定-1.png" alt="" class="wp-image-5986" width="514" height="514" srcset="https://illust55.com/storage/2021/12/名称未設定-1.png 1200w, https://illust55.com/storage/2021/12/名称未設定-1-300x300.png 300w, https://illust55.com/storage/2021/12/名称未設定-1-768x768.png 768w, https://illust55.com/storage/2021/12/名称未設定-1-100x100.png 100w, https://illust55.com/storage/2021/12/名称未設定-1-150x150.png 150w, https://illust55.com/storage/2021/12/名称未設定-1-120x120.png 120w, https://illust55.com/storage/2021/12/名称未設定-1-160x160.png 160w, https://illust55.com/storage/2021/12/名称未設定-1-320x320.png 320w, https://illust55.com/storage/2021/12/名称未設定-1-250x250.png 250w" sizes="(max-width: 514px) 100vw, 514px" /></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/12/image-23.png"><img loading="lazy" decoding="async" width="2000" height="934" src="https://illust55.com/storage/2021/12/image-23.png" alt="" class="wp-image-5989" srcset="https://illust55.com/storage/2021/12/image-23.png 2000w, https://illust55.com/storage/2021/12/image-23-768x359.png 768w, https://illust55.com/storage/2021/12/image-23-1536x717.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"><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 primary-box block-box">
<p>１．公式のゲームの部品のサイトにアクセスしてください<br><a href="https://assetstore.unity.com/">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/12/image-51.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-51.png" alt="" class="wp-image-6017" srcset="https://illust55.com/storage/2021/12/image-51.png 2000w, https://illust55.com/storage/2021/12/image-51-768x432.png 768w, https://illust55.com/storage/2021/12/image-51-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"><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>１．「 lean touch 」で検索してください<br><br>２．無料アセットをチェックしてください<br><br>３．「Lean Touch」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-52.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-52.png" alt="" class="wp-image-6018" srcset="https://illust55.com/storage/2021/12/image-52.png 2000w, https://illust55.com/storage/2021/12/image-52-768x432.png 768w, https://illust55.com/storage/2021/12/image-52-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"><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>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-24.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-24.png" alt="" class="wp-image-5990" srcset="https://illust55.com/storage/2021/12/image-24.png 2000w, https://illust55.com/storage/2021/12/image-24-768x432.png 768w, https://illust55.com/storage/2021/12/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"><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 primary-box block-box">
<p>１．「プロジェクト」をクリックしてください<br><br>２．「新規作成」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-25.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-25.png" alt="" class="wp-image-5991" srcset="https://illust55.com/storage/2021/12/image-25.png 2000w, https://illust55.com/storage/2021/12/image-25-768x432.png 768w, https://illust55.com/storage/2021/12/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"><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 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/12/image-26.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-26.png" alt="" class="wp-image-5992" srcset="https://illust55.com/storage/2021/12/image-26.png 2000w, https://illust55.com/storage/2021/12/image-26-768x432.png 768w, https://illust55.com/storage/2021/12/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"><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>１．「Window」メニューをクリックしてください<br><br>２．「Package Manager」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-27.png"><img loading="lazy" decoding="async" width="2000" height="1070" src="https://illust55.com/storage/2021/12/image-27.png" alt="" class="wp-image-5993" srcset="https://illust55.com/storage/2021/12/image-27.png 2000w, https://illust55.com/storage/2021/12/image-27-768x411.png 768w, https://illust55.com/storage/2021/12/image-27-1536x822.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"><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」をクリックしてください<br><br>※ これから探すゲームの部品が見つからない場合は青の数字をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-28.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-28.png" alt="" class="wp-image-5994" srcset="https://illust55.com/storage/2021/12/image-28.png 2000w, https://illust55.com/storage/2021/12/image-28-768x432.png 768w, https://illust55.com/storage/2021/12/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"><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>１．「Lean Touch」をクリックしてください<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/12/image-29.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-29.png" alt="" class="wp-image-5995" srcset="https://illust55.com/storage/2021/12/image-29.png 2000w, https://illust55.com/storage/2021/12/image-29-768x432.png 768w, https://illust55.com/storage/2021/12/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"><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>・「import」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-30.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-30.png" alt="" class="wp-image-5996" srcset="https://illust55.com/storage/2021/12/image-30.png 2000w, https://illust55.com/storage/2021/12/image-30-768x432.png 768w, https://illust55.com/storage/2021/12/image-30-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"><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 primary-box block-box">
<p>１．「Assets」 → 「Lean」 → 「Touch」 → 「Examples」をクリックしてください<br><br>２．「13 Transform」をダブルクリックしてください<br><br>３．「テストプレイボタン」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-31.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-31.png" alt="" class="wp-image-5997" srcset="https://illust55.com/storage/2021/12/image-31.png 2000w, https://illust55.com/storage/2021/12/image-31-768x432.png 768w, https://illust55.com/storage/2021/12/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"><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>１．「Ctrl」＋マウスをドラッグすると□の大きさが変わります<br><br>２．確認した後、「テストプレイボタン」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-32.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-32.png" alt="" class="wp-image-5998" srcset="https://illust55.com/storage/2021/12/image-32.png 2000w, https://illust55.com/storage/2021/12/image-32-768x432.png 768w, https://illust55.com/storage/2021/12/image-32-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"><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>１．「09 Spawn」をダブルクリックしてください<br><br>２．「テストプレイボタン」をクリックしてください<br><br>３．クリックすると火花が現れます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-33.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-33.png" alt="" class="wp-image-5999" srcset="https://illust55.com/storage/2021/12/image-33.png 2000w, https://illust55.com/storage/2021/12/image-33-768x432.png 768w, https://illust55.com/storage/2021/12/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"><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>１．「16 Tap To Select」をダブルクリックしてください<br><br>２．「テストプレイボタン」をクリックしてください<br><br>３．クリックすると□が緑色に変わります</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-34.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-34.png" alt="" class="wp-image-6000" srcset="https://illust55.com/storage/2021/12/image-34.png 2000w, https://illust55.com/storage/2021/12/image-34-768x432.png 768w, https://illust55.com/storage/2021/12/image-34-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"><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>１．「Finger Trail」をダブルクリックしてください<br><br>２．「テストプレイボタン」をクリックしてください<br><br>３．ドラッグするとマウスの後に白いラインが現れます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-35.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-35.png" alt="" class="wp-image-6001" srcset="https://illust55.com/storage/2021/12/image-35.png 2000w, https://illust55.com/storage/2021/12/image-35-768x432.png 768w, https://illust55.com/storage/2021/12/image-35-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"><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>１．「TwistRotateCustomAxis」をダブルクリックしてください<br><br>２．「テストプレイボタン」をクリックしてください<br><br>３．「Ctrl」＋ドラッグで□を回転させることができます</p>
</div>



<h4 class="wp-block-heading">・自分の画像を取りこんでドラッグでうごかそう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-36.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-36.png" alt="" class="wp-image-6002" srcset="https://illust55.com/storage/2021/12/image-36.png 2000w, https://illust55.com/storage/2021/12/image-36-768x432.png 768w, https://illust55.com/storage/2021/12/image-36-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"><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>LeanTouchは多くのことができます<br><br>今回はその中でも、画像を取りこみドラッグで動かす方法を紹介します</p>
</div></div>



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-37.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-37.png" alt="" class="wp-image-6003" srcset="https://illust55.com/storage/2021/12/image-37.png 2000w, https://illust55.com/storage/2021/12/image-37-768x432.png 768w, https://illust55.com/storage/2021/12/image-37-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"><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>１．「Assets」フォルダをクリックしてください<br><br>２．画像ファイルをドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-38.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-38.png" alt="" class="wp-image-6004" srcset="https://illust55.com/storage/2021/12/image-38.png 2000w, https://illust55.com/storage/2021/12/image-38-768x432.png 768w, https://illust55.com/storage/2021/12/image-38-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"><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>１．読み込んだ画像ファイルをクリックしてください<br><br>２．「Texture Type」をクリックしてください<br><br>３．「Sprite（2D and UI）」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-39.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-39.png" alt="" class="wp-image-6005" srcset="https://illust55.com/storage/2021/12/image-39.png 2000w, https://illust55.com/storage/2021/12/image-39-768x432.png 768w, https://illust55.com/storage/2021/12/image-39-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"><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>１．何もない場所で一度クリックしてください<br><br>２．「Apply」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-40.png"><img loading="lazy" decoding="async" width="1732" height="1118" src="https://illust55.com/storage/2021/12/image-40.png" alt="" class="wp-image-6006" srcset="https://illust55.com/storage/2021/12/image-40.png 1732w, https://illust55.com/storage/2021/12/image-40-768x496.png 768w, https://illust55.com/storage/2021/12/image-40-1536x991.png 1536w" sizes="(max-width: 1732px) 100vw, 1732px" /></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>１．ドラッグ＆ドロップしたファイルの「▶」をクリックしてください<br><br>２．現れたファイルをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-41.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-41.png" alt="" class="wp-image-6007" srcset="https://illust55.com/storage/2021/12/image-41.png 2000w, https://illust55.com/storage/2021/12/image-41-768x432.png 768w, https://illust55.com/storage/2021/12/image-41-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"><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>１．現れたファイルをドラッグ＆ドロップしてください<br><br>２．ドラッグ＆ドロップしたファイルをクリックしてください<br><br>３．「Add Component」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-42.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-42.png" alt="" class="wp-image-6008" srcset="https://illust55.com/storage/2021/12/image-42.png 2000w, https://illust55.com/storage/2021/12/image-42-768x432.png 768w, https://illust55.com/storage/2021/12/image-42-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"><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>１．現れた検索ボックスに「box」を入れてください<br><br>２．「Box Collider 2D」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-43.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-43.png" alt="" class="wp-image-6009" srcset="https://illust55.com/storage/2021/12/image-43.png 2000w, https://illust55.com/storage/2021/12/image-43-768x432.png 768w, https://illust55.com/storage/2021/12/image-43-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"><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>「LeanTouch」のプログラムを加えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．もう一度「Add Component」をクリックしてください<br><br>２．現れた検索ボックスに「lean drag」を入れてください<br><br>３．「Lean Drag Translate」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-44.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-44.png" alt="" class="wp-image-6010" srcset="https://illust55.com/storage/2021/12/image-44.png 2000w, https://illust55.com/storage/2021/12/image-44-768x432.png 768w, https://illust55.com/storage/2021/12/image-44-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"><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>１．もう一度「Add Component」をクリックしてください<br><br>２．現れた検索ボックスに「lean twist」を入れてください<br><br>３．「Lean TwistRotate」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-45.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-45.png" alt="" class="wp-image-6011" srcset="https://illust55.com/storage/2021/12/image-45.png 2000w, https://illust55.com/storage/2021/12/image-45-768x432.png 768w, https://illust55.com/storage/2021/12/image-45-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"><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>１．もう一度「Add Component」をクリックしてください<br><br>２．現れた検索ボックスに「lean pinch」を入れてください<br><br>３．「Lean Pinch Scale」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-46.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-46.png" alt="" class="wp-image-6012" srcset="https://illust55.com/storage/2021/12/image-46.png 2000w, https://illust55.com/storage/2021/12/image-46-768x432.png 768w, https://illust55.com/storage/2021/12/image-46-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"><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>１．もう一度「Add Component」をクリックしてください<br><br>２．現れた検索ボックスに「lean selectable by」を入れてください<br><br>３．「Lean Selectable By Finger」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-47.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-47.png" alt="" class="wp-image-6013" srcset="https://illust55.com/storage/2021/12/image-47.png 2000w, https://illust55.com/storage/2021/12/image-47-768x432.png 768w, https://illust55.com/storage/2021/12/image-47-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"><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>１．もう一度「Add Component」をクリックしてください<br><br>２．現れた検索ボックスに「lean Selectable Sprite」を入れてください<br><br>３．「Lean Selectable Spriterender Color」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-49.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-49.png" alt="" class="wp-image-6015" srcset="https://illust55.com/storage/2021/12/image-49.png 2000w, https://illust55.com/storage/2021/12/image-49-768x432.png 768w, https://illust55.com/storage/2021/12/image-49-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"><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>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-48.png"><img loading="lazy" decoding="async" width="2018" height="1125" src="https://illust55.com/storage/2021/12/image-48.png" alt="" class="wp-image-6014" srcset="https://illust55.com/storage/2021/12/image-48.png 2018w, https://illust55.com/storage/2021/12/image-48-768x428.png 768w, https://illust55.com/storage/2021/12/image-48-1536x856.png 1536w" sizes="(max-width: 2018px) 100vw, 2018px" /></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>クリックできるエリアを確認します<br><br>OKならばテストプレイで確認してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「BoxCllider 2D」の「△」をクリックしてください<br><br>２．ミドリの□をドラッグして画像の大きさにそろえてください<br><br>３．ミドリの□をドラッグして画像の大きさにそろえてください<br><br>４．「テストプレイ」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-50.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-50.png" alt="" class="wp-image-6016" srcset="https://illust55.com/storage/2021/12/image-50.png 2000w, https://illust55.com/storage/2021/12/image-50-768x432.png 768w, https://illust55.com/storage/2021/12/image-50-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"><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 primary-box block-box">
<p>１．クリックすると選んだ状態になります<br><br>２．ドラッグすると自由に画像を動かすことができます</p>
</div>



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



<p>今回は、「Lean Touch」をつかい、ゲーム中のタップとドラッグの動きをつくる方法を紹介しました</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>Youtubeでは、さらにおもしろく作り方を紹介しています<br><br>また、他のページでもゲームのつくり方について紹介しています</p>
</div></div>



<p><a rel="noopener" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank">>> Youtubeチャンネル イラスト55 @ クリエイティブ情報を紹介</a><br><br><a href="https://illust55.com/category/%e3%82%b2%e3%83%bc%e3%83%a0%e3%81%ae%e3%81%a4%e3%81%8f%e3%82%8a%e6%96%b9/unity%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/">>> Unityのカテゴリーページ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/5948/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Unity超初心者講座！無料３D背景のHDRI画像とドラッグで360度パノラマでカメラを動かそう</title>
		<link>https://illust55.com/5833/</link>
					<comments>https://illust55.com/5833/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Wed, 08 Dec 2021 13:33:51 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作入門]]></category>
		<category><![CDATA[ゲーム制作初心者]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=5833</guid>

					<description><![CDATA[と悩んでいませんか？ このページでは、だれでも、できる方法でゲームのつくり方を紹介しています 今回は、3Dゲームで背景を表示する方法とドラッグで360度カメラを動かす方法を紹介します ぜひ、チャレンジしてください ・Un [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-22.png"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2021/12/image-22.png" alt="" class="wp-image-5907" srcset="https://illust55.com/storage/2021/12/image-22.png 1920w, https://illust55.com/storage/2021/12/image-22-768x432.png 768w, https://illust55.com/storage/2021/12/image-22-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>「かっこいい3D風景をつくりたい」<br>「ゲームの作り方を知りたい」<br><br><br>でも<br>「どうやればいいか、わからない」</p>
</div>



<p>と悩んでいませんか？<br><br>このページでは、だれでも、できる方法でゲームのつくり方を紹介しています<br><br>今回は、3Dゲームで背景を表示する方法とドラッグで360度カメラを動かす方法を紹介します<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>Youtubeでさらにくわしく、ゲームのつくり方を紹介しています</p>



<p><a rel="noopener" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank">&gt;&gt; イラスト55 @ クリエイティブ情報を紹介</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">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/">https://illust55.com/2018/</a></p>



<h2 class="wp-block-heading">・HDRIとはなんなの？</h2>



<figure class="wp-block-image"><img decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/25/20180121_Taipei%2C_Taiwan_Skyline_from_Xiangshan.jpg/800px-20180121_Taipei%2C_Taiwan_Skyline_from_Xiangshan.jpg" alt=""/><figcaption>&#8220;wikipedia 参照&#8221;</figcaption></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>今回、ご紹介するHDRIは360度のパノラマ背景です</p>
</div></div>



<p>HDRIは360度見ることができる3DやVRのための背景です</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>前だけではなく、後ろ、上、下も背景になります</p>
</div></div>



<h2 class="wp-block-heading">・無料３D背景のHDRI画像とドラッグで360度カメラを動かそう</h2>



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-1.png"><img loading="lazy" decoding="async" width="2000" height="934" src="https://illust55.com/storage/2021/12/image-1.png" alt="" class="wp-image-5886" srcset="https://illust55.com/storage/2021/12/image-1.png 2000w, https://illust55.com/storage/2021/12/image-1-768x359.png 768w, https://illust55.com/storage/2021/12/image-1-1536x717.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"><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背景をダウンロードできるHDRIヘブンにアクセスしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．無料の3D背景をダウンロードできるPolyヘブンにアクセスしてください<br><br><a href="https://polyhaven.com/hdris">https://polyhaven.com/hdris</a><br><br>２．トップ画面の「HDRIs」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-2.png"><img loading="lazy" decoding="async" width="1673" height="927" src="https://illust55.com/storage/2021/12/image-2.png" alt="" class="wp-image-5887" srcset="https://illust55.com/storage/2021/12/image-2.png 1673w, https://illust55.com/storage/2021/12/image-2-768x426.png 768w, https://illust55.com/storage/2021/12/image-2-1536x851.png 1536w" sizes="(max-width: 1673px) 100vw, 1673px" /></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>HDRIが現れます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・背景にするHDRIをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-3.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-3.png" alt="" class="wp-image-5888" srcset="https://illust55.com/storage/2021/12/image-3.png 2000w, https://illust55.com/storage/2021/12/image-3-768x432.png 768w, https://illust55.com/storage/2021/12/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"><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>「Download」のボタンをクリックするとダウンロードがはじまります</p>
</div></div>



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



<h4 class="wp-block-heading">・Unityに背景の部品をくわえよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-4.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-4.png" alt="" class="wp-image-5889" srcset="https://illust55.com/storage/2021/12/image-4.png 2000w, https://illust55.com/storage/2021/12/image-4-768x432.png 768w, https://illust55.com/storage/2021/12/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"><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 primary-box block-box">
<p>１．「プロジェクト」をクリックしてください<br><br>２．「新規作成」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-5.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-5.png" alt="" class="wp-image-5890" srcset="https://illust55.com/storage/2021/12/image-5.png 2000w, https://illust55.com/storage/2021/12/image-5-768x432.png 768w, https://illust55.com/storage/2021/12/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"><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> ３Dのプロジェクトをつくります</p>
</div></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/12/image-6.png"><img loading="lazy" decoding="async" width="1341" height="1005" src="https://illust55.com/storage/2021/12/image-6.png" alt="" class="wp-image-5891" srcset="https://illust55.com/storage/2021/12/image-6.png 1341w, https://illust55.com/storage/2021/12/image-6-768x576.png 768w" sizes="(max-width: 1341px) 100vw, 1341px" /></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> ダウンロードした「HDRI」ファイルをドラッグ＆ドロップしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Assets」をクリックしてください<br><br>２．ダウンロードしたファイルをドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-7.png"><img loading="lazy" decoding="async" width="1502" height="1100" src="https://illust55.com/storage/2021/12/image-7.png" alt="" class="wp-image-5892" srcset="https://illust55.com/storage/2021/12/image-7.png 1502w, https://illust55.com/storage/2021/12/image-7-768x562.png 768w" sizes="(max-width: 1502px) 100vw, 1502px" /></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>１．読みこんだファイルをクリックしてください<br><br>２．「TextureShape」をクリックしてください<br><br>３．「Cube」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-8.png"><img loading="lazy" decoding="async" width="1533" height="1122" src="https://illust55.com/storage/2021/12/image-8.png" alt="" class="wp-image-5893" srcset="https://illust55.com/storage/2021/12/image-8.png 1533w, https://illust55.com/storage/2021/12/image-8-768x562.png 768w" sizes="(max-width: 1533px) 100vw, 1533px" /></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>１．空いている場所で右クリックをしてください<br><br>２．「Create」 → 「Material」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-9.png"><img loading="lazy" decoding="async" width="1560" height="1130" src="https://illust55.com/storage/2021/12/image-9.png" alt="" class="wp-image-5894" srcset="https://illust55.com/storage/2021/12/image-9.png 1560w, https://illust55.com/storage/2021/12/image-9-768x556.png 768w, https://illust55.com/storage/2021/12/image-9-1536x1113.png 1536w" sizes="(max-width: 1560px) 100vw, 1560px" /></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 primary-box block-box">
<p>１．現れた「Materialファイル」をクリックしてください<br><br>２．「Shader」をクリックしてください<br><br>３．検索ウィンドウに「cubemap」を入れてください<br><br>４．現れた「cubemap」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-10.png"><img loading="lazy" decoding="async" width="1496" height="1125" src="https://illust55.com/storage/2021/12/image-10.png" alt="" class="wp-image-5895" srcset="https://illust55.com/storage/2021/12/image-10.png 1496w, https://illust55.com/storage/2021/12/image-10-768x578.png 768w" sizes="(max-width: 1496px) 100vw, 1496px" /></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> HDRIファイルを「マテリアル」に設定します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・HDRIファイルを「Cubemap」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-11.png"><img loading="lazy" decoding="async" width="1442" height="1123" src="https://illust55.com/storage/2021/12/image-11.png" alt="" class="wp-image-5896" srcset="https://illust55.com/storage/2021/12/image-11.png 1442w, https://illust55.com/storage/2021/12/image-11-768x598.png 768w" sizes="(max-width: 1442px) 100vw, 1442px" /></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>１．「Window」→「Rendering」→「Lighting」をクリックしてください<br><br>２．「Lighting」のウィンドウが現れます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-12.png"><img loading="lazy" decoding="async" width="1462" height="1110" src="https://illust55.com/storage/2021/12/image-12.png" alt="" class="wp-image-5897" srcset="https://illust55.com/storage/2021/12/image-12.png 1462w, https://illust55.com/storage/2021/12/image-12-768x583.png 768w" sizes="(max-width: 1462px) 100vw, 1462px" /></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>１．「Environment」をクリックしてください<br><br>２．「Skybox」に「Material」をドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-13.png"><img loading="lazy" decoding="async" width="1338" height="1052" src="https://illust55.com/storage/2021/12/image-13.png" alt="" class="wp-image-5898" srcset="https://illust55.com/storage/2021/12/image-13.png 1338w, https://illust55.com/storage/2021/12/image-13-768x604.png 768w" sizes="(max-width: 1338px) 100vw, 1338px" /></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>・「360度」の背景が現れました<br><br>※ 画面内でマウス右ボタンをドラッグすると周りを見ることができます</p>
</div>



<h4 class="wp-block-heading">・3Dの背景をドラッグで360度見渡すプログラムをつくろう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-14.png"><img loading="lazy" decoding="async" width="1575" height="1125" src="https://illust55.com/storage/2021/12/image-14.png" alt="" class="wp-image-5899" srcset="https://illust55.com/storage/2021/12/image-14.png 1575w, https://illust55.com/storage/2021/12/image-14-768x549.png 768w, https://illust55.com/storage/2021/12/image-14-1536x1097.png 1536w" sizes="(max-width: 1575px) 100vw, 1575px" /></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>このままではプレイ中にドラッグで、360度見ることができません</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．空いている場所で右クリックをしてください<br><br>２．「Create」 → 「C# Script」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-15.png"><img loading="lazy" decoding="async" width="1594" height="1125" src="https://illust55.com/storage/2021/12/image-15.png" alt="" class="wp-image-5900" srcset="https://illust55.com/storage/2021/12/image-15.png 1594w, https://illust55.com/storage/2021/12/image-15-768x542.png 768w, https://illust55.com/storage/2021/12/image-15-1536x1084.png 1536w" sizes="(max-width: 1594px) 100vw, 1594px" /></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> プログラムファイルをつくります<br><br>ダブルクリックするとプログラムを変えられるソフトが起動します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．現れた「C# Script」をダブルクリックしてください<br><br>２．「Visual Studio」が起動します</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-16.png"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-16.png" alt="" class="wp-image-5901" srcset="https://illust55.com/storage/2021/12/image-16.png 2000w, https://illust55.com/storage/2021/12/image-16-768x432.png 768w, https://illust55.com/storage/2021/12/image-16-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"><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-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>ゲーム中に360度カメラを動かすプログラム</strong></span></div><div class="label-box-content block-box-content box-content">
<pre class="wp-block-code"><code>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);
        }
    }
}
</code></pre>
</div></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/12/image-17.png"><img loading="lazy" decoding="async" width="2000" height="1132" src="https://illust55.com/storage/2021/12/image-17.png" alt="" class="wp-image-5902" srcset="https://illust55.com/storage/2021/12/image-17.png 2000w, https://illust55.com/storage/2021/12/image-17-768x435.png 768w, https://illust55.com/storage/2021/12/image-17-1536x869.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"><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>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-18.png"><img loading="lazy" decoding="async" width="1601" height="1125" src="https://illust55.com/storage/2021/12/image-18.png" alt="" class="wp-image-5903" srcset="https://illust55.com/storage/2021/12/image-18.png 1601w, https://illust55.com/storage/2021/12/image-18-768x540.png 768w, https://illust55.com/storage/2021/12/image-18-1536x1079.png 1536w" sizes="(max-width: 1601px) 100vw, 1601px" /></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>・「Main Camera」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-19.png"><img loading="lazy" decoding="async" width="1594" height="1125" src="https://illust55.com/storage/2021/12/image-19.png" alt="" class="wp-image-5904" srcset="https://illust55.com/storage/2021/12/image-19.png 1594w, https://illust55.com/storage/2021/12/image-19-768x542.png 768w, https://illust55.com/storage/2021/12/image-19-1536x1084.png 1536w" sizes="(max-width: 1594px) 100vw, 1594px" /></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>・「C#ファイル」をドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-20.png"><img loading="lazy" decoding="async" width="1588" height="1125" src="https://illust55.com/storage/2021/12/image-20.png" alt="" class="wp-image-5905" srcset="https://illust55.com/storage/2021/12/image-20.png 1588w, https://illust55.com/storage/2021/12/image-20-768x544.png 768w, https://illust55.com/storage/2021/12/image-20-1536x1088.png 1536w" sizes="(max-width: 1588px) 100vw, 1588px" /></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>



<h4 class="wp-block-heading">・3Dの背景をドラッグで360度見渡せることを確認しよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-21.png"><img loading="lazy" decoding="async" width="1593" height="1125" src="https://illust55.com/storage/2021/12/image-21.png" alt="" class="wp-image-5906" srcset="https://illust55.com/storage/2021/12/image-21.png 1593w, https://illust55.com/storage/2021/12/image-21-768x542.png 768w, https://illust55.com/storage/2021/12/image-21-1536x1085.png 1536w" sizes="(max-width: 1593px) 100vw, 1593px" /></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> テストプレイで360度、カメラを動かすことができます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・テストプレイ中でも、画面を360度ドラッグして見ることができます<br><br>※モバイルでもタップして、画面を360度見ることができます</p>
</div>



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



<p>今回は、3Dゲームで背景を表示する方法、ドラッグで360度カメラを動かす方法を紹介しました</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>Youtubeでは、さらにおもしろく作り方を紹介しています<br><br>また、他のページでもゲームのつくり方について紹介しています</p>
</div></div>



<p><a rel="noopener" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank">>> Youtubeチャンネル イラスト55 @ クリエイティブ情報を紹介</a><br><br><a href="https://illust55.com/category/%e3%82%b2%e3%83%bc%e3%83%a0%e3%81%ae%e3%81%a4%e3%81%8f%e3%82%8a%e6%96%b9/unity%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/">>> Unityのカテゴリーページ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/5833/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Unity超初心者向け！自分でつくったゲームをスマートフォンでプレイしよう</title>
		<link>https://illust55.com/5012/</link>
					<comments>https://illust55.com/5012/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Fri, 08 Oct 2021 15:10:23 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[Android用ゲーム]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作初心者]]></category>
		<category><![CDATA[スマホ用ゲーム]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=5012</guid>

					<description><![CDATA[と悩んでいませんか？ このページでは、だれでも、カンタンにできる方法でゲームのつくり方を紹介しています 今回は、Unityを使いスマホ用のゲームファイルをつくる方法を紹介します ぜひ、チャレンジしてください ・Unity [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image"><figure class="aligncenter size-large"><a href="https://illust55.com/storage/2021/10/image-54.png"><img loading="lazy" decoding="async" width="1262" height="720" src="https://illust55.com/storage/2021/10/image-54.png" alt="" class="wp-image-5058" srcset="https://illust55.com/storage/2021/10/image-54.png 1262w, https://illust55.com/storage/2021/10/image-54-768x438.png 768w" sizes="(max-width: 1262px) 100vw, 1262px" /></a></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>「スマホのゲームをつくってみたい」<br>「自分でゲームをつくって自分のスマホでプレイしたい」<br><br><br>・・・でも<br>「どうやればいいか、わからない」</p>
</div>



<p>と悩んでいませんか？<br><br>このページでは、だれでも、カンタンにできる方法でゲームのつくり方を紹介しています<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>次の目次の流れにそって紹介します</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は世界でもっとも使われているゲームをつくるためのソフトです</p>



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



<p>＜Unity公式サイト＞<br><a href="https://unity.com/ja">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/">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>次は、Unityでスマホ用のゲームファイルをつくる方法を紹介します</p>
</div></div>



<h2 class="wp-block-heading">・スマートフォンでUnityのゲームをプレイしよう</h2>



<h4 class="wp-block-heading">・スマホ用のゲームをつくる準備をしよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-26.png"><img loading="lazy" decoding="async" width="1284" height="663" src="https://illust55.com/storage/2021/10/image-26.png" alt="" class="wp-image-5030" srcset="https://illust55.com/storage/2021/10/image-26.png 1284w, https://illust55.com/storage/2021/10/image-26-768x397.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>Unityを起動してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．インストールをクリックしてください<br><br>２．インストールしたUnityの右上「：」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-27.png"><img loading="lazy" decoding="async" width="1171" height="685" src="https://illust55.com/storage/2021/10/image-27.png" alt="" class="wp-image-5031" srcset="https://illust55.com/storage/2021/10/image-27.png 1171w, https://illust55.com/storage/2021/10/image-27-768x449.png 768w" sizes="(max-width: 1171px) 100vw, 1171px" /></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>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-28.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/10/image-28.png" alt="" class="wp-image-5032" srcset="https://illust55.com/storage/2021/10/image-28.png 1280w, https://illust55.com/storage/2021/10/image-28-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>Androidのゲームをつくるパーツです</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「AndroidBuild Support」をクリックしてください<br><br>２．「INSTALL」をクリックしてください</p>
</div>



<h4 class="wp-block-heading">・モジュールを加えるが現れない場合は、過去バージョンをダウンロードしよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-29.png"><img loading="lazy" decoding="async" width="883" height="551" src="https://illust55.com/storage/2021/10/image-29.png" alt="" class="wp-image-5033" srcset="https://illust55.com/storage/2021/10/image-29.png 883w, https://illust55.com/storage/2021/10/image-29-768x479.png 768w" sizes="(max-width: 883px) 100vw, 883px" /></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>・Unityの過去のバージョンをダウンロードできる公式サイトにアクセスしてください<br><a href="https://unity3d.com/jp/get-unity/download/archive">https://unity3d.com/jp/get-unity/download/archive</a><br><br>・下にスクロールしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-30.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/10/image-30.png" alt="" class="wp-image-5034" srcset="https://illust55.com/storage/2021/10/image-30.png 1280w, https://illust55.com/storage/2021/10/image-30-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>今回は「2020.x」のバージョンを使います</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Unity2020.x」をクリックしてください<br><br>２．「Unity Hub」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-31.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/10/image-31.png" alt="" class="wp-image-5035" srcset="https://illust55.com/storage/2021/10/image-31.png 1280w, https://illust55.com/storage/2021/10/image-31-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 primary-box block-box">
<p>１．「開く」をクリックしてください<br><br>２．PCにインストールした「Unity Hub」が起動し、ダウンロードが始まります</p>
</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>



<h4 class="wp-block-heading">・スマホ用のゲームファイルをつくろう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-32.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/10/image-32.png" alt="" class="wp-image-5036" srcset="https://illust55.com/storage/2021/10/image-32.png 1280w, https://illust55.com/storage/2021/10/image-32-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 primary-box block-box">
<p>１．「プロジェクト」をクリックしてください<br><br>２．「新規作成」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-33.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/10/image-33.png" alt="" class="wp-image-5037" srcset="https://illust55.com/storage/2021/10/image-33.png 1280w, https://illust55.com/storage/2021/10/image-33-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 primary-box block-box">
<p>１．「3D」をクリックしてください<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/10/image-34.png"><img loading="lazy" decoding="async" width="1280" height="597" src="https://illust55.com/storage/2021/10/image-34.png" alt="" class="wp-image-5038" srcset="https://illust55.com/storage/2021/10/image-34.png 1280w, https://illust55.com/storage/2021/10/image-34-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>スマホでプレイするゲーム部品をダウンロードする準備をします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．公式のアセットストアにアクセスしてください<br><a href="https://assetstore.unity.com/">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/10/image-35.png"><img loading="lazy" decoding="async" width="1259" height="590" src="https://illust55.com/storage/2021/10/image-35.png" alt="" class="wp-image-5039" srcset="https://illust55.com/storage/2021/10/image-35.png 1259w, https://illust55.com/storage/2021/10/image-35-768x360.png 768w" sizes="(max-width: 1259px) 100vw, 1259px" /></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>１．「flap up」で検索してください<br><br>２．無料アセットをチェックしてください<br><br>３．「 Flap Up!」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-36.png"><img loading="lazy" decoding="async" width="1253" height="586" src="https://illust55.com/storage/2021/10/image-36.png" alt="" class="wp-image-5040" srcset="https://illust55.com/storage/2021/10/image-36.png 1253w, https://illust55.com/storage/2021/10/image-36-768x359.png 768w" sizes="(max-width: 1253px) 100vw, 1253px" /></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>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-37.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/10/image-37.png" alt="" class="wp-image-5041" srcset="https://illust55.com/storage/2021/10/image-37.png 1280w, https://illust55.com/storage/2021/10/image-37-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 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/10/image-38.png"><img loading="lazy" decoding="async" width="1280" height="685" src="https://illust55.com/storage/2021/10/image-38.png" alt="" class="wp-image-5042" srcset="https://illust55.com/storage/2021/10/image-38.png 1280w, https://illust55.com/storage/2021/10/image-38-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」をクリックしてください<br><br>※ これから探すゲームの部品が見つからない場合は青の数字をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-39.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/10/image-39.png" alt="" class="wp-image-5043" srcset="https://illust55.com/storage/2021/10/image-39.png 1280w, https://illust55.com/storage/2021/10/image-39-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 primary-box block-box">
<p>１．「Flap Up!」をクリックしてください<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/10/image-40.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/10/image-40.png" alt="" class="wp-image-5044" srcset="https://illust55.com/storage/2021/10/image-40.png 1280w, https://illust55.com/storage/2021/10/image-40-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 primary-box block-box">
<p>・「import」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-41.png"><img loading="lazy" decoding="async" width="1280" height="722" src="https://illust55.com/storage/2021/10/image-41.png" alt="" class="wp-image-5045" srcset="https://illust55.com/storage/2021/10/image-41.png 1280w, https://illust55.com/storage/2021/10/image-41-768x433.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>・「import」をクリックしてください</p>
</div>



<h4 class="wp-block-heading">・スマホ用にゲームファイルを書き出そう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-42.png"><img loading="lazy" decoding="async" width="1284" height="720" src="https://illust55.com/storage/2021/10/image-42.png" alt="" class="wp-image-5046" srcset="https://illust55.com/storage/2021/10/image-42.png 1284w, https://illust55.com/storage/2021/10/image-42-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 primary-box block-box">
<p>１．「Assets」 → 「_FlapUp」 → 「Scenes」をクリックしてください<br><br>２．「Main」をクリックしてください<br><br>３．サンプルゲームの画面が現れます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-43.png"><img loading="lazy" decoding="async" width="1295" height="720" src="https://illust55.com/storage/2021/10/image-43.png" alt="" class="wp-image-5047" srcset="https://illust55.com/storage/2021/10/image-43.png 1295w, https://illust55.com/storage/2021/10/image-43-768x427.png 768w" sizes="(max-width: 1295px) 100vw, 1295px" /></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>・「File」 → 「Build Settings」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-44.png"><img loading="lazy" decoding="async" width="1280" height="723" src="https://illust55.com/storage/2021/10/image-44.png" alt="" class="wp-image-5048" srcset="https://illust55.com/storage/2021/10/image-44.png 1280w, https://illust55.com/storage/2021/10/image-44-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>ゲームファイルの種類をスマホの「Android」用にします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Android」をクリックしてください<br><br>２．「Switch Platform」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-45.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/10/image-45.png" alt="" class="wp-image-5049" srcset="https://illust55.com/storage/2021/10/image-45.png 1280w, https://illust55.com/storage/2021/10/image-45-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>「Android」で使えるゲームファイルをつくります</p>
</div></div>



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-46.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/10/image-46.png" alt="" class="wp-image-5050" srcset="https://illust55.com/storage/2021/10/image-46.png 1280w, https://illust55.com/storage/2021/10/image-46-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 primary-box block-box">
<p>１．ファイル名を決めてください<br><br>２．「保存」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-56.png"><img loading="lazy" decoding="async" width="868" height="609" src="https://illust55.com/storage/2021/10/image-56.png" alt="" class="wp-image-5081" srcset="https://illust55.com/storage/2021/10/image-56.png 868w, https://illust55.com/storage/2021/10/image-56-768x539.png 768w" sizes="(max-width: 868px) 100vw, 868px" /></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>



<h4 class="wp-block-heading">・PCの中にAndroidスマートフォンを用意しよう</h4>



<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>そこで、PCの中で確認する方法を紹介します</p>
</div></div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-48.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/10/image-48.png" alt="" class="wp-image-5052" srcset="https://illust55.com/storage/2021/10/image-48.png 1280w, https://illust55.com/storage/2021/10/image-48-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>PCで動くスマホ「Andorid」をダウンロードします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Android」スマホをダウンロードできるページにアクセスしてください<br><a href="https://jp.bignox.com/">https://jp.bignox.com/</a><br><br>２．「DownLoad」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-49.png"><img loading="lazy" decoding="async" width="868" height="609" src="https://illust55.com/storage/2021/10/image-49.png" alt="" class="wp-image-5053" srcset="https://illust55.com/storage/2021/10/image-49.png 868w, https://illust55.com/storage/2021/10/image-49-768x539.png 768w" sizes="(max-width: 868px) 100vw, 868px" /></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>１．ダウンロードしたファイルをダブルクリックをしてください<br><br>２．インストールが始まります</p>
</div>



<h4 class="wp-block-heading">・ゲームを動かそう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-57.png"><img loading="lazy" decoding="async" width="868" height="609" src="https://illust55.com/storage/2021/10/image-57.png" alt="" class="wp-image-5083" srcset="https://illust55.com/storage/2021/10/image-57.png 868w, https://illust55.com/storage/2021/10/image-57-768x539.png 768w" sizes="(max-width: 868px) 100vw, 868px" /></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>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-51.png"><img loading="lazy" decoding="async" width="1262" height="720" src="https://illust55.com/storage/2021/10/image-51.png" alt="" class="wp-image-5055" srcset="https://illust55.com/storage/2021/10/image-51.png 1262w, https://illust55.com/storage/2021/10/image-51-768x438.png 768w" sizes="(max-width: 1262px) 100vw, 1262px" /></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>１．アプリファイルが読み込まれました<br><br>２．ファイルをクリックしてアプリを起動してください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/10/image-52.png"><img loading="lazy" decoding="async" width="1262" height="720" src="https://illust55.com/storage/2021/10/image-52.png" alt="" class="wp-image-5056" srcset="https://illust55.com/storage/2021/10/image-52.png 1262w, https://illust55.com/storage/2021/10/image-52-768x438.png 768w" sizes="(max-width: 1262px) 100vw, 1262px" /></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>・Unityのゲームを起動することができました</p>
</div>



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



<p>今回はUnityを使い、つくったゲームをスマホでプレイする方法を紹介しました<br><br>本当の「Android」のスマホでも、プレイすることができます<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>スマホによって方法が少し変わります</p>
</div></div>



<p>他のゲームつくりのページを紹介します<br><br>ぜひ、合わせてご覧ください</p>



<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>超初心者向け！Unityでつくる 2Dアクションゲームとアニメーション<br><a href="https://illust55.com/4055/">https://illust55.com/4055/</a></p>



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



<p>【入門】レースゲームの作り方＆Unityの使い方と道路アセットの紹介<br><a href="https://illust55.com/3351/">https://illust55.com/3351/</a></p>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/5012/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ブラウザゲームとAIのゲームプログラムとゲーム制作ツールの無料配布ページ</title>
		<link>https://illust55.com/4509/</link>
					<comments>https://illust55.com/4509/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Tue, 14 Sep 2021 10:06:21 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[Bolt]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[ゲーム制作初心者]]></category>
		<category><![CDATA[場面転換]]></category>
		<category><![CDATA[画面の切り替え]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=4509</guid>

					<description><![CDATA[こんにちは！ この記事は、Youtubeやブログ記事で紹介したツールの配布ページ」です AIに配布しているプログラムをアップロードすることでプログラムを確実につくりこむことができます また、ゲーム制作でそのまま使うための [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>こんにちは！<br><br>この記事は、Youtubeやブログ記事で紹介したツールの配布ページ」です<br><br>AIに配布しているプログラムをアップロードすることでプログラムを確実につくりこむことができます<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 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>AIに言葉で伝えるよりもツールをそのままアップロードすると、<br><br>より確実にアプリやゲームをつくることができます</p>
</div></div>



<h2 class="wp-block-heading">ゲーム制作で役に立つ &amp; Youtubeで紹介した無料ツール</h2>



<h3 class="wp-block-heading">キャラクタースプライトシートのカット用ツール</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2021/09/image-2.png"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2021/09/image-2.png" alt="" class="wp-image-12537" style="width:618px;height:auto" srcset="https://illust55.com/storage/2021/09/image-2.png 1920w, https://illust55.com/storage/2021/09/image-2-768x432.png 768w, https://illust55.com/storage/2021/09/image-2-1536x864.png 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>フォトショップのように背景切り抜き＆複数分割カットができます</p>
</div></div>



<div class="wp-block-file"><a id="wp-block-file--media-d33cfa0b-ef17-4c15-bfb4-3f97b7e31423" href="https://illust55.com/storage/2021/09/200-キャラカットツール.html">200 キャラカットツール</a><a href="https://illust55.com/storage/2021/09/200-キャラカットツール.html" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-d33cfa0b-ef17-4c15-bfb4-3f97b7e31423">ダウンロード</a></div>



<h3 class="wp-block-heading">雷・サンダーの魔法・電流エフェクト</h3>


<div class="wp-lightning-simulator-container">
    <div id="wp-lightning-control-panel">
        <h2>電流エフェクト調整</h2>
        
        <div class="wp-control-group">
            <label for="wp-thickness">太さ (Thickness)<span id="wp-val-thickness" class="wp-value-display">2.5px</span></label>
            <input type="range" id="wp-thickness" min="1" max="10" step="0.5" value="2.5">
        </div>

        <div class="wp-control-group">
            <label for="wp-brightness">明るさ (Brightness)<span id="wp-val-brightness" class="wp-value-display">120%</span></label>
            <input type="range" id="wp-brightness" min="50" max="200" step="5" value="120">
        </div>

        <div class="wp-control-group">
            <label for="wp-hue">色み (Color Hue)<span id="wp-val-hue" class="wp-value-display">195°</span></label>
            <input type="range" id="wp-hue" min="0" max="360" step="1" value="195">
        </div>

        <div class="wp-control-group">
            <label for="wp-diffusion">拡散 (Chaos / Diffusion)<span id="wp-val-diffusion" class="wp-value-display">35</span></label>
            <input type="range" id="wp-diffusion" min="5" max="80" step="1" value="35">
        </div>
    </div>

    <div id="wp-lightning-instructions">画面をドラッグ、またはクリックすると電流の始点・終点を変更できます</div>

    <canvas id="wp-lightningCanvas"></canvas>
</div>

<style>
    .wp-lightning-simulator-container {
        position: relative;
        width: 100%;
        height: 600px;
        background-color: #08090c;
        color: #e0e6ed;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        overflow: hidden;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        margin: 2em 0;
    }

    .wp-lightning-simulator-container * {
        box-sizing: border-box;
        user-select: none;
    }

    #wp-lightning-control-panel {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 280px;
        background: rgba(15, 22, 36, 0.85);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 14px;
        padding: 20px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
        z-index: 10;
    }

    #wp-lightning-control-panel h2 {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 15px 0 !important;
        padding: 0 0 8px 0 !important;
        color: #fff !important;
        letter-spacing: 0.5px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .wp-control-group {
        margin-bottom: 14px;
    }

    .wp-control-group:last-child {
        margin-bottom: 0;
    }

    .wp-control-group label {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        color: #a0aec0;
        margin-bottom: 6px;
        font-weight: 500;
    }

    .wp-value-display {
        color: #63b3ed;
        font-family: monospace;
        font-weight: bold;
    }

    .wp-control-group input[type="range"] {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 6px;
        background: #2d3748;
        border-radius: 3px;
        outline: none;
        margin: 0;
    }

    .wp-control-group input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
        box-shadow: 0 0 6px rgba(0,0,0,0.5);
        transition: transform 0.1s, background-color 0.1s;
    }

    .wp-control-group input[type="range"]::-webkit-slider-thumb:hover {
        transform: scale(1.2);
        background: #63b3ed;
    }

    /* テーマの干渉を防ぐための!importantスタイル */
    #wp-lightningCanvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        z-index: 1;
        cursor: crosshair;
        display: block !important;
        touch-action: none; /* スマホ操作時の画面スクロール干渉防止 */
    }

    #wp-lightning-instructions {
        position: absolute;
        bottom: 15px;
        right: 15px;
        color: rgba(255, 255, 255, 0.4);
        font-size: 11px;
        pointer-events: none;
        text-align: right;
        z-index: 10;
    }
</style>

<script>
(function() {
    function initLightningEffect() {
        const container = document.querySelector('.wp-lightning-simulator-container');
        const canvas = document.getElementById('wp-lightningCanvas');
        
        if (!container || !canvas || canvas.dataset.initialized) return;
        canvas.dataset.initialized = "true";

        const ctx = canvas.getContext('2d');

        const sliders = {
            thickness: document.getElementById('wp-thickness'),
            brightness: document.getElementById('wp-brightness'),
            hue: document.getElementById('wp-hue'),
            diffusion: document.getElementById('wp-diffusion')
        };

        const displays = {
            thickness: document.getElementById('wp-val-thickness'),
            brightness: document.getElementById('wp-val-brightness'),
            hue: document.getElementById('wp-val-hue'),
            diffusion: document.getElementById('wp-val-diffusion')
        };

        let params = {
            thickness: parseFloat(sliders.thickness.value),
            brightness: parseInt(sliders.brightness.value),
            hue: parseInt(sliders.hue.value),
            diffusion: parseInt(sliders.diffusion.value)
        };

        function updateParams() {
            params.thickness = parseFloat(sliders.thickness.value);
            params.brightness = parseInt(sliders.brightness.value);
            params.hue = parseInt(sliders.hue.value);
            params.diffusion = parseInt(sliders.diffusion.value);

            displays.thickness.textContent = params.thickness.toFixed(1) + 'px';
            displays.brightness.textContent = params.brightness + '%';
            displays.hue.textContent = params.hue + '°';
            displays.diffusion.textContent = params.diffusion;
        }

        Object.keys(sliders).forEach(key => {
            if (sliders[key]) {
                sliders[key].addEventListener('input', updateParams);
            }
        });

        let startPoint = { x: 200, y: 300 };
        let endPoint = { x: 600, y: 300 };
        let pointsInitialized = false;

        // コンテナのサイズ測定と、初期座標のバインド処理を統合
        function resizeCanvas() {
            const w = container.clientWidth;
            const h = container.clientHeight;
            if (w === 0 || h === 0) return; // 読み込み途中の0px状態はスキップ

            canvas.width = w;
            canvas.height = h;

            // 最初にサイズが正しく決まった時のみ、中央付近に初期化
            if (!pointsInitialized) {
                startPoint = { x: w * 0.25, y: h * 0.5 };
                endPoint = { x: w * 0.75, y: h * 0.5 };
                pointsInitialized = true;
            }
        }

        if (typeof ResizeObserver !== 'undefined') {
            const resizeObserver = new ResizeObserver(() => {
                resizeCanvas();
            });
            resizeObserver.observe(container);
        } else {
            window.addEventListener('resize', resizeCanvas);
            resizeCanvas();
        }

        let isDragging = false;

        function getEventPos(e) {
            const rect = canvas.getBoundingClientRect();
            const clientX = e.touches ? e.touches[0].clientX : e.clientX;
            const clientY = e.touches ? e.touches[0].clientY : e.clientY;
            return { 
                x: clientX - rect.left, 
                y: clientY - rect.top 
            };
        }

        function handleStart(e) {
            if (e.target.closest('#wp-lightning-control-panel')) return;
            isDragging = true;
            const pos = getEventPos(e);
            startPoint = pos;
            endPoint = pos;
        }

        function handleMove(e) {
            if (!isDragging) return;
            endPoint = getEventPos(e);
        }

        function handleEnd() {
            isDragging = false;
        }

        canvas.addEventListener('mousedown', handleStart);
        window.addEventListener('mousemove', handleMove);
        window.addEventListener('mouseup', handleEnd);

        // タッチ時の画面スクロール制限を有効にするため passive: false
        canvas.addEventListener('touchstart', handleStart, { passive: false });
        window.addEventListener('touchmove', handleMove, { passive: false });
        window.addEventListener('touchend', handleEnd);

        window.addEventListener('resize', () => {
            if (!isDragging && canvas.width > 0 && pointsInitialized) {
                // 画面回転時などの再調整
                startPoint = { x: canvas.width * 0.25, y: canvas.height * 0.5 };
                endPoint = { x: canvas.width * 0.75, y: canvas.height * 0.5 };
            }
        });

        function createLightningPath(startX, startY, endX, endY, displace, minSegmentLength) {
            const dx = endX - startX;
            const dy = endY - startY;
            const distance = Math.sqrt(dx * dx + dy * dy);

            if (distance < minSegmentLength) {
                return [{ x: startX, y: startY }, { x: endX, y: endY }];
            }

            const midX = (startX + endX) / 2;
            const midY = (startY + endY) / 2;

            const nx = -dy / distance;
            const ny = dx / distance;
            const offset = (Math.random() - 0.5) * displace;

            const actualMidX = midX + nx * offset;
            const actualMidY = midY + ny * offset;

            const nextDisplace = displace * 0.52;
            const leftPath = createLightningPath(startX, startY, actualMidX, actualMidY, nextDisplace, minSegmentLength);
            const rightPath = createLightningPath(actualMidX, actualMidY, endX, endY, nextDisplace, minSegmentLength);

            return leftPath.concat(rightPath.slice(1));
        }

        let animationFrameId;
        function animate() {
            if (canvas.width === 0 || canvas.height === 0) {
                animationFrameId = requestAnimationFrame(animate);
                return;
            }

            ctx.fillStyle = 'rgba(8, 9, 12, 0.4)';
            ctx.fillRect(0, 0, canvas.width, canvas.height);

            let currentEnd = { ...endPoint };
            if (startPoint.x === endPoint.x && startPoint.y === endPoint.y) {
                currentEnd.x += 0.1; 
            }

            const pathsToDraw = [];
            const mainPath = createLightningPath(startPoint.x, startPoint.y, currentEnd.x, currentEnd.y, params.diffusion * 6, 10);
            pathsToDraw.push({ segments: mainPath, type: 'main' });

            if (mainPath.length > 4 && Math.random() < 0.6) {
                const branchIdx = Math.floor(Math.random() * (mainPath.length - 2)) + 1;
                const bStart = mainPath[branchIdx];
                const angle = (Math.random() - 0.5) * Math.PI / 2;
                const length = params.diffusion * (2 + Math.random() * 4);
                
                const bEndX = bStart.x + Math.sin(angle) * length;
                const bEndY = bStart.y + Math.cos(angle) * length;
                
                const branchPath = createLightningPath(bStart.x, bStart.y, bEndX, bEndY, params.diffusion * 2, 8);
                pathsToDraw.push({ segments: branchPath, type: 'branch' });
            }

            const baseHue = params.hue;
            const glowIntensity = params.brightness / 100;

            pathsToDraw.forEach(pathData => {
                const points = pathData.segments;
                const isMain = pathData.type === 'main';

                ctx.lineCap = 'round';
                ctx.lineJoin = 'round';

                // 1. 拡散グロー
                ctx.shadowBlur = 40 * glowIntensity;
                ctx.shadowColor = `hsl(${baseHue}, 100%, 50%)`;
                ctx.strokeStyle = `rgba(${isMain ? 20 : 10}, 80, 255, ${0.05 * glowIntensity})`;
                ctx.lineWidth = params.thickness * (isMain ? 8 : 4);
                
                ctx.beginPath();
                ctx.moveTo(points[0].x, points[0].y);
                for (let i = 1; i < points.length; i++) { ctx.lineTo(points[i].x, points[i].y); }
                ctx.stroke();

                // 2. コアグロー
                ctx.shadowBlur = 15 * glowIntensity;
                ctx.shadowColor = `hsl(${baseHue}, 100%, 60%)`;
                ctx.strokeStyle = `hsl(${baseHue}, 100%, ${65 * glowIntensity}%)`;
                ctx.lineWidth = params.thickness * (isMain ? 3 : 1.5);
                
                ctx.beginPath();
                ctx.moveTo(points[0].x, points[0].y);
                for (let i = 1; i < points.length; i++) { ctx.lineTo(points[i].x, points[i].y); }
                ctx.stroke();

                // 3. ホワイトコア
                ctx.shadowBlur = 4 * glowIntensity;
                ctx.shadowColor = '#fff';
                ctx.strokeStyle = `rgba(255, 255, 255, ${0.9 * Math.min(1, glowIntensity)})`;
                ctx.lineWidth = params.thickness * (isMain ? 1 : 0.5);
                
                ctx.beginPath();
                ctx.moveTo(points[0].x, points[0].y);
                for (let i = 1; i < points.length; i++) { ctx.lineTo(points[i].x, points[i].y); }
                ctx.stroke();
            });

            if (Math.random() < 0.04) {
                ctx.fillStyle = `hsla(${baseHue}, 100%, 50%, ${0.02 * glowIntensity})`;
                ctx.fillRect(0, 0, canvas.width, canvas.height);
            }

            animationFrameId = requestAnimationFrame(animate);
        }

        animate();
    }

    // 遅延ロード・最適化プラグイン向けの安全な読み込み
    function checkAndRun() {
        if (document.getElementById('wp-lightningCanvas')) {
            initLightningEffect();
        } else {
            // 要素が見つからない場合、150msごとに最大3秒間再施行
            let attempts = 0;
            const timer = setInterval(() => {
                attempts++;
                if (document.getElementById('wp-lightningCanvas')) {
                    initLightningEffect();
                    clearInterval(timer);
                } else if (attempts > 20) {
                    clearInterval(timer);
                }
            }, 150);
        }
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', checkAndRun);
    } else {
        checkAndRun();
    }
})();
</script>



<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>AIになかなか伝わらない雷・サンダーエフェクトのJavascriptです<br><br>これを添付すればAIもこれを元につくることができます</p>
</div></div>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>プログラムのコードを表示する</summary>
<pre class="wp-block-code"><code>&lt;div class="wp-lightning-simulator-container"&gt;
    &lt;div id="wp-lightning-control-panel"&gt;
        &lt;h2&gt;電流エフェクト調整&lt;/h2&gt;
        
        &lt;div class="wp-control-group"&gt;
            &lt;label for="wp-thickness"&gt;太さ (Thickness)&lt;span id="wp-val-thickness" class="wp-value-display"&gt;2.5px&lt;/span&gt;&lt;/label&gt;
            &lt;input type="range" id="wp-thickness" min="1" max="10" step="0.5" value="2.5"&gt;
        &lt;/div&gt;

        &lt;div class="wp-control-group"&gt;
            &lt;label for="wp-brightness"&gt;明るさ (Brightness)&lt;span id="wp-val-brightness" class="wp-value-display"&gt;120%&lt;/span&gt;&lt;/label&gt;
            &lt;input type="range" id="wp-brightness" min="50" max="200" step="5" value="120"&gt;
        &lt;/div&gt;

        &lt;div class="wp-control-group"&gt;
            &lt;label for="wp-hue"&gt;色み (Color Hue)&lt;span id="wp-val-hue" class="wp-value-display"&gt;195°&lt;/span&gt;&lt;/label&gt;
            &lt;input type="range" id="wp-hue" min="0" max="360" step="1" value="195"&gt;
        &lt;/div&gt;

        &lt;div class="wp-control-group"&gt;
            &lt;label for="wp-diffusion"&gt;拡散 (Chaos / Diffusion)&lt;span id="wp-val-diffusion" class="wp-value-display"&gt;35&lt;/span&gt;&lt;/label&gt;
            &lt;input type="range" id="wp-diffusion" min="5" max="80" step="1" value="35"&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;div id="wp-lightning-instructions"&gt;画面をドラッグ、またはクリックすると電流の始点・終点を変更できます&lt;/div&gt;

    &lt;canvas id="wp-lightningCanvas"&gt;&lt;/canvas&gt;
&lt;/div&gt;

&lt;style&gt;
    /* 記事の幅に合わせて全画面表示、または指定エリアに収めるラッパー */
    .wp-lightning-simulator-container {
        position: relative;
        width: 100%;
        height: 600px; /* WordPress内で扱いやすいように固定高に調整（100vhから変更） */
        background-color: #08090c;
        color: #e0e6ed;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        overflow: hidden;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        margin: 2em 0;
    }

    /* 他の要素のユーザー選択を邪魔しないようコンテナ内のみ制限 */
    .wp-lightning-simulator-container * {
        box-sizing: border-box;
        user-select: none;
    }

    #wp-lightning-control-panel {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 280px;
        background: rgba(15, 22, 36, 0.85);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 14px;
        padding: 20px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
        z-index: 10;
    }

    #wp-lightning-control-panel h2 {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 15px 0 !important; /* WPテーマのスタイルを上書き */
        padding: 0 0 8px 0 !important;
        color: #fff !important;
        letter-spacing: 0.5px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .wp-control-group {
        margin-bottom: 14px;
    }

    .wp-control-group:last-child {
        margin-bottom: 0;
    }

    .wp-control-group label {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        color: #a0aec0;
        margin-bottom: 6px;
        font-weight: 500;
    }

    .wp-value-display {
        color: #63b3ed;
        font-family: monospace;
        font-weight: bold;
    }

    .wp-control-group input&#091;type="range"] {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 6px;
        background: #2d3748;
        border-radius: 3px;
        outline: none;
        margin: 0;
    }

    .wp-control-group input&#091;type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
        box-shadow: 0 0 6px rgba(0,0,0,0.5);
        transition: transform 0.1s, background-color 0.1s;
    }

    .wp-control-group input&#091;type="range"]::-webkit-slider-thumb:hover {
        transform: scale(1.2);
        background: #63b3ed;
    }

    #wp-lightningCanvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        cursor: crosshair;
        display: block;
    }

    #wp-lightning-instructions {
        position: absolute;
        bottom: 15px;
        right: 15px;
        color: rgba(255, 255, 255, 0.4);
        font-size: 11px;
        pointer-events: none;
        text-align: right;
        z-index: 10;
    }
&lt;/style&gt;

&lt;script&gt;
(function() {
    // WordPress内での競合を防ぐため、即時関数(IIFE)でスコープを隔離
    const container = document.querySelector('.wp-lightning-simulator-container');
    const canvas = document.getElementById('wp-lightningCanvas');
    if (!canvas) return;
    const ctx = canvas.getContext('2d');

    const sliders = {
        thickness: document.getElementById('wp-thickness'),
        brightness: document.getElementById('wp-brightness'),
        hue: document.getElementById('wp-hue'),
        diffusion: document.getElementById('wp-diffusion')
    };

    const displays = {
        thickness: document.getElementById('wp-val-thickness'),
        brightness: document.getElementById('wp-val-brightness'),
        hue: document.getElementById('wp-val-hue'),
        diffusion: document.getElementById('wp-val-diffusion')
    };

    let params = {
        thickness: parseFloat(sliders.thickness.value),
        brightness: parseInt(sliders.brightness.value),
        hue: parseInt(sliders.hue.value),
        diffusion: parseInt(sliders.diffusion.value)
    };

    function updateParams() {
        params.thickness = parseFloat(sliders.thickness.value);
        params.brightness = parseInt(sliders.brightness.value);
        params.hue = parseInt(sliders.hue.value);
        params.diffusion = parseInt(sliders.diffusion.value);

        displays.thickness.textContent = params.thickness.toFixed(1) + 'px';
        displays.brightness.textContent = params.brightness + '%';
        displays.hue.textContent = params.hue + '°';
        displays.diffusion.textContent = params.diffusion;
    }

    Object.keys(sliders).forEach(key =&gt; {
        sliders&#091;key].addEventListener('input', updateParams);
    });

    function resizeCanvas() {
        // 全画面(window)ではなく、親コンテナのサイズに合わせる
        canvas.width = container.clientWidth;
        canvas.height = container.clientHeight;
    }
    window.addEventListener('resize', resizeCanvas);
    resizeCanvas();

    let startPoint = { x: canvas.width * 0.25, y: canvas.height * 0.5 };
    let endPoint = { x: canvas.width * 0.75, y: canvas.height * 0.5 };
    let isDragging = false;

    function getEventPos(e) {
        const rect = canvas.getBoundingClientRect();
        const clientX = e.touches ? e.touches&#091;0].clientX : e.clientX;
        const clientY = e.touches ? e.touches&#091;0].clientY : e.clientY;
        // スクロールや親要素の位置ズレを補正
        return { 
            x: clientX - rect.left, 
            y: clientY - rect.top 
        };
    }

    function handleStart(e) {
        if (e.target.closest('#wp-lightning-control-panel')) return;
        isDragging = true;
        const pos = getEventPos(e);
        startPoint = pos;
        endPoint = pos;
    }

    function handleMove(e) {
        if (!isDragging) return;
        const pos = getEventPos(e);
        endPoint = pos;
    }

    function handleEnd() {
        isDragging = false;
    }

    // イベントリスナーをwindowではなくcanvas（またはコンテナ）に絞ることで誤作動を防ぐ
    canvas.addEventListener('mousedown', handleStart);
    window.addEventListener('mousemove', handleMove);
    window.addEventListener('mouseup', handleEnd);

    canvas.addEventListener('touchstart', handleStart, { passive: true });
    window.addEventListener('touchmove', handleMove, { passive: true });
    window.addEventListener('touchend', handleEnd);

    window.addEventListener('resize', () =&gt; {
        if (!isDragging) {
            startPoint = { x: canvas.width * 0.25, y: canvas.height * 0.5 };
            endPoint = { x: canvas.width * 0.75, y: canvas.height * 0.5 };
        }
    });

    function createLightningPath(startX, startY, endX, endY, displace, minSegmentLength) {
        const dx = endX - startX;
        const dy = endY - startY;
        const distance = Math.sqrt(dx * dx + dy * dy);

        if (distance &lt; minSegmentLength) {
            return &#091;{ x: startX, y: startY }, { x: endX, y: endY }];
        }

        const midX = (startX + endX) / 2;
        const midY = (startY + endY) / 2;

        const nx = -dy / distance;
        const ny = dx / distance;
        const offset = (Math.random() - 0.5) * displace;

        const actualMidX = midX + nx * offset;
        const actualMidY = midY + ny * offset;

        const nextDisplace = displace * 0.52;
        const leftPath = createLightningPath(startX, startY, actualMidX, actualMidY, nextDisplace, minSegmentLength);
        const rightPath = createLightningPath(actualMidX, actualMidY, endX, endY, nextDisplace, minSegmentLength);

        return leftPath.concat(rightPath.slice(1));
    }

    let animationFrameId;
    function animate() {
        ctx.fillStyle = 'rgba(8, 9, 12, 0.4)';
        ctx.fillRect(0, 0, canvas.width, canvas.height);

        let currentEnd = { ...endPoint };
        if (startPoint.x === endPoint.x &amp;&amp; startPoint.y === endPoint.y) {
            currentEnd.x += 0.1; 
        }

        const pathsToDraw = &#091;];
        const mainPath = createLightningPath(startPoint.x, startPoint.y, currentEnd.x, currentEnd.y, params.diffusion * 6, 10);
        pathsToDraw.push({ segments: mainPath, type: 'main' });

        if (mainPath.length &gt; 4 &amp;&amp; Math.random() &lt; 0.6) {
            const branchIdx = Math.floor(Math.random() * (mainPath.length - 2)) + 1;
            const bStart = mainPath&#091;branchIdx];
            const angle = (Math.random() - 0.5) * Math.PI / 2;
            const length = params.diffusion * (2 + Math.random() * 4);
            
            const bEndX = bStart.x + Math.sin(angle) * length;
            const bEndY = bStart.y + Math.cos(angle) * length;
            
            const branchPath = createLightningPath(bStart.x, bStart.y, bEndX, bEndY, params.diffusion * 2, 8);
            pathsToDraw.push({ segments: branchPath, type: 'branch' });
        }

        const baseHue = params.hue;
        const glowIntensity = params.brightness / 100;

        pathsToDraw.forEach(pathData =&gt; {
            const points = pathData.segments;
            const isMain = pathData.type === 'main';

            ctx.lineCap = 'round';
            ctx.lineJoin = 'round';

            // 1. 拡散グロー
            ctx.shadowBlur = 40 * glowIntensity;
            ctx.shadowColor = `hsl(${baseHue}, 100%, 50%)`;
            ctx.strokeStyle = `rgba(${isMain ? 20 : 10}, 80, 255, ${0.05 * glowIntensity})`;
            ctx.lineWidth = params.thickness * (isMain ? 8 : 4);
            
            ctx.beginPath();
            ctx.moveTo(points&#091;0].x, points&#091;0].y);
            for (let i = 1; i &lt; points.length; i++) { ctx.lineTo(points&#091;i].x, points&#091;i].y); }
            ctx.stroke();

            // 2. コアグロー
            ctx.shadowBlur = 15 * glowIntensity;
            ctx.shadowColor = `hsl(${baseHue}, 100%, 60%)`;
            ctx.strokeStyle = `hsl(${baseHue}, 100%, ${65 * glowIntensity}%)`;
            ctx.lineWidth = params.thickness * (isMain ? 3 : 1.5);
            
            ctx.beginPath();
            ctx.moveTo(points&#091;0].x, points&#091;0].y);
            for (let i = 1; i &lt; points.length; i++) { ctx.lineTo(points&#091;i].x, points&#091;i].y); }
            ctx.stroke();

            // 3. ホワイトコア
            ctx.shadowBlur = 4 * glowIntensity;
            ctx.shadowColor = '#fff';
            ctx.strokeStyle = `rgba(255, 255, 255, ${0.9 * Math.min(1, glowIntensity)})`;
            ctx.lineWidth = params.thickness * (isMain ? 1 : 0.5);
            
            ctx.beginPath();
            ctx.moveTo(points&#091;0].x, points&#091;0].y);
            for (let i = 1; i &lt; points.length; i++) { ctx.lineTo(points&#091;i].x, points&#091;i].y); }
            ctx.stroke();
        });

        if (Math.random() &lt; 0.04) {
            ctx.fillStyle = `hsla(${baseHue}, 100%, 50%, ${0.02 * glowIntensity})`;
            ctx.fillRect(0, 0, canvas.width, canvas.height);
        }

        animationFrameId = requestAnimationFrame(animate);
    }

    animate();
})();
&lt;/script&gt;</code></pre>
</details>



<div class="wp-block-file"><a id="wp-block-file--media-fd3f2d67-6b49-4e00-ad09-8f9ebcb47116" href="https://illust55.com/storage/2021/09/雷とサンダー魔法のJavascriptのプログラム.html">雷とサンダー魔法のJavascriptのプログラム</a><a href="https://illust55.com/storage/2021/09/雷とサンダー魔法のJavascriptのプログラム.html" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-fd3f2d67-6b49-4e00-ad09-8f9ebcb47116">ダウンロード</a></div>



<h3 class="wp-block-heading">背景用 &amp; 拡張用のボクセルエディター</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2021/09/image-64.png"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2021/09/image-64.png" alt="" class="wp-image-12540" style="width:666px;height:auto" srcset="https://illust55.com/storage/2021/09/image-64.png 1920w, https://illust55.com/storage/2021/09/image-64-768x432.png 768w, https://illust55.com/storage/2021/09/image-64-1536x864.png 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>AIにファイルを添付して、ボクセルの機能をプラスするためのプログラムです</p>
</div></div>



<div class="wp-block-file"><a id="wp-block-file--media-f1520f99-15c0-4a8c-be34-5ab58f4f6dbc" href="https://illust55.com/storage/2021/09/260702-ボクセルツール.html">260702 ボクセルツール</a><a href="https://illust55.com/storage/2021/09/260702-ボクセルツール.html" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-f1520f99-15c0-4a8c-be34-5ab58f4f6dbc">ダウンロード</a></div>



<h2 class="wp-block-heading">ゲーム制作記事で紹介したブラウザゲームです</h2>



<p></p>



<h2 class="wp-block-heading">ゲーム制作記事で紹介した＆このページのブラウザゲームのプログラムです</h2>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/4509/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>2Dアクションゲームのマップと背景のつくり方！Unity入門講座</title>
		<link>https://illust55.com/4133/</link>
					<comments>https://illust55.com/4133/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Thu, 26 Aug 2021 13:46:26 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[2D]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[アクションゲーム]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作初心者]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=4133</guid>

					<description><![CDATA[と悩んでいませんか？ このページでは、無料で、だれでも始められる方法でゲームのつくり方を紹介しています 今回は、2Dアクションゲームのステージと背景の絵を、つくる方法を紹介します ぜひ、チャレンジしてください ・Unit [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image"><figure class="aligncenter size-large"><a href="https://illust55.com/storage/2021/08/image-314.png"><img loading="lazy" decoding="async" width="640" height="640" src="https://illust55.com/storage/2021/08/image-314.png" alt="" class="wp-image-4187" srcset="https://illust55.com/storage/2021/08/image-314.png 640w, https://illust55.com/storage/2021/08/image-314-300x300.png 300w, https://illust55.com/storage/2021/08/image-314-100x100.png 100w, https://illust55.com/storage/2021/08/image-314-150x150.png 150w, https://illust55.com/storage/2021/08/image-314-120x120.png 120w, https://illust55.com/storage/2021/08/image-314-160x160.png 160w, https://illust55.com/storage/2021/08/image-314-320x320.png 320w, https://illust55.com/storage/2021/08/image-314-250x250.png 250w" sizes="(max-width: 640px) 100vw, 640px" /></a></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>「かっこいいアクションゲームをつくりたい！」<br>「カンタンにゲームをつくりたい」<br><br><br>・・・と思っても<br>「どうすればいいか、わからない」</p>
</div>



<p>と悩んでいませんか？<br><br>このページでは、無料で、だれでも始められる方法でゲームのつくり方を紹介しています<br><br>今回は、2Dアクションゲームのステージと背景の絵を、つくる方法を紹介します<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>また、このページはシリーズですので、<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>2Dアクションゲームのキャラクターとアニメーションのつくり方のページ<br><a href="https://illust55.com/4055/">https://illust55.com/4055/</a></p>
</div></div>



<h2 class="wp-block-heading">・Unityとは何？ゲームをつくることができるの？</h2>



<p>Unityとはゲームをつくるためのソフトです<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>Unityで作られたゲームを紹介します</p>
</div></div>



<figure class="wp-block-embed 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="Inspirational games made with Unity – Fall 2020 | Unity" width="1256" height="707"  data-youtube="eyJ0aXRsZSI6Ikluc3BpcmF0aW9uYWwgZ2FtZXMgbWFkZSB3aXRoIFVuaXR5ICZuZGFzaDsgRmFsbCAyMDIwIHwgVW5pdHkiLCJ2aWRlb19pZCI6IkFVRXl1Zzd1LU00In0=" src="https://www.youtube.com/embed/AUEyug7u-M4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading">・Unityはどうすれば始められるの？</h4>



<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">https://unity.com/ja</a><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>Unityのインストールの方法を次のページで紹介しています<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



<p>＜UNITYのインストール方法のページ＞<br><a href="https://illust55.com/2018/">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>次は、2Dアクションゲームで、<br><br>ステージと背景の絵をつくる方法を紹介します</p>
</div></div>



<h2 class="wp-block-heading">・2Dアクションゲームのマップをつくろう</h2>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-268.png"><img loading="lazy" decoding="async" width="1258" height="422" src="https://illust55.com/storage/2021/08/image-268.png" alt="" class="wp-image-4140" srcset="https://illust55.com/storage/2021/08/image-268.png 1258w, https://illust55.com/storage/2021/08/image-268-768x258.png 768w" sizes="(max-width: 1258px) 100vw, 1258px" /></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>今回、紹介するゲームつくりです<br><br>左のゲームマップを右のゲームマップに変えます</p>
</div></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/08/image-262.png"><img loading="lazy" decoding="async" width="1280" height="597" src="https://illust55.com/storage/2021/08/image-262.png" alt="" class="wp-image-4134" srcset="https://illust55.com/storage/2021/08/image-262.png 1280w, https://illust55.com/storage/2021/08/image-262-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>はじめに、 ゲーム部品のダウンロードの準備をします<br><br>公式のサイトにアクセスしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．公式のゲームの部品のサイトにアクセスしてください<br><a href="https://assetstore.unity.com/">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/08/image-263.png"><img loading="lazy" decoding="async" width="1280" height="692" src="https://illust55.com/storage/2021/08/image-263.png" alt="" class="wp-image-4135" srcset="https://illust55.com/storage/2021/08/image-263.png 1280w, https://illust55.com/storage/2021/08/image-263-768x415.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>１．「Foggy Mountains」で検索してください<br><br>２．無料アセットをチェックしてください<br><br>３．「Foggy Mountains」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-264.png"><img loading="lazy" decoding="async" width="1280" height="698" src="https://illust55.com/storage/2021/08/image-264.png" alt="" class="wp-image-4136" srcset="https://illust55.com/storage/2021/08/image-264.png 1280w, https://illust55.com/storage/2021/08/image-264-768x419.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>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-265.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-265.png" alt="" class="wp-image-4137" srcset="https://illust55.com/storage/2021/08/image-265.png 1280w, https://illust55.com/storage/2021/08/image-265-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 primary-box block-box">
<p>１．「Alien Tile Set」で検索してください<br><br>２．無料アセットをチェックしてください<br><br>３．「 Alien Tile Set」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-266.png"><img loading="lazy" decoding="async" width="1280" height="688" src="https://illust55.com/storage/2021/08/image-266.png" alt="" class="wp-image-4138" srcset="https://illust55.com/storage/2021/08/image-266.png 1280w, https://illust55.com/storage/2021/08/image-266-768x413.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>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-269.png"><img loading="lazy" decoding="async" width="1280" height="700" src="https://illust55.com/storage/2021/08/image-269.png" alt="" class="wp-image-4141" srcset="https://illust55.com/storage/2021/08/image-269.png 1280w, https://illust55.com/storage/2021/08/image-269-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 primary-box block-box">
<p>１．「 Metroidvania Controller 」で検索してください<br><br>２．無料アセットをチェックしてください<br><br>３．「 Metroidvania Controller 」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-270.png"><img loading="lazy" decoding="async" width="1280" height="690" src="https://illust55.com/storage/2021/08/image-270.png" alt="" class="wp-image-4142" srcset="https://illust55.com/storage/2021/08/image-270.png 1280w, https://illust55.com/storage/2021/08/image-270-768x414.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>



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-271.png"><img loading="lazy" decoding="async" width="1290" height="686" src="https://illust55.com/storage/2021/08/image-271.png" alt="" class="wp-image-4143" srcset="https://illust55.com/storage/2021/08/image-271.png 1290w, https://illust55.com/storage/2021/08/image-271-768x408.png 768w" sizes="(max-width: 1290px) 100vw, 1290px" /></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 primary-box block-box">
<p>１．「プロジェクト」をクリックしてください<br><br>２．「新規作成」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-272.png"><img loading="lazy" decoding="async" width="1276" height="720" src="https://illust55.com/storage/2021/08/image-272.png" alt="" class="wp-image-4144" srcset="https://illust55.com/storage/2021/08/image-272.png 1276w, https://illust55.com/storage/2021/08/image-272-768x433.png 768w" sizes="(max-width: 1276px) 100vw, 1276px" /></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>2Dのゲームをつくります</p>
</div></div>



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-273.png"><img loading="lazy" decoding="async" width="1280" height="721" src="https://illust55.com/storage/2021/08/image-273.png" alt="" class="wp-image-4145" srcset="https://illust55.com/storage/2021/08/image-273.png 1280w, https://illust55.com/storage/2021/08/image-273-768x433.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>・「Windows」 → 「Package Manager」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-274.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-274.png" alt="" class="wp-image-4146" srcset="https://illust55.com/storage/2021/08/image-274.png 1280w, https://illust55.com/storage/2021/08/image-274-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 primary-box block-box">
<p>１．「Packages」をクリックしてください<br><br>２．「Unity Registry」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-275.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-275.png" alt="" class="wp-image-4147" srcset="https://illust55.com/storage/2021/08/image-275.png 1280w, https://illust55.com/storage/2021/08/image-275-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 primary-box block-box">
<p>１．検索のボックスに「sin」と入れてください<br><br>２．現れた「Cinemachine」をクリックしてください<br><br>３．「Install」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-276.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-276.png" alt="" class="wp-image-4148" srcset="https://illust55.com/storage/2021/08/image-276.png 1280w, https://illust55.com/storage/2021/08/image-276-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 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/08/image-277.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-277.png" alt="" class="wp-image-4149" srcset="https://illust55.com/storage/2021/08/image-277.png 1280w, https://illust55.com/storage/2021/08/image-277-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 primary-box block-box">
<p>・これから紹介する「ゲームの部品」が現れない場合は、青の数字をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-278.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-278.png" alt="" class="wp-image-4150" srcset="https://illust55.com/storage/2021/08/image-278.png 1280w, https://illust55.com/storage/2021/08/image-278-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 primary-box block-box">
<p>１．「 Metroidvania Controller 」をクリックしてください<br><br>２．「ダウンロード」をクリックしてください<br><br>３．ダウンロード後、「Import（読み込み）」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-279.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-279.png" alt="" class="wp-image-4151" srcset="https://illust55.com/storage/2021/08/image-279.png 1280w, https://illust55.com/storage/2021/08/image-279-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 primary-box block-box">
<p>・「Import」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-280.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-280.png" alt="" class="wp-image-4152" srcset="https://illust55.com/storage/2021/08/image-280.png 1280w, https://illust55.com/storage/2021/08/image-280-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 primary-box block-box">
<p>１．「 Alien Tile Set 」をクリックしてください<br><br>２．「ダウンロード」をクリックしてください<br><br>３．ダウンロード後、「Import（読み込み）」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-281.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-281.png" alt="" class="wp-image-4153" srcset="https://illust55.com/storage/2021/08/image-281.png 1280w, https://illust55.com/storage/2021/08/image-281-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 primary-box block-box">
<p>・「Import」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-282.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-282.png" alt="" class="wp-image-4154" srcset="https://illust55.com/storage/2021/08/image-282.png 1280w, https://illust55.com/storage/2021/08/image-282-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 primary-box block-box">
<p>１．「Foggy Mountains 」をクリックしてください<br><br>２．「ダウンロード」をクリックしてください<br><br>３．ダウンロード後、「Import（読み込み）」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-283.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-283.png" alt="" class="wp-image-4155" srcset="https://illust55.com/storage/2021/08/image-283.png 1280w, https://illust55.com/storage/2021/08/image-283-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 primary-box block-box">
<p>・「Import」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-284.png"><img loading="lazy" decoding="async" width="1284" height="720" src="https://illust55.com/storage/2021/08/image-284.png" alt="" class="wp-image-4156" srcset="https://illust55.com/storage/2021/08/image-284.png 1284w, https://illust55.com/storage/2021/08/image-284-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 primary-box block-box">
<p>１．「Assets」 → 「Scenes」をクリックしてください<br><br>２．「Demo」をダブルクリックしてください<br><br>３．サンプルゲームが現れます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-285.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-285.png" alt="" class="wp-image-4157" srcset="https://illust55.com/storage/2021/08/image-285.png 1280w, https://illust55.com/storage/2021/08/image-285-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 primary-box block-box">
<p>・はじめに、プレイヤーの「DrawCharacter」以外を消します</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-286.png"><img loading="lazy" decoding="async" width="1284" height="720" src="https://illust55.com/storage/2021/08/image-286.png" alt="" class="wp-image-4158" srcset="https://illust55.com/storage/2021/08/image-286.png 1284w, https://illust55.com/storage/2021/08/image-286-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>「Delete」キーで消すことができます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．プレイヤーの「DrawCharacter」以外を選んでください<br><br>２．キーボード「Delete」キーをおしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-287.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-287.png" alt="" class="wp-image-4159" srcset="https://illust55.com/storage/2021/08/image-287.png 1280w, https://illust55.com/storage/2021/08/image-287-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 primary-box block-box">
<p>１．「Windows」 → 「Tile Palette」をクリックしてください<br><br>２．「Tile Palette」が現れたことを確認してください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-288.png"><img loading="lazy" decoding="async" width="1284" height="720" src="https://illust55.com/storage/2021/08/image-288.png" alt="" class="wp-image-4160" srcset="https://illust55.com/storage/2021/08/image-288.png 1284w, https://illust55.com/storage/2021/08/image-288-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 primary-box block-box">
<p>１．「Assets」 → 「Tile Palette」をクリックしてください<br><br>２．「GroundTiles」をクリックしてください<br><br>３．「GroundTiles」のパレットが現れます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-289.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-289.png" alt="" class="wp-image-4161" srcset="https://illust55.com/storage/2021/08/image-289.png 1280w, https://illust55.com/storage/2021/08/image-289-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 primary-box block-box">
<p>１．左ウィンドウの空いている場所で右クリックをしてください<br><br>２．「2D Object」 → 「Tile map」 → 「Rectangular」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-290.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-290.png" alt="" class="wp-image-4162" srcset="https://illust55.com/storage/2021/08/image-290.png 1280w, https://illust55.com/storage/2021/08/image-290-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 primary-box block-box">
<p>１． 現れた「Tile map」 をクリックしてください<br><br>２．地面にする絵をドラッグしてください<br><br>３．画面をクリックすると、絵をおくことができます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-291.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-291.png" alt="" class="wp-image-4163" srcset="https://illust55.com/storage/2021/08/image-291.png 1280w, https://illust55.com/storage/2021/08/image-291-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 primary-box block-box">
<p>・今回は、このようにマップをつくりました</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-292.png"><img loading="lazy" decoding="async" width="1280" height="731" src="https://illust55.com/storage/2021/08/image-292.png" alt="" class="wp-image-4164" srcset="https://illust55.com/storage/2021/08/image-292.png 1280w, https://illust55.com/storage/2021/08/image-292-768x439.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>絵が重なるときは、「 Order Layer 」の数を変えてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「移動するツール」のボタンをクリックしてください<br><br>２．「Assets」 → 「AlienTileSet」 → 「Splites」 → 「Trees」をクリックしてください<br><br>３．現れた木のパーツをドラッグ＆ドロップしてください<br><br>４．「Order Layer」に「-100」を入れて、木がプレイヤーの後ろになるようにします</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-294.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-294.png" alt="" class="wp-image-4166" srcset="https://illust55.com/storage/2021/08/image-294.png 1280w, https://illust55.com/storage/2021/08/image-294-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 primary-box block-box">
<p>・今回はこのようにつくりました</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-293.png"><img loading="lazy" decoding="async" width="1284" height="720" src="https://illust55.com/storage/2021/08/image-293.png" alt="" class="wp-image-4165" srcset="https://illust55.com/storage/2021/08/image-293.png 1284w, https://illust55.com/storage/2021/08/image-293-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 primary-box block-box">
<p>１．「Assets」 → 「Foggy Mountains」 をクリックしてください<br><br>２．現れた、背景のパーツをドラッグ＆ドロップで置いてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-304.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-304.png" alt="" class="wp-image-4176" srcset="https://illust55.com/storage/2021/08/image-304.png 1280w, https://illust55.com/storage/2021/08/image-304-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 primary-box block-box">
<p>・続いて、空のパーツをドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-295.png"><img loading="lazy" decoding="async" width="1284" height="720" src="https://illust55.com/storage/2021/08/image-295.png" alt="" class="wp-image-4167" srcset="https://illust55.com/storage/2021/08/image-295.png 1284w, https://illust55.com/storage/2021/08/image-295-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 primary-box block-box">
<p>１．画面左上の「拡大・縮小」ボタンをクリックしてください<br><br>２．背景の「Mountains」と「Sky」をドラッグで、二つ選んでください<br><br>３．現れた、矢印をドラッグして、背景を拡大してください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-301.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-301.png" alt="" class="wp-image-4173" srcset="https://illust55.com/storage/2021/08/image-301.png 1280w, https://illust55.com/storage/2021/08/image-301-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 primary-box block-box">
<p>１．「Grid」 → 「Tilemap」をクリックしてください<br><br>２．「Add Component」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-296.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-296.png" alt="" class="wp-image-4168" srcset="https://illust55.com/storage/2021/08/image-296.png 1280w, https://illust55.com/storage/2021/08/image-296-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 primary-box block-box">
<p>１．検索のボックスに「poly」を入れてください<br><br>２．現れた「Polygon Collider 2D」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-297.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-297.png" alt="" class="wp-image-4169" srcset="https://illust55.com/storage/2021/08/image-297.png 1280w, https://illust55.com/storage/2021/08/image-297-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 primary-box block-box">
<p>１．「Edit Collider」のボタンをクリックしてください<br><br>２．現れた五角形の形を変えます<br><br>３．カドをドラッグすると形を変えることができます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-299.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-299.png" alt="" class="wp-image-4171" srcset="https://illust55.com/storage/2021/08/image-299.png 1280w, https://illust55.com/storage/2021/08/image-299-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 primary-box block-box">
<p>１．つくった地面と同じ形にドラッグします<br><br>２．緑の線の上をクリックすると、新しいカドができます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-298.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-298.png" alt="" class="wp-image-4170" srcset="https://illust55.com/storage/2021/08/image-298.png 1280w, https://illust55.com/storage/2021/08/image-298-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 primary-box block-box">
<p>・このような形につくりました</p>
</div>



<h4 class="wp-block-heading">・プレイヤーをつねに映すゲーム画面をつくろう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-303.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-303.png" alt="" class="wp-image-4175" srcset="https://illust55.com/storage/2021/08/image-303.png 1280w, https://illust55.com/storage/2021/08/image-303-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 primary-box block-box">
<p>１．左ウィンドウの何もない部分で、右クリックしてください<br><br>２．現れたメニューの「Camera」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-300.png"><img loading="lazy" decoding="async" width="1280" height="736" src="https://illust55.com/storage/2021/08/image-300.png" alt="" class="wp-image-4172" srcset="https://illust55.com/storage/2021/08/image-300.png 1280w, https://illust55.com/storage/2021/08/image-300-768x442.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>１．画面上の「Cinemachine」をクリックしてください<br><br>２．現れたメニューの「Ceate 2D Camera」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-302.png"><img loading="lazy" decoding="async" width="1285" height="720" src="https://illust55.com/storage/2021/08/image-302.png" alt="" class="wp-image-4174" srcset="https://illust55.com/storage/2021/08/image-302.png 1285w, https://illust55.com/storage/2021/08/image-302-768x430.png 768w" sizes="(max-width: 1285px) 100vw, 1285px" /></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>１．現れたメニューの「CM vcam1」をクリックしてください<br><br>２．「Follow」にプレイヤーの「DrawCharacter」を、ドラッグ＆ドロップしてください<br><br>３．「Screen Y」に「0.6」、「Dead Zone Height」に「0.7」を入れます<br><br>※ カメラをタテ方向に動かなくさせ、位置を調整します</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-305.png"><img loading="lazy" decoding="async" width="1282" height="720" src="https://illust55.com/storage/2021/08/image-305.png" alt="" class="wp-image-4177" srcset="https://illust55.com/storage/2021/08/image-305.png 1282w, https://illust55.com/storage/2021/08/image-305-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 primary-box block-box">
<p>・「Mountains_1」、「Sky」を二つクリックして、選んでください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-306.png"><img loading="lazy" decoding="async" width="1282" height="720" src="https://illust55.com/storage/2021/08/image-306.png" alt="" class="wp-image-4178" srcset="https://illust55.com/storage/2021/08/image-306.png 1282w, https://illust55.com/storage/2021/08/image-306-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 primary-box block-box">
<p>１．「Mountains_1」、「Sky」を「Camera」ドラッグしてください<br><br>２． 「Camera」 でマウスを離して、「Camera」の中に入るようにしてください</p>
</div>



<h4 class="wp-block-heading">・テストプレイで確認しよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-307.png"><img loading="lazy" decoding="async" width="1304" height="720" src="https://illust55.com/storage/2021/08/image-307.png" alt="" class="wp-image-4179" srcset="https://illust55.com/storage/2021/08/image-307.png 1304w, https://illust55.com/storage/2021/08/image-307-768x424.png 768w" sizes="(max-width: 1304px) 100vw, 1304px" /></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>１．テストプレイボタンをクリックして、つくりを確認してください<br><br>２．プレイヤーが地面の上を移動して、背景がプレイヤーの動きについて来るようになりました</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-308.png"><img loading="lazy" decoding="async" width="1266" height="500" src="https://illust55.com/storage/2021/08/image-308.png" alt="" class="wp-image-4180" srcset="https://illust55.com/storage/2021/08/image-308.png 1266w, https://illust55.com/storage/2021/08/image-308-768x303.png 768w" sizes="(max-width: 1266px) 100vw, 1266px" /></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>左は、前回紹介しましたプレイヤーを変える方法と、今回を合わせた画面です<br><br>右は、「Alien Tile Set」のパーツをおいた画面です<br><br>多くのきれいなパーツがあるので、ぜひ試してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>前回のキャラクターとアニメーションのページをご案内します<br><br>＜前回のページ＞<br>2Dアクションゲームのキャラクターとアニメーションのつくり方のページ<br><a href="https://illust55.com/4055/">https://illust55.com/4055/</a><br></p>
</div>



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



<p>今回は「Unity」の2Dアクションゲームでマップをつくる方法とカメラのつくり方を紹介しました<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">見出し</span></div><div class="label-box-content block-box-content box-content">
<p>超初心者向け！Unityでつくる 2Dアクションゲームとアニメーション<br><a href="https://illust55.com/4055/">https://illust55.com/4055/</a></p>



<p>UNITY初心者！Karting MicroGameでオリジナルマップを作ろう第四回目<br><a href="https://illust55.com/3631/">https://illust55.com/3631/</a></p>



<p>超簡単にゲームプログラミング！UnityとBoltの使い方＆ゲーム制作初心者講座<br><a href="https://illust55.com/3889/">https://illust55.com/3889/</a><br><br>【ゲーム制作超初心者＆Unity入門】パズルゲームの作り方を学ぼう<br><a href="https://illust55.com/2469/">https://illust55.com/2469/</a></p>
</div></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>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/4133/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>超初心者向け！Unityでつくる 2Dアクションゲームとアニメーション</title>
		<link>https://illust55.com/4055/</link>
					<comments>https://illust55.com/4055/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Sun, 22 Aug 2021 11:56:19 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[2Dアクション]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[アニメーション]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作初心者]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=4055</guid>

					<description><![CDATA[と考えていませんか？ このページでは、無料で、だれでも、できる方法でゲームつくりを紹介しています 今回は2Dのアクションゲームとキャラクターのアニメーションのつくり方を紹介します ぜひ、チャレンジしてください ・Unit [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-large"><a href="https://illust55.com/storage/2021/08/image-261.png"><img loading="lazy" decoding="async" width="532" height="533" src="https://illust55.com/storage/2021/08/image-261.png" alt="" class="wp-image-4099" srcset="https://illust55.com/storage/2021/08/image-261.png 532w, https://illust55.com/storage/2021/08/image-261-300x300.png 300w, https://illust55.com/storage/2021/08/image-261-100x100.png 100w, https://illust55.com/storage/2021/08/image-261-150x150.png 150w, https://illust55.com/storage/2021/08/image-261-120x120.png 120w, https://illust55.com/storage/2021/08/image-261-160x160.png 160w, https://illust55.com/storage/2021/08/image-261-320x320.png 320w, https://illust55.com/storage/2021/08/image-261-250x250.png 250w" sizes="(max-width: 532px) 100vw, 532px" /></a></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「2Dのかわいいアクションゲームをつくってみたい」<br>「アクションゲームをつくることに興味がある」<br><br>・・・でも<br>「ムズかしそう」<br>「何から始めればいいかわからない」</p>
</div>



<p>と考えていませんか？<br><br>このページでは、無料で、だれでも、できる方法でゲームつくりを紹介しています<br><br>今回は2Dのアクションゲームとキャラクターのアニメーションのつくり方を紹介します<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>次の目次の流れにそって紹介します</p>
</div></div>



<p><br></p>



<h2 class="wp-block-heading">・Unityとはなに？ゲームがつくれるの？</h2>



<p>このページでは、「Unity」というゲームをつくるためのソフトを使います<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>Unityでつくられたゲームを紹介します</p>
</div></div>



<figure class="wp-block-embed 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="Unite Tokyo 2019 Made with Unity Reel" width="1256" height="707"  data-youtube="eyJ0aXRsZSI6IlVuaXRlIFRva3lvIDIwMTkgTWFkZSB3aXRoIFVuaXR5IFJlZWwiLCJ2aWRlb19pZCI6InJiNFhrb2VrNjJjIn0=" src="https://www.youtube.com/embed/rb4Xkoek62c?start=100&#038;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<p>「Unity」は趣味のゲームから一流のゲームまで世界中で使われています</p>



<h4 class="wp-block-heading">・Unityはどうやってはじめることができるの？</h4>



<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を始めるためには、プログラムをインストールしてください</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>公式サイトからプログラムをダウンロードすることができます</p>
</div></div>



<p>＜Unity公式サイト＞<br><a rel="noopener" href="https://unity.com/ja" target="_blank" title="">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/">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>次は、2Dアクションゲームとキャラクターアニメーションを紹介します</p>
</div></div>



<p><br></p>



<h2 class="wp-block-heading">・2Dアクションのアニメーションをつくろう</h2>



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-221.png"><img loading="lazy" decoding="async" width="1280" height="346" src="https://illust55.com/storage/2021/08/image-221.png" alt="" class="wp-image-4056" srcset="https://illust55.com/storage/2021/08/image-221.png 1280w, https://illust55.com/storage/2021/08/image-221-768x208.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>今回、ご紹介するゲームつくりです<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 size-large"><a href="https://illust55.com/storage/2021/08/image-222.png"><img loading="lazy" decoding="async" width="1280" height="597" src="https://illust55.com/storage/2021/08/image-222.png" alt="" class="wp-image-4057" srcset="https://illust55.com/storage/2021/08/image-222.png 1280w, https://illust55.com/storage/2021/08/image-222-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>はじめに、 ゲーム部品のダウンロードの準備をします<br><br>公式のサイトにアクセスしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．公式のゲームの部品のサイトにアクセスしてください<br><a rel="noopener" href="https://assetstore.unity.com/" target="_blank" title="">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/08/image-223.png"><img loading="lazy" decoding="async" width="1280" height="697" src="https://illust55.com/storage/2021/08/image-223.png" alt="" class="wp-image-4058" srcset="https://illust55.com/storage/2021/08/image-223.png 1280w, https://illust55.com/storage/2021/08/image-223-768x418.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 block-box primary-box">
<p> １．「Warrior Free Asset」で検索してください<br><br>２．無料アセットをチェックしてください<br><br>３．「 Warrior Free Asset 」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-224.png"><img loading="lazy" decoding="async" width="1280" height="660" src="https://illust55.com/storage/2021/08/image-224.png" alt="" class="wp-image-4059" srcset="https://illust55.com/storage/2021/08/image-224.png 1280w, https://illust55.com/storage/2021/08/image-224-768x396.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 block-box primary-box">
<p> ・「マイアセットに追加する」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-225.png"><img loading="lazy" decoding="async" width="1280" height="692" src="https://illust55.com/storage/2021/08/image-225.png" alt="" class="wp-image-4060" srcset="https://illust55.com/storage/2021/08/image-225.png 1280w, https://illust55.com/storage/2021/08/image-225-768x415.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 block-box primary-box">
<p> １．「 Metroidvania Controller 」で検索してください<br><br>２．無料アセットをチェックしてください<br><br>３．「 Metroidvania Controller 」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-226.png"><img loading="lazy" decoding="async" width="1280" height="690" src="https://illust55.com/storage/2021/08/image-226.png" alt="" class="wp-image-4061" srcset="https://illust55.com/storage/2021/08/image-226.png 1280w, https://illust55.com/storage/2021/08/image-226-768x414.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 block-box primary-box">
<p> ・「マイアセットに追加する」をクリックしてください</p>
</div>



<h4 class="wp-block-heading">・Unityを起動して、アクションゲームの部品を取り込もう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-227.png"><img loading="lazy" decoding="async" width="1290" height="686" src="https://illust55.com/storage/2021/08/image-227.png" alt="" class="wp-image-4062" srcset="https://illust55.com/storage/2021/08/image-227.png 1290w, https://illust55.com/storage/2021/08/image-227-768x408.png 768w" sizes="(max-width: 1290px) 100vw, 1290px" /></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を起動してください<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 size-large"><a href="https://illust55.com/storage/2021/08/image-228.png"><img loading="lazy" decoding="async" width="1276" height="720" src="https://illust55.com/storage/2021/08/image-228.png" alt="" class="wp-image-4063" srcset="https://illust55.com/storage/2021/08/image-228.png 1276w, https://illust55.com/storage/2021/08/image-228-768x433.png 768w" sizes="(max-width: 1276px) 100vw, 1276px" /></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> 2Dゲームをつくる準備をします</p>
</div></div>



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



<p></p>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-229.png"><img loading="lazy" decoding="async" width="1280" height="721" src="https://illust55.com/storage/2021/08/image-229.png" alt="" class="wp-image-4064" srcset="https://illust55.com/storage/2021/08/image-229.png 1280w, https://illust55.com/storage/2021/08/image-229-768x433.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が起動しました<br><br>ゲームの部品を表示します</p>
</div></div>



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-230.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-230.png" alt="" class="wp-image-4065" srcset="https://illust55.com/storage/2021/08/image-230.png 1280w, https://illust55.com/storage/2021/08/image-230-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 block-box primary-box">
<p> １．「Packages」をクリックしてください<br><br>２．「My Assets」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-231.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-231.png" alt="" class="wp-image-4066" srcset="https://illust55.com/storage/2021/08/image-231.png 1280w, https://illust55.com/storage/2021/08/image-231-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 block-box primary-box">
<p> ・これから紹介する「ゲームの部品」が現れない場合は、青の数字をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-232.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-232.png" alt="" class="wp-image-4067" srcset="https://illust55.com/storage/2021/08/image-232.png 1280w, https://illust55.com/storage/2021/08/image-232-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 block-box primary-box">
<p>１．「 Warrior Free Asset 」をクリックしてください<br><br>２．「ダウンロード」をクリックしてください<br><br>３．ダウンロード後、「Import（読み込み）」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-233.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-233.png" alt="" class="wp-image-4068" srcset="https://illust55.com/storage/2021/08/image-233.png 1280w, https://illust55.com/storage/2021/08/image-233-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 block-box primary-box">
<p> ・「Import」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-234.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-234.png" alt="" class="wp-image-4069" srcset="https://illust55.com/storage/2021/08/image-234.png 1280w, https://illust55.com/storage/2021/08/image-234-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 block-box primary-box">
<p>１．「 Metroidvania Controller 」をクリックしてください<br><br>２．「ダウンロード」をクリックしてください<br><br>３．ダウンロード後、「Import（読み込み）」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-235.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-235.png" alt="" class="wp-image-4070" srcset="https://illust55.com/storage/2021/08/image-235.png 1280w, https://illust55.com/storage/2021/08/image-235-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 block-box primary-box">
<p> ・「Import」をクリックしてください</p>
</div>



<h4 class="wp-block-heading">・キャラクターのアニメーションを変えよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/09/image.png"><img loading="lazy" decoding="async" width="1284" height="720" src="https://illust55.com/storage/2021/09/image.png" alt="" class="wp-image-4254" srcset="https://illust55.com/storage/2021/09/image.png 1284w, https://illust55.com/storage/2021/09/image-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 block-box primary-box">
<p>１．「Assets」 →「MetroidvaniaController」→ 「Scenes」をクリックしてください<br><br>２．「Demo」をダブルクリックしてください<br><br>３．サンプルゲームが現れます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-237.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-237.png" alt="" class="wp-image-4072" srcset="https://illust55.com/storage/2021/08/image-237.png 1280w, https://illust55.com/storage/2021/08/image-237-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 block-box primary-box">
<p> ・「Windows」 → 「Animator」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-238.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-238.png" alt="" class="wp-image-4073" srcset="https://illust55.com/storage/2021/08/image-238.png 1280w, https://illust55.com/storage/2021/08/image-238-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 block-box primary-box">
<p> １．「Animator」が現れました<br><br>２．「Draw Character」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-239.png"><img loading="lazy" decoding="async" width="1284" height="720" src="https://illust55.com/storage/2021/08/image-239.png" alt="" class="wp-image-4074" srcset="https://illust55.com/storage/2021/08/image-239.png 1284w, https://illust55.com/storage/2021/08/image-239-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 block-box primary-box">
<p> １．「Assets」 → 「Warrior free set」 → 「Animation」をクリックしてください<br><br>２．「Iddle」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-240.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-240.png" alt="" class="wp-image-4075" srcset="https://illust55.com/storage/2021/08/image-240.png 1280w, https://illust55.com/storage/2021/08/image-240-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 block-box primary-box">
<p> １．「Iddle」をクリックしてください<br><br>２．「Idle」を「Motion」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-242.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-242.png" alt="" class="wp-image-4077" srcset="https://illust55.com/storage/2021/08/image-242.png 1280w, https://illust55.com/storage/2021/08/image-242-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 block-box primary-box">
<p>１．「Hit」をクリックしてください<br><br>２．「Hurt」を「Motion」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-241.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-241.png" alt="" class="wp-image-4076" srcset="https://illust55.com/storage/2021/08/image-241.png 1280w, https://illust55.com/storage/2021/08/image-241-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 block-box primary-box">
<p> １．「Dash」をクリックしてください<br><br>２．「Dash NoDust」を「Motion」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-247.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-247.png" alt="" class="wp-image-4082" srcset="https://illust55.com/storage/2021/08/image-247.png 1280w, https://illust55.com/storage/2021/08/image-247-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 block-box primary-box">
<p> １．「Dead」をクリックしてください<br><br>２．「Death」を「Motion」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-248.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-248.png" alt="" class="wp-image-4083" srcset="https://illust55.com/storage/2021/08/image-248.png 1280w, https://illust55.com/storage/2021/08/image-248-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 block-box primary-box">
<p> １．「Jump」をクリックしてください<br><br>２．「Fall」を「Motion」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-243.png"><img loading="lazy" decoding="async" width="1281" height="720" src="https://illust55.com/storage/2021/08/image-243.png" alt="" class="wp-image-4078" srcset="https://illust55.com/storage/2021/08/image-243.png 1281w, https://illust55.com/storage/2021/08/image-243-768x432.png 768w" sizes="(max-width: 1281px) 100vw, 1281px" /></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 block-box primary-box">
<p> １．「Run」をクリックしてください<br><br>２．「Run」を「Motion」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-244.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-244.png" alt="" class="wp-image-4079" srcset="https://illust55.com/storage/2021/08/image-244.png 1280w, https://illust55.com/storage/2021/08/image-244-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 block-box primary-box">
<p> １．「DoubleRun」をクリックしてください<br><br>２．「JumptoFall」を「Motion」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-246.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-246.png" alt="" class="wp-image-4081" srcset="https://illust55.com/storage/2021/08/image-246.png 1280w, https://illust55.com/storage/2021/08/image-246-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 block-box primary-box">
<p> ・「Windows」 → 「Animation」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-245.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-245.png" alt="" class="wp-image-4080" srcset="https://illust55.com/storage/2021/08/image-245.png 1280w, https://illust55.com/storage/2021/08/image-245-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 block-box primary-box">
<p> １．画面左の「DrawCharacter」をクリックしてください<br><br>２．「Idle」をクリックしてください</p>
</div>



<p></p>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-249.png"><img loading="lazy" decoding="async" width="1280" height="726" src="https://illust55.com/storage/2021/08/image-249.png" alt="" class="wp-image-4084" srcset="https://illust55.com/storage/2021/08/image-249.png 1280w, https://illust55.com/storage/2021/08/image-249-768x436.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 block-box primary-box">
<p> １．「AttackGround」をクリックしてください<br><br>２．このアタックのアニメーションを変えます</p>
</div>



<h4 class="wp-block-heading">・キャラクターのアニメーションをつくろう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-250.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-250.png" alt="" class="wp-image-4085" srcset="https://illust55.com/storage/2021/08/image-250.png 1280w, https://illust55.com/storage/2021/08/image-250-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 block-box primary-box">
<p> １．「Assets」 → 「Warrior free set」 → 「Animation」をクリックしてください<br><br>２．現れた「Warrior_Sheet-Effect」の「▶」をクリックしてください<br><br>３．現れた絵を使います</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-253.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-253.png" alt="" class="wp-image-4088" srcset="https://illust55.com/storage/2021/08/image-253.png 1280w, https://illust55.com/storage/2021/08/image-253-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 block-box primary-box">
<p> ・キャラクターをドラッグ＆ドロップすると、おき替えることができます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-251.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-251.png" alt="" class="wp-image-4086" srcset="https://illust55.com/storage/2021/08/image-251.png 1280w, https://illust55.com/storage/2021/08/image-251-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 block-box primary-box">
<p> １．「AttackGround」をクリックして、「Death」を選んでください<br><br>２．「Loop Time」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-252.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-252.png" alt="" class="wp-image-4087" srcset="https://illust55.com/storage/2021/08/image-252.png 1280w, https://illust55.com/storage/2021/08/image-252-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> カベにしがみつくアニメーションを変えます<br><br>キャラクターが反対を向くので、正面の絵を選んでください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「 Death 」をクリックして、「WallSlidding」を選んでください<br><br>２．正面を向いている「キャラクター」をドラッグ＆ドロップでおき替えてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-255.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-255.png" alt="" class="wp-image-4090" srcset="https://illust55.com/storage/2021/08/image-255.png 1280w, https://illust55.com/storage/2021/08/image-255-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 block-box primary-box">
<p> １．「Scene」をクリックしてください<br><br>２．「 Warrior_Sheet-Effect 」をクリックしてください<br><br>３．「 Pixels Per Unit 」を「100」 → 「20」に変えてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-256.png"><img loading="lazy" decoding="async" width="1285" height="720" src="https://illust55.com/storage/2021/08/image-256.png" alt="" class="wp-image-4091" srcset="https://illust55.com/storage/2021/08/image-256.png 1285w, https://illust55.com/storage/2021/08/image-256-768x430.png 768w" sizes="(max-width: 1285px) 100vw, 1285px" /></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 block-box primary-box">
<p> １．「 Warrior_Sheet-Effect_0 」を「Sprite」にドラッグ＆ドロップしてください<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/08/image-254.png"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-254.png" alt="" class="wp-image-4089" srcset="https://illust55.com/storage/2021/08/image-254.png 1280w, https://illust55.com/storage/2021/08/image-254-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 block-box primary-box">
<p> ・動きを確認した後、テストプレイボタンをクリックしてください</p>
</div>



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



<p>今回は「Unity」の「 Metroidvania Controller 」を使い、2Dのアクションアニメーションを紹介しました<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">見出し</span></div><div class="label-box-content block-box-content box-content">
<p>【3D景観＆背景】Unityで空をキレイにつくる方法<br><a href="https://illust55.com/3233/">https://illust55.com/3233/</a></p>



<p>UNITY初心者！Karting MicroGameでオリジナルマップを作ろう第四回目<br><a href="https://illust55.com/3631/">https://illust55.com/3631/</a></p>



<p>超簡単にゲームプログラミング！UnityとBoltの使い方＆ゲーム制作初心者講座<br><a href="https://illust55.com/3889/">https://illust55.com/3889/</a><br><br>【ゲーム制作超初心者＆Unity入門】パズルゲームの作り方を学ぼう<br><a href="https://illust55.com/2469/">https://illust55.com/2469/</a></p>
</div></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>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/4055/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
