<?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>RPG | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<atom:link href="https://illust55.com/tag/rpg/feed/" rel="self" type="application/rss+xml" />
	<link>https://illust55.com</link>
	<description>絵と動画とゲームの作り方をもっと簡単にする方法を紹介します</description>
	<lastBuildDate>Sat, 22 Apr 2023 08:30:20 +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>RPG | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<link>https://illust55.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Unity初心者向け講座！RPGゲームの作り方を学ぼう-第2回 ２Dマップ作成</title>
		<link>https://illust55.com/2536/</link>
					<comments>https://illust55.com/2536/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Mon, 14 Jun 2021 09:30:33 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<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=2536</guid>

					<description><![CDATA[と感じていませんか？ 昔はゲームを作るにはプログラミングをして、多くの作業をして、作っていました しかし、今はゲームエンジンというソフトがあります このソフトによって、できる限りカンタンに作ることができるようなりました  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-large is-resized is-style-default"><img fetchpriority="high" decoding="async" src="https://illust55.com/storage/2021/06/image-230.png" alt="" class="wp-image-2554" width="729" height="409" srcset="https://illust55.com/storage/2021/06/image-230.png 1200w, https://illust55.com/storage/2021/06/image-230-768x432.png 768w, https://illust55.com/storage/2021/06/image-230-1536x864.png 1536w" sizes="(max-width: 729px) 100vw, 729px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「自由にゲームを作ってみたい」<br>「ゲームを作る練習がしたい」と思っても<br><br><br>・どんなことを練習すればいいか、わからない<br>・プログラミングはイヤだ<br>・すごい時間がかかりそう</p>
</div>



<p>と感じていませんか？<br><br>昔はゲームを作るにはプログラミングをして、多くの作業をして、作っていました<br><br>しかし、今はゲームエンジンというソフトがあります<br><br>このソフトによって、できる限りカンタンに作ることができるようなりました<br><br>このページではゲームエンジンで有名なUnityを使い、ゲームを作る方法を紹介しています<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">ぜひ、このブログでゲーム作りを始めましょう！</span></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>今回はRPGキットについて学びます</p>
</div></div>



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



<p><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">UnityはAAA（一流）ゲームから個人のゲーム作りまで使われているソフトです</span></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>ぜひ、ご覧ください</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 title="Unite Europe 2017 - Made with Unity Showcase Reel" width="1256" height="707"  data-youtube="eyJ0aXRsZSI6IlVuaXRlIEV1cm9wZSAyMDE3IC0gTWFkZSB3aXRoIFVuaXR5IFNob3djYXNlIFJlZWwiLCJ2aWRlb19pZCI6IlZWcWh5bFQ5VTRzIn0=" src="https://www.youtube.com/embed/VVqhylT9U4s?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<p>市販のゲームのような、すごいゲームを作れるだけではありません<br><br>Unityはゲームを作りを学べるモードも用意されています<br><br>このため、超初心者でも、楽しみながら・カンタンにゲーム作りを学ぶことができます</p>



<h2 class="wp-block-heading">・Unityでゲームを作るには何からすればいいの？</h2>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>下に公式サイトのURLを紹介します<br><br>まだ、インストールしていない方は、ぜひ、インストールしてください<br><br><a rel="noopener nofollow external noreferrer" href="https://unity.com/ja" target="_blank" title="" data-wpel-link="external">https://unity.com/ja</a></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>ぜひ、合わせてご覧ください</p>
</div></div>



<p>Unityのインストールの方法とLegoで始めるゲーム作り<br><a href="https://illust55.com/2018/" data-wpel-link="internal">https://illust55.com/2018/</a></p>



<h2 class="wp-block-heading">・「Creator キット：RPG」でマップと建物を作ろう</h2>



<h4 class="wp-block-heading">・「Creator キット：RPG」を始める方法</h4>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>「Creator キット：RPG」を始めて使う方は、<br>ぜひ、始めにご覧ください</p>
</div></div>



<p>第1回目 RPGキットでゲームの作り方を学ぼう<br><a href="https://illust55.com/2324/" data-wpel-link="internal">https://illust55.com/2324/</a></p>



<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img decoding="async" src="https://illust55.com/storage/2021/06/image-231.png" alt="" class="wp-image-2562" width="672" height="348" srcset="https://illust55.com/storage/2021/06/image-231.png 1200w, https://illust55.com/storage/2021/06/image-231-768x398.png 768w" sizes="(max-width: 672px) 100vw, 672px" /></figure>



<p>Unityを起動した画面です</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．画面左側の「使い方を学ぶ」タブをクリックしてください<br><br>２．下にスクロールしてください<br><br>３．「Creator キット：RPG」をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1076" height="720" src="https://illust55.com/storage/2021/06/image-232.png" alt="" class="wp-image-2564" srcset="https://illust55.com/storage/2021/06/image-232.png 1076w, https://illust55.com/storage/2021/06/image-232-768x514.png 768w" sizes="(max-width: 1076px) 100vw, 1076px" /></figure>



<p>「Creator キット：RPG」の画面が現れます</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「ダウンロード」をクリックしてください<br><br>２．ダウンロード後、「プロジェクトを開く」をクリックしてください</p>
</div>



<h4 class="wp-block-heading">・自分のマップを作る準備をしよう</h4>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1200" height="643" src="https://illust55.com/storage/2021/06/image-233.png" alt="" class="wp-image-2566" srcset="https://illust55.com/storage/2021/06/image-233.png 1200w, https://illust55.com/storage/2021/06/image-233-768x412.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>



<p>最初は、何も表示されていないので、自分のマップを表示させましょう</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．画面下の「Assets」をクリックしてください<br><br>２．現れた「Scenes」をクリックしてください<br><br>３．現れた「Blank Scene」をクリックして選んだ状態にしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-234.png" alt="" class="wp-image-2568" width="735" height="386" srcset="https://illust55.com/storage/2021/06/image-234.png 1200w, https://illust55.com/storage/2021/06/image-234-768x403.png 768w" sizes="(max-width: 735px) 100vw, 735px" /></figure>



<p>「Blank Scene」をコピーして、もう一つ作ります</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．画面上のメニューから「Edit」をクリックしてください<br><br>２．現れた「Duplicate」をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img decoding="async" src="https://illust55.com/storage/2021/06/image-235.png" alt="" class="wp-image-2569" width="-32" height="-16" srcset="https://illust55.com/storage/2021/06/image-235.png 1200w, https://illust55.com/storage/2021/06/image-235-768x403.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>



<p>コピーして、もう一つ作られた「Blank Scene」の名前を変えます</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．画面下の「Blank Scene」を<span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">右クリック</span>してください<br><br>２．現れたメニューの「Rename」をクリックしてください<br>（※ ここでは「test」に名前を変えました）</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-236.png" alt="" class="wp-image-2571" width="755" height="404" srcset="https://illust55.com/storage/2021/06/image-236.png 1200w, https://illust55.com/storage/2021/06/image-236-768x412.png 768w" sizes="(max-width: 755px) 100vw, 755px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>ここでは、コピーして作ったファイルの名前を「test」に変えました</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．名前を変えたアイコンをダブルクリックしてください<br><br>２．自分で作るためのマップが現れます</p>
</div>



<h4 class="wp-block-heading">・自分のマップに建物を置こう</h4>



<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-237.png" alt="" class="wp-image-2573" width="754" height="392" srcset="https://illust55.com/storage/2021/06/image-237.png 1200w, https://illust55.com/storage/2021/06/image-237-768x399.png 768w" sizes="(max-width: 754px) 100vw, 754px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１．画面の上のメニューから「Window」をクリックしてください<br><br>２．「２D」 → 「Title Palette」をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-240.png" alt="" class="wp-image-2577" width="722" height="387" srcset="https://illust55.com/storage/2021/06/image-240.png 1200w, https://illust55.com/storage/2021/06/image-240-768x412.png 768w" sizes="(max-width: 722px) 100vw, 722px" /></figure>



<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 is-style-default"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-243.png" alt="" class="wp-image-2581" width="761" height="406" srcset="https://illust55.com/storage/2021/06/image-243.png 1200w, https://illust55.com/storage/2021/06/image-243-768x410.png 768w" sizes="(max-width: 761px) 100vw, 761px" /></figure>



<p>マップにフェンスを置きます</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「World」 → 「Titlmaps」 → 「Fences」をクリックしてください<br><br>２．Active Tilemapのボタンをクリックして「Fences」を選んでください</p>
</div>



<figure class="wp-block-image aligncenter size-large is-resized is-style-default"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-244.png" alt="" class="wp-image-2582" width="776" height="416" srcset="https://illust55.com/storage/2021/06/image-244.png 1200w, https://illust55.com/storage/2021/06/image-244-768x412.png 768w" sizes="(max-width: 776px) 100vw, 776px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「フェンス」のマップパーツをクリックしてください<br><br>２．筆アイコンが選ばれていることを確認してください<br><br>３．マップ上でクリックしてください、背景が透明になります</p>
</div>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1200" height="623" src="https://illust55.com/storage/2021/06/image-245.png" alt="" class="wp-image-2584" srcset="https://illust55.com/storage/2021/06/image-245.png 1200w, https://illust55.com/storage/2021/06/image-245-768x399.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>・「Back ground」など他を選んでいる場合は、背景がグレーになります<br><br>１．「World」 → 「Titlmaps」 → 「Fences」をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1200" height="623" src="https://illust55.com/storage/2021/06/image-246.png" alt="" class="wp-image-2586" srcset="https://illust55.com/storage/2021/06/image-246.png 1200w, https://illust55.com/storage/2021/06/image-246-768x399.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>また、「Prefabモード」メッセージが現れたら、「Scene」をクリックしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・「Prefab Mode」メッセージが現れたら、「Scene」をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1200" height="622" src="https://illust55.com/storage/2021/06/image-247.png" alt="" class="wp-image-2587" srcset="https://illust55.com/storage/2021/06/image-247.png 1200w, https://illust55.com/storage/2021/06/image-247-768x398.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>・「Fence」をとなりに置くと、つなげることができます</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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">・マップに雲を置いてみよう</h2>



<figure class="wp-block-image size-large is-style-default"><img loading="lazy" decoding="async" width="1200" height="643" src="https://illust55.com/storage/2021/06/image-248.png" alt="" class="wp-image-2589" srcset="https://illust55.com/storage/2021/06/image-248.png 1200w, https://illust55.com/storage/2021/06/image-248-768x412.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>下のメニューから表示させます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．<br>画面左下の「Assets」→「Creator Kit &#8211; RPG」→「Art」→「Sprites」→「Environment 」の<br>順にクリックしてください<br><br>２．「World」→「AnimatedClouds」を表示させてください<br><br>３．「Clouds」を３つの中から１つ選んでください<br><br>４．選んだ「Clouds」のパーツをマウスで「AnimatedCloud」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1280" height="686" src="https://illust55.com/storage/2021/06/image-250.png" alt="" class="wp-image-2592" srcset="https://illust55.com/storage/2021/06/image-250.png 1280w, https://illust55.com/storage/2021/06/image-250-768x412.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



<p>追加した雲は動かすことができます</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．画面左のメニューに「Cloud」が作られます、クリックしてください<br><br>２．画面右のメニュー「Order in Layer」に2000を入力してください<br><br>３．「移動ツール」をクリックしてください<br><br>４．雲に現れた「矢印」をドラッグすると雲を移動することができます</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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 is-style-default"><img loading="lazy" decoding="async" width="1280" height="686" src="https://illust55.com/storage/2021/06/image-251.png" alt="" class="wp-image-2593" srcset="https://illust55.com/storage/2021/06/image-251.png 1280w, https://illust55.com/storage/2021/06/image-251-768x412.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



<p>家を建てるためにパーツを置く準備をしましょう</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．画面左側のメニューから「Background」をクリックしてください<br><br>２．マップのパーツ画面のActive Tilemapから「Background」を選んでください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1280" height="680" src="https://illust55.com/storage/2021/06/image-252.png" alt="" class="wp-image-2597" srcset="https://illust55.com/storage/2021/06/image-252.png 1280w, https://illust55.com/storage/2021/06/image-252-768x408.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



<p>家のパーツの種類を紹介します</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・マップのパーツを置くウィンドウはマウスのスクロールで拡大・縮小ができます<br><br>・一番下は「床」グループです<br><br>・真ん中は「外のカベ」グループです<br><br>・一番上は「家の中のカベ」グループです</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-253.png" alt="" class="wp-image-2598" width="759" height="391" srcset="https://illust55.com/storage/2021/06/image-253.png 1280w, https://illust55.com/storage/2021/06/image-253-768x397.png 768w" sizes="(max-width: 759px) 100vw, 759px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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">・組み立てた家に屋根を加える</h4>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1280" height="662" src="https://illust55.com/storage/2021/06/image-257.png" alt="" class="wp-image-2603" srcset="https://illust55.com/storage/2021/06/image-257.png 1280w, https://illust55.com/storage/2021/06/image-257-768x397.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>作ることが少し多くなります</p>
</div></div>



<p>屋根を加える準備をします</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．画面の右メニューの「World」に合わせて右クリックしてください<br><br>２．現れたメニューの「Create Empty」をクリックしてください<br><br>３．メニューに「GameObject」が現れます</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-259.png" alt="" class="wp-image-2606" width="801" height="419" srcset="https://illust55.com/storage/2021/06/image-259.png 1280w, https://illust55.com/storage/2021/06/image-259-768x402.png 768w" sizes="(max-width: 801px) 100vw, 801px" /></figure>



<p>屋根をマップに追加します</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．画面左下のメニューから「Creator Kit &#8211; RPG」→「Prefabs」をクリックしてください<br><br>２．「HouseRoof」が現れます<br><br>３．「HouseRoof」を「GameObject」にドラッグ＆ドロップしてください<br><br>４．「GameObject」の下に「HouseRoof」が現れます</p>
</div>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1280" height="663" src="https://illust55.com/storage/2021/06/image-260.png" alt="" class="wp-image-2607" srcset="https://illust55.com/storage/2021/06/image-260.png 1280w, https://illust55.com/storage/2021/06/image-260-768x398.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１．「GameObject」の下にできた「HouseRoof」をクリックしてください<br><br>２．画面左上の移動ツールのアイコンをクリックしてください<br><br>３．矢印をドラッグして家の上まで運んでください</p>
</div>



<figure class="wp-block-image size-large is-style-default"><img loading="lazy" decoding="async" width="1280" height="686" src="https://illust55.com/storage/2021/06/image-262.png" alt="" class="wp-image-2609" srcset="https://illust55.com/storage/2021/06/image-262.png 1280w, https://illust55.com/storage/2021/06/image-262-768x412.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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 aligncenter size-full is-resized is-style-default"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-264.png" alt="" class="wp-image-2611" width="764" height="409" srcset="https://illust55.com/storage/2021/06/image-264.png 1280w, https://illust55.com/storage/2021/06/image-264-768x412.png 768w" sizes="(max-width: 764px) 100vw, 764px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>キャラクターが現れるように変えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．画面右上が「HouseRoof」であることを確認してください<br><br>２．「Order in Layer」を1000に変えてください<br><br>３．「Add Componet」をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1009" height="640" src="https://illust55.com/storage/2021/06/image-265.png" alt="" class="wp-image-2612" srcset="https://illust55.com/storage/2021/06/image-265.png 1009w, https://illust55.com/storage/2021/06/image-265-768x487.png 768w" sizes="(max-width: 1009px) 100vw, 1009px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．現れたメニューの上の検索ボックスに「Box Collider 2D」を入力してください<br><br>２．「Box Collider 2D」が現れます、クリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1280" height="686" src="https://illust55.com/storage/2021/06/image-267.png" alt="" class="wp-image-2614" srcset="https://illust55.com/storage/2021/06/image-267.png 1280w, https://illust55.com/storage/2021/06/image-267-768x412.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



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



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1025" height="578" src="https://illust55.com/storage/2021/06/image-268.png" alt="" class="wp-image-2616" srcset="https://illust55.com/storage/2021/06/image-268.png 1025w, https://illust55.com/storage/2021/06/image-268-768x433.png 768w" sizes="(max-width: 1025px) 100vw, 1025px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．現れたメニューの上の検索ボックスに「Fading Sprite」を入力してください<br><br>２．「Fading Sprite」が現れます、クリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1280" height="658" src="https://illust55.com/storage/2021/06/image-269.png" alt="" class="wp-image-2617" srcset="https://illust55.com/storage/2021/06/image-269.png 1280w, https://illust55.com/storage/2021/06/image-269-768x395.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>「HouseRoof」であることを確認してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．エラーメッセージが出た場合、「OK」をクリックしてください<br><br>２．画面左のメニューの「HouseRoof」をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-large is-resized is-style-default"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-270.png" alt="" class="wp-image-2618" width="780" height="482" srcset="https://illust55.com/storage/2021/06/image-270.png 966w, https://illust55.com/storage/2021/06/image-270-768x475.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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-style-default"><img loading="lazy" decoding="async" width="1134" height="634" src="https://illust55.com/storage/2021/06/image-271.png" alt="" class="wp-image-2619" srcset="https://illust55.com/storage/2021/06/image-271.png 1134w, https://illust55.com/storage/2021/06/image-271-768x429.png 768w" sizes="(max-width: 1134px) 100vw, 1134px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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 Colider」のアイコンをクリックしてください<br><br>２．家の上に表示されている、緑のワクにマウスを合わせてドラッグして、広げてください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-style-default"><img loading="lazy" decoding="async" width="1280" height="686" src="https://illust55.com/storage/2021/06/image-272.png" alt="" class="wp-image-2620" srcset="https://illust55.com/storage/2021/06/image-272.png 1280w, https://illust55.com/storage/2021/06/image-272-768x412.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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">・まとめ</h2>



<p>今回はUnityの「Creator キット：RPG」のマップのパーツと建物の置き方を紹介しました</p>



<p>Unityには他にも多くの使い方を学ぶコースが用意されています<br><br>ぜひ、チャレンジしてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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></p>



<p>ぜひ、合わせてご覧ください</p>
</div></div>



<p>Unity LEGO MIcrogameの始め方を紹介しているページです<br><a href="https://illust55.com/2018/" data-wpel-link="internal">https://illust55.com/2018/</a></p>



<p>Unity Karting MIcrogameの始め方を紹介しているページです<br><a href="https://illust55.com/2214/" data-wpel-link="internal">https://illust55.com/2214/</a></p>



<p>Unity Creator キット：RPG の始め方を紹介しているページです<br><a href="https://illust55.com/2324/" data-wpel-link="internal">https://illust55.com/2324/</a><br><br>Unity 「FPS Microgame」の始め方を紹介しているページです<br><a href="https://illust55.com/2383/" data-wpel-link="internal">https://illust55.com/2383/</a></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/2536/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
