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

<channel>
	<title>ゲーム制作 | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<atom:link href="https://illust55.com/tag/%E3%82%B2%E3%83%BC%E3%83%A0%E5%88%B6%E4%BD%9C/feed/" rel="self" type="application/rss+xml" />
	<link>https://illust55.com</link>
	<description>絵と動画とゲームの作り方をもっと簡単にする方法を紹介します</description>
	<lastBuildDate>Thu, 26 Mar 2026 02:34:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://illust55.com/storage/2021/09/cropped-ファビコン2-32x32.png</url>
	<title>ゲーム制作 | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<link>https://illust55.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>初心者向け!AIプログラミングで2.5Dアクションゲームを爆速で作る方法</title>
		<link>https://illust55.com/170/</link>
					<comments>https://illust55.com/170/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Sun, 11 Jan 2026 00:34:00 +0000</pubDate>
				<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[AI初心者]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<category><![CDATA[ゲーム制作入門]]></category>
		<category><![CDATA[プログラミング]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=170</guid>

					<description><![CDATA[・・・でも「何からやればいいかわからない」と悩んでいませんか？ 今回はAIでゲームを制作する方法を解説します 今回は簡単にできる、2.5D横スクロールアクションのつくり方を紹介します プログラミングをしなくてもカンタンに [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2022/10/初心者向けAIプログラミングで2.5Dアクションゲームを爆速で作る方法.png" data-wpel-link="internal"><img fetchpriority="high" decoding="async" width="1080" height="1080" src="https://illust55.com/storage/2022/10/初心者向けAIプログラミングで2.5Dアクションゲームを爆速で作る方法.png" alt="" class="wp-image-12062" style="width:514px;height:auto" srcset="https://illust55.com/storage/2022/10/初心者向けAIプログラミングで2.5Dアクションゲームを爆速で作る方法.png 1080w, https://illust55.com/storage/2022/10/初心者向けAIプログラミングで2.5Dアクションゲームを爆速で作る方法-300x300.png 300w, https://illust55.com/storage/2022/10/初心者向けAIプログラミングで2.5Dアクションゲームを爆速で作る方法-768x768.png 768w, https://illust55.com/storage/2022/10/初心者向けAIプログラミングで2.5Dアクションゲームを爆速で作る方法-150x150.png 150w, https://illust55.com/storage/2022/10/初心者向けAIプログラミングで2.5Dアクションゲームを爆速で作る方法-120x120.png 120w, https://illust55.com/storage/2022/10/初心者向けAIプログラミングで2.5Dアクションゲームを爆速で作る方法-160x160.png 160w, https://illust55.com/storage/2022/10/初心者向けAIプログラミングで2.5Dアクションゲームを爆速で作る方法-320x320.png 320w, https://illust55.com/storage/2022/10/初心者向けAIプログラミングで2.5Dアクションゲームを爆速で作る方法-250x250.png 250w" sizes="(max-width: 1080px) 100vw, 1080px" /></a></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>AIをつかったプログラミングに興味がある<br><br>ゲームをカンタンにつくりたい！</p>
</div>



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



<p>今回はAIでゲームを制作する方法を解説します<br><br>今回は簡単にできる、2.5D横スクロールアクションのつくり方を紹介します<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 not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>目次の流れにそって紹介します<br><br>このブログの内容はYoutubeでも紹介しています<br><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&gt;&gt; イラスト55 @ クリエイティブ情報を紹介</a></p>
</div></div>



<h2 class="wp-block-heading">AIプログラミングでつくったゲームの紹介</h2>



<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/10/500-最後のテストプレイ.webm_snapshot_01.33_2026.02.26_16.36.22-1.jpg" data-wpel-link="internal"><img decoding="async" width="1920" height="1080" data-id="12065" src="https://illust55.com/storage/2022/10/500-最後のテストプレイ.webm_snapshot_01.33_2026.02.26_16.36.22-1.jpg" alt="" class="wp-image-12065" srcset="https://illust55.com/storage/2022/10/500-最後のテストプレイ.webm_snapshot_01.33_2026.02.26_16.36.22-1.jpg 1920w, https://illust55.com/storage/2022/10/500-最後のテストプレイ.webm_snapshot_01.33_2026.02.26_16.36.22-1-768x432.jpg 768w, https://illust55.com/storage/2022/10/500-最後のテストプレイ.webm_snapshot_01.33_2026.02.26_16.36.22-1-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/10/500-最後のテストプレイ.webm_snapshot_04.38_2026.02.26_16.36.56.jpg" data-wpel-link="internal"><img decoding="async" width="1920" height="1080" data-id="12066" src="https://illust55.com/storage/2022/10/500-最後のテストプレイ.webm_snapshot_04.38_2026.02.26_16.36.56.jpg" alt="" class="wp-image-12066" srcset="https://illust55.com/storage/2022/10/500-最後のテストプレイ.webm_snapshot_04.38_2026.02.26_16.36.56.jpg 1920w, https://illust55.com/storage/2022/10/500-最後のテストプレイ.webm_snapshot_04.38_2026.02.26_16.36.56-768x432.jpg 768w, https://illust55.com/storage/2022/10/500-最後のテストプレイ.webm_snapshot_04.38_2026.02.26_16.36.56-1536x864.jpg 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>今回つくった2.5Dアクションゲームエディタです<br><br>このエディタでは3Dマップをつくることができ、2Dの敵キャラを置くことができます</p>
</div></div>



<p>このページでつくり方を紹介するゲームのエディターです<br><br>このエディタをGoogle AI Studioでサクッとつくり、アクションゲームをつくります</p>



<h2 class="wp-block-heading">AIプログラミングサイトでゲームのお試しバージョンをつくる</h2>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2022/10/image-17.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2022/10/image-17.png" alt="" class="wp-image-12067" style="width:656px;height:auto" srcset="https://illust55.com/storage/2022/10/image-17.png 2000w, https://illust55.com/storage/2022/10/image-17-768x432.png 768w, https://illust55.com/storage/2022/10/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>Goole AI StudioのサイトでAIにプログラムをつくってもらいます</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="http://aistudio.google.com" target="_blank" data-wpel-link="external">&gt;&gt; 「Google AI Studio」のサイト</a><br><br>はじめはAIコーディングがやりやすいGoogleAIStudioのサイトに移動します</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・メニューから「Play Ground」をクリックして「Chat with models」をクリックします</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2022/10/image-18.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2003" height="1125" src="https://illust55.com/storage/2022/10/image-18.png" alt="" class="wp-image-12068" style="width:698px;height:auto" srcset="https://illust55.com/storage/2022/10/image-18.png 2003w, https://illust55.com/storage/2022/10/image-18-768x431.png 768w, https://illust55.com/storage/2022/10/image-18-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>メッセージボックスにつくるプログラムをタイプしてAIに伝えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・メッセージボックスに次のとおりタイプします<br><br>「2D横スクロールアクションの3DマップエディタをHTML1ファイルでつくってほしい<br>マップエディタではクリックした場所まで緑の地面が盛り上がり、<br>ドラッグで一気に地面をつくれるように<br>WASDで視点の高さと左右の平行移動、マウスホイールで拡大縮小、<br>右ドラッグで視点の回転ができるように<br>プレイヤー、敵キャラの配置は移動可能な直線上ののみ、<br>テストプレイでは<br>編集画面で決めた視点の角度でカメラが動くがカメラはプレイヤーと一緒に動く<br>プレイヤーはファイヤーの攻撃ができ、複数回の空中ジャンプができる<br>敵キャラは歩くだけ、落下するなどの物理法則は働く」<br><br>・「RUN」をクリックするとさっそくAIがゲームのプログラミングをつくりはじめます</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-1.png" alt="" class="wp-image-12072" style="width:704px;height:auto" srcset="https://illust55.com/storage/2026/01/image-1.png 2000w, https://illust55.com/storage/2026/01/image-1-768x432.png 768w, https://illust55.com/storage/2026/01/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>ダウンロードしたゲームエディタをプレイします</p>
</div></div>



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



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



<h3 class="wp-block-heading">テストプレイをしてみよう</h3>



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



<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>実行するとエディタ画面が現れます</p>



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



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



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-2.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-2.png" alt="" class="wp-image-12073" style="width:696px;height:auto" srcset="https://illust55.com/storage/2026/01/image-2.png 2000w, https://illust55.com/storage/2026/01/image-2-768x432.png 768w, https://illust55.com/storage/2026/01/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>テストプレイもしっかり動かすことができます</p>
</div></div>



<p>テストプレイをしてみましょう</p>



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



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



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



<h2 class="wp-block-heading">ゲームキャラをピクセル＆ドット絵にする</h2>



<h3 class="wp-block-heading">ピクセル＆ドット絵のゲームキャラをつくる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-3.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-3.png" alt="" class="wp-image-12075" style="width:732px;height:auto" srcset="https://illust55.com/storage/2026/01/image-3.png 2000w, https://illust55.com/storage/2026/01/image-3-768x432.png 768w, https://illust55.com/storage/2026/01/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>ピクセルキャラをGoogle Geminiのサイトでつくります</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://gemini.google.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「Gemini」のサイト</a></p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・次のとおりにAIにつたえます<br><br>「　2Dアクションを作りたい、ドット絵で歩き、ジャンプ、<br>が入った青猫の魔法使いミニキャラの<br>12&#215;12ピクセルのスプライトシートを作れるか　」</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-4.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-4.png" alt="" class="wp-image-12077" style="width:754px;height:auto" srcset="https://illust55.com/storage/2026/01/image-4.png 2000w, https://illust55.com/storage/2026/01/image-4-768x432.png 768w, https://illust55.com/storage/2026/01/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>スプライトシートをつくることができました</p>
</div></div>



<p>Google Geminiがスグに画像を生成してくれました<br><br>このスプライトシートから画像を分割します</p>



<h3 class="wp-block-heading">画像編集サイトでゲーム用に背景を透過にする</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-5.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-5.png" alt="" class="wp-image-12079" style="width:752px;height:auto" srcset="https://illust55.com/storage/2026/01/image-5.png 2000w, https://illust55.com/storage/2026/01/image-5-768x432.png 768w, https://illust55.com/storage/2026/01/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>Photopeaのサイトは高機能のオンライン画像編集サイトです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.photopea.com/#" target="_blank" data-wpel-link="external">&gt;&gt; 「Photopea」のサイト</a><br><br>背景除去は色々な方法があるので、二つのパターンを紹介します</p>



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



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．Photopeaにアクセスします<br><br>２．「コンピューターから開く」でキャラ画像を読み込みます</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-7.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2003" height="1126" src="https://illust55.com/storage/2026/01/image-7.png" alt="" class="wp-image-12081" style="width:698px;height:auto" srcset="https://illust55.com/storage/2026/01/image-7.png 2003w, https://illust55.com/storage/2026/01/image-7-768x432.png 768w, https://illust55.com/storage/2026/01/image-7-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>「トリミングツール」で、つかわないキャラをカットします</p>
</div></div>



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



<p>必要なキャラだけ残します</p>



<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/2026/01/image-8.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2003" height="1126" src="https://illust55.com/storage/2026/01/image-8.png" alt="" class="wp-image-12082" style="width:676px;height:auto" srcset="https://illust55.com/storage/2026/01/image-8.png 2003w, https://illust55.com/storage/2026/01/image-8-768x432.png 768w, https://illust55.com/storage/2026/01/image-8-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>投げ縄ツールで不要な部分をカットします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・「なげなわツール」で目立つ部分をドラッグして「Ctrl」＋「X」で切り取ります</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-11.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2003" height="1126" src="https://illust55.com/storage/2026/01/image-11.png" alt="" class="wp-image-12086" style="width:708px;height:auto" srcset="https://illust55.com/storage/2026/01/image-11.png 2003w, https://illust55.com/storage/2026/01/image-11-768x432.png 768w, https://illust55.com/storage/2026/01/image-11-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>背景を一度にすべて選択して消します</p>
</div></div>



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



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



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．選択範囲を反転させます<br><br>２．選択範囲をカットします</p>
</div>



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



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-13.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-13.png" alt="" class="wp-image-12088" style="width:668px;height:auto" srcset="https://illust55.com/storage/2026/01/image-13.png 2000w, https://illust55.com/storage/2026/01/image-13-768x432.png 768w, https://illust55.com/storage/2026/01/image-13-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>・別名で保存からPNGを選んで保存します</p>
</div>



<h3 class="wp-block-heading">ピクセル画像からプレイヤーキャラのアニメーションをつくる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/25-キャラを動かす.webm_20260304_200618.740.jpg" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1434" height="806" src="https://illust55.com/storage/2026/01/25-キャラを動かす.webm_20260304_200618.740.jpg" alt="" class="wp-image-12096" style="width:680px;height:auto" srcset="https://illust55.com/storage/2026/01/25-キャラを動かす.webm_20260304_200618.740.jpg 1434w, https://illust55.com/storage/2026/01/25-キャラを動かす.webm_20260304_200618.740-768x432.jpg 768w" sizes="(max-width: 1434px) 100vw, 1434px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>キャラの歩いているアニメーションをつくります</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://grok.com/" target="_blank" data-wpel-link="external">&gt;&gt;「Grok」のサイト</a><br><br>Grokのサイトにアクセスしてアニメーションをつくります</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-14.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2003" height="1125" src="https://illust55.com/storage/2026/01/image-14.png" alt="" class="wp-image-12097" style="width:672px;height:auto" srcset="https://illust55.com/storage/2026/01/image-14.png 2003w, https://illust55.com/storage/2026/01/image-14-768x431.png 768w, https://illust55.com/storage/2026/01/image-14-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>画像ファイルをアップロードします</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/2026/01/image-15.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-15.png" alt="" class="wp-image-12098" style="width:724px;height:auto" srcset="https://illust55.com/storage/2026/01/image-15.png 2000w, https://illust55.com/storage/2026/01/image-15-768x432.png 768w, https://illust55.com/storage/2026/01/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 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>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-16.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-16.png" alt="" class="wp-image-12099" style="width:759px;height:auto" srcset="https://illust55.com/storage/2026/01/image-16.png 2000w, https://illust55.com/storage/2026/01/image-16-768x432.png 768w, https://illust55.com/storage/2026/01/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 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>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-19.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-19.png" alt="" class="wp-image-12107" style="width:640px;height:auto" srcset="https://illust55.com/storage/2026/01/image-19.png 2000w, https://illust55.com/storage/2026/01/image-19-768x432.png 768w, https://illust55.com/storage/2026/01/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>アニメーションから画像を取り出します</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.apowersoft.com/screenshot-video-online" target="_blank" data-wpel-link="external">&gt;&gt;「Online Video Screensho」のサイト</a></p>



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



<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/2026/01/image-20.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-20.png" alt="" class="wp-image-12110" style="width:618px;height:auto" srcset="https://illust55.com/storage/2026/01/image-20.png 2000w, https://illust55.com/storage/2026/01/image-20-768x432.png 768w, https://illust55.com/storage/2026/01/image-20-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>それぞれスクリーンショットボタンをクリックして撮影します</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-21.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-21.png" alt="" class="wp-image-12111" style="width:654px;height:auto" srcset="https://illust55.com/storage/2026/01/image-21.png 2000w, https://illust55.com/storage/2026/01/image-21-768x432.png 768w, https://illust55.com/storage/2026/01/image-21-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 size-full"><a href="https://illust55.com/storage/2026/01/image-22.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1123" src="https://illust55.com/storage/2026/01/image-22.png" alt="" class="wp-image-12113" srcset="https://illust55.com/storage/2026/01/image-22.png 2000w, https://illust55.com/storage/2026/01/image-22-768x431.png 768w, https://illust55.com/storage/2026/01/image-22-1536x862.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>



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



<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/2026/01/image-23.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1127" src="https://illust55.com/storage/2026/01/image-23.png" alt="" class="wp-image-12115" srcset="https://illust55.com/storage/2026/01/image-23.png 2000w, https://illust55.com/storage/2026/01/image-23-768x433.png 768w, https://illust55.com/storage/2026/01/image-23-1536x866.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>２．中央にそろえて、ダウンロードします</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-25.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-25.png" alt="" class="wp-image-12119" style="width:772px;height:auto" srcset="https://illust55.com/storage/2026/01/image-25.png 2000w, https://illust55.com/storage/2026/01/image-25-768x432.png 768w, https://illust55.com/storage/2026/01/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>これでプレイヤーキャラの必要なイラストはそろいました</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">敵キャラのピクセルアニメーションをつくる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-26.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-26.png" alt="" class="wp-image-12120" style="width:702px;height:auto" srcset="https://illust55.com/storage/2026/01/image-26.png 2000w, https://illust55.com/storage/2026/01/image-26-768x432.png 768w, https://illust55.com/storage/2026/01/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>敵キャラのピクセル画像をつくります</p>
</div></div>



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



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>2Dアクションに登場する敵キャラを作りたい、<br>サングラスをかけたワニの魔法使いミニキャラの12&#215;12ピクセルのスプライトシートを作れるか」</p>



<p>・つぎの通りにAIに伝えます<br><br>「一から全く新しく画像をつくってほしい、</p>



<p>2Dアクションに登場する敵キャラを作りたい、<br>サングラスをかけたワニの魔法使いミニキャラの12&#215;12ピクセルのスプライトシートを作れるか」</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-27.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-27.png" alt="" class="wp-image-12122" style="width:694px;height:auto" srcset="https://illust55.com/storage/2026/01/image-27.png 2000w, https://illust55.com/storage/2026/01/image-27-768x432.png 768w, https://illust55.com/storage/2026/01/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>しっかりイラストが完成しました</p>
</div></div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-28.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-28.png" alt="" class="wp-image-12124" style="width:728px;height:auto" srcset="https://illust55.com/storage/2026/01/image-28.png 2000w, https://illust55.com/storage/2026/01/image-28-768x432.png 768w, https://illust55.com/storage/2026/01/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>背景を消すサイトでキャラを一つにします</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.photoroom.com/ja" target="_blank" data-wpel-link="external">&gt;&gt; 「Photoroom」のサイト</a><br><br>背景を消すサイトで敵キャラのまとまったスプライトシートから一つずつに切りわけます</p>



<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/2026/01/image-29.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-29.png" alt="" class="wp-image-12125" style="width:736px;height:auto" srcset="https://illust55.com/storage/2026/01/image-29.png 2000w, https://illust55.com/storage/2026/01/image-29-768x432.png 768w, https://illust55.com/storage/2026/01/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>必要のないキャラをブラシで消します</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/2026/01/image-30.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1128" src="https://illust55.com/storage/2026/01/image-30.png" alt="" class="wp-image-12127" style="width:733px;height:auto" srcset="https://illust55.com/storage/2026/01/image-30.png 2000w, https://illust55.com/storage/2026/01/image-30-768x433.png 768w, https://illust55.com/storage/2026/01/image-30-1536x866.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/2026/01/image-31.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-31.png" alt="" class="wp-image-12133" style="width:720px;height:auto" srcset="https://illust55.com/storage/2026/01/image-31.png 2000w, https://illust55.com/storage/2026/01/image-31-768x432.png 768w, https://illust55.com/storage/2026/01/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>Grokでアニメーションをつくります</p>
</div></div>



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



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・つくった敵キャラをGrokのサイトにアップします</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-32.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-32.png" alt="" class="wp-image-12135" style="width:736px;height:auto" srcset="https://illust55.com/storage/2026/01/image-32.png 2000w, https://illust55.com/storage/2026/01/image-32-768x432.png 768w, https://illust55.com/storage/2026/01/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 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>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-33.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-33.png" alt="" class="wp-image-12137" style="width:704px;height:auto" srcset="https://illust55.com/storage/2026/01/image-33.png 2000w, https://illust55.com/storage/2026/01/image-33-768x432.png 768w, https://illust55.com/storage/2026/01/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>



<p><a rel="noopener nofollow external noreferrer" href="https://www.apowersoft.com/screenshot-video-online" target="_blank" data-wpel-link="external">&gt;&gt; 「Online Video Screenshot」のサイト</a></p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・アニメーションから画像を抽出します<br>・取り出すのは左足が前、右足が前、足が揃っている、画像です</p>
</div>



<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/2026/01/image-36.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" data-id="12140" src="https://illust55.com/storage/2026/01/image-36.png" alt="" class="wp-image-12140" srcset="https://illust55.com/storage/2026/01/image-36.png 2000w, https://illust55.com/storage/2026/01/image-36-768x432.png 768w, https://illust55.com/storage/2026/01/image-36-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2026/01/image-35.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" data-id="12139" src="https://illust55.com/storage/2026/01/image-35.png" alt="" class="wp-image-12139" srcset="https://illust55.com/storage/2026/01/image-35.png 2000w, https://illust55.com/storage/2026/01/image-35-768x432.png 768w, https://illust55.com/storage/2026/01/image-35-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2026/01/image-34.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" data-id="12138" src="https://illust55.com/storage/2026/01/image-34.png" alt="" class="wp-image-12138" srcset="https://illust55.com/storage/2026/01/image-34.png 2000w, https://illust55.com/storage/2026/01/image-34-768x432.png 768w, https://illust55.com/storage/2026/01/image-34-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></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>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-37.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-37.png" alt="" class="wp-image-12147" style="width:762px;height:auto" srcset="https://illust55.com/storage/2026/01/image-37.png 2000w, https://illust55.com/storage/2026/01/image-37-768x432.png 768w, https://illust55.com/storage/2026/01/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 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>Google AI Studioでプログラムをつくりなおします</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>つぎのとおりAIに伝えます<br>「編集モードでは、<br>上下は大丈夫だが、左右のマウスドラッグで視点を変える時の方向を逆に<br>敵配置と敵消去ができる、背景は青い空に雲の雰囲気出すために上に少しフォグを入れる<br>ドラッグ&amp;ドロップで敵の歩くアニメーションを3枚登録できる<br>プレイヤーのアイドルを1枚、歩くアニメーションを4枚、ジャンプを1枚登録できる<br>テストプレイでは、プレイヤーは壁を登れないように<br>プレイヤーの弾をファイヤーに、エフェクトをしっかりつけてかっこよく<br>重力を少し軽く、プレイヤーにHPゲージ<br>テストプレイを「esc」で終わらせるように、終わった時にテストプレイボタンを押す前の状態に復帰する」</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-38.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-38.png" alt="" class="wp-image-12148" style="width:729px;height:auto" srcset="https://illust55.com/storage/2026/01/image-38.png 2000w, https://illust55.com/storage/2026/01/image-38-768x432.png 768w, https://illust55.com/storage/2026/01/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 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/2026/01/image-40.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2004" height="1125" src="https://illust55.com/storage/2026/01/image-40.png" alt="" class="wp-image-12151" style="width:780px;height:auto" srcset="https://illust55.com/storage/2026/01/image-40.png 2004w, https://illust55.com/storage/2026/01/image-40-768x431.png 768w, https://illust55.com/storage/2026/01/image-40-1536x862.png 1536w" sizes="(max-width: 2004px) 100vw, 2004px" /></a></figure>



<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>



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



<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><br>しっかりプレイヤーも敵もアニメーションするゲームになりました<br><br>玉もエフェクトがつきましたが、かなり不自然です<br><br>プレイヤーのイラストもすごい明るく、左右に動いた場合、反転しません</p>



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



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



<h2 class="wp-block-heading">2Dマップを3Dマップに変える＆2.5Dゲームにする</h2>



<h3 class="wp-block-heading">ボスキャラクターのピクセル画像をつくる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-42.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-42.png" alt="" class="wp-image-12156" style="width:764px;height:auto" srcset="https://illust55.com/storage/2026/01/image-42.png 2000w, https://illust55.com/storage/2026/01/image-42-768x432.png 768w, https://illust55.com/storage/2026/01/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 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>ピンク色のワニ魔法使いであることをつたえます</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・次のとおりAIにつたえます</p>



<p>「一から全く新しく画像をつくってほしい、</p>



<p>2Dアクションに登場するボスキャラを作りたい、<br>サングラスをかけたかわいいピンクのワニ大魔法使いミニキャラの20&#215;20ピクセルのスプライトシートを作れるか（大魔法使いの服を着ている）」</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-43.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-43.png" alt="" class="wp-image-12157" style="width:732px;height:auto" srcset="https://illust55.com/storage/2026/01/image-43.png 2000w, https://illust55.com/storage/2026/01/image-43-768x432.png 768w, https://illust55.com/storage/2026/01/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 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>しっかり生成できたので、アニメーションをつくる準備をします</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-47.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-47.png" alt="" class="wp-image-12162" style="width:734px;height:auto" srcset="https://illust55.com/storage/2026/01/image-47.png 2000w, https://illust55.com/storage/2026/01/image-47-768x432.png 768w, https://illust55.com/storage/2026/01/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 not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>これまでと同じように一体ずつ分けます</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.photoroom.com/ja" target="_blank" data-wpel-link="external">>> 「Photoroom」のサイト</a><br><br>切り抜くために画像をアップロードしたら<br><br>必要なキャラ以外をカットします</p>



<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/2026/01/image-48.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-48.png" alt="" class="wp-image-12163" style="width:736px;height:auto" srcset="https://illust55.com/storage/2026/01/image-48.png 2000w, https://illust55.com/storage/2026/01/image-48-768x432.png 768w, https://illust55.com/storage/2026/01/image-48-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>２．ブラシサイズを大きくします<br><br>３．一体だけ残して、他のキャラはすべて消します</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-49.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1128" src="https://illust55.com/storage/2026/01/image-49.png" alt="" class="wp-image-12165" style="width:750px;height:auto" srcset="https://illust55.com/storage/2026/01/image-49.png 2000w, https://illust55.com/storage/2026/01/image-49-768x433.png 768w, https://illust55.com/storage/2026/01/image-49-1536x866.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/2026/01/image-44.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-44.png" alt="" class="wp-image-12158" style="width:732px;height:auto" srcset="https://illust55.com/storage/2026/01/image-44.png 2000w, https://illust55.com/storage/2026/01/image-44-768x432.png 768w, https://illust55.com/storage/2026/01/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 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>Grokのサイトでピクセル画像をアニメーションさせます</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://grok.com/" target="_blank" data-wpel-link="external">>> 「Grok」のサイト</a><br><br>Grokのサイトにボスキャラをアップロードして、歩くアニメーションをつくります<br></p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/image-46.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-46.png" alt="" class="wp-image-12161" style="width:736px;height:auto" srcset="https://illust55.com/storage/2026/01/image-46.png 2000w, https://illust55.com/storage/2026/01/image-46-768x432.png 768w, https://illust55.com/storage/2026/01/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 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/2026/01/image-45.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-45.png" alt="" class="wp-image-12160" style="width:736px;height:auto" srcset="https://illust55.com/storage/2026/01/image-45.png 2000w, https://illust55.com/storage/2026/01/image-45-768x432.png 768w, https://illust55.com/storage/2026/01/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 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>ちょっとここじゃないって所に口が現れましたが</p>



<p>気にせず進みます</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「歩く」をAIに伝えます<br><br>２．歩くアニメーションが生成できました</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/200-ボス_スクショ.webm_20260317_195020.259.jpg" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1526" height="858" src="https://illust55.com/storage/2026/01/200-ボス_スクショ.webm_20260317_195020.259.jpg" alt="" class="wp-image-12171" style="width:732px;height:auto" srcset="https://illust55.com/storage/2026/01/200-ボス_スクショ.webm_20260317_195020.259.jpg 1526w, https://illust55.com/storage/2026/01/200-ボス_スクショ.webm_20260317_195020.259-768x432.jpg 768w" sizes="(max-width: 1526px) 100vw, 1526px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>アニメーションのスクリーンショットをとり、画像をとり出します</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.apowersoft.com/screenshot-video-online" target="_blank" data-wpel-link="external">>> 「Online Video Screenshot」のサイト</a><br><br>アニメーションのスクリーンショットをとれるサイトに移動します<br><br>アニメーションからイラストを切り出して</p>



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



<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/2026/01/4.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="560" height="560" data-id="12170" src="https://illust55.com/storage/2026/01/4.png" alt="" class="wp-image-12170" srcset="https://illust55.com/storage/2026/01/4.png 560w, https://illust55.com/storage/2026/01/4-300x300.png 300w, https://illust55.com/storage/2026/01/4-150x150.png 150w, https://illust55.com/storage/2026/01/4-120x120.png 120w, https://illust55.com/storage/2026/01/4-160x160.png 160w, https://illust55.com/storage/2026/01/4-320x320.png 320w, https://illust55.com/storage/2026/01/4-250x250.png 250w" sizes="(max-width: 560px) 100vw, 560px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2026/01/2.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="560" height="560" data-id="12169" src="https://illust55.com/storage/2026/01/2.png" alt="" class="wp-image-12169" srcset="https://illust55.com/storage/2026/01/2.png 560w, https://illust55.com/storage/2026/01/2-300x300.png 300w, https://illust55.com/storage/2026/01/2-150x150.png 150w, https://illust55.com/storage/2026/01/2-120x120.png 120w, https://illust55.com/storage/2026/01/2-160x160.png 160w, https://illust55.com/storage/2026/01/2-320x320.png 320w, https://illust55.com/storage/2026/01/2-250x250.png 250w" sizes="(max-width: 560px) 100vw, 560px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2026/01/3.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="560" height="560" data-id="12168" src="https://illust55.com/storage/2026/01/3.png" alt="" class="wp-image-12168" srcset="https://illust55.com/storage/2026/01/3.png 560w, https://illust55.com/storage/2026/01/3-300x300.png 300w, https://illust55.com/storage/2026/01/3-150x150.png 150w, https://illust55.com/storage/2026/01/3-120x120.png 120w, https://illust55.com/storage/2026/01/3-160x160.png 160w, https://illust55.com/storage/2026/01/3-320x320.png 320w, https://illust55.com/storage/2026/01/3-250x250.png 250w" sizes="(max-width: 560px) 100vw, 560px" /></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>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2026/01/220-ボス_背景とばし.webm_20260317_200558.987.jpg" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1526" height="858" src="https://illust55.com/storage/2026/01/220-ボス_背景とばし.webm_20260317_200558.987.jpg" alt="" class="wp-image-12172" style="width:764px;height:auto" srcset="https://illust55.com/storage/2026/01/220-ボス_背景とばし.webm_20260317_200558.987.jpg 1526w, https://illust55.com/storage/2026/01/220-ボス_背景とばし.webm_20260317_200558.987-768x432.jpg 768w" sizes="(max-width: 1526px) 100vw, 1526px" /></a></figure>



<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>



<h3 class="wp-block-heading">アクションエディタをつくりなおして3Dマップにする</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2026/01/image-53.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2026/01/image-53.png" alt="" class="wp-image-12177" srcset="https://illust55.com/storage/2026/01/image-53.png 2000w, https://illust55.com/storage/2026/01/image-53-768x432.png 768w, https://illust55.com/storage/2026/01/image-53-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>2Dマップから3Dマップエディタにするためにプロンプトをつたえます</p>
</div></div>



<p>次のポイントでAIにつたえます<br><br>・プレイヤーや敵を配置・移動できるのは「一直線上（2D軸）」のみ<br><br>・水面の高さ、時間帯、時間経過のスピードを自由に調節できる機能を追加すること<br><br>・メニューバーを操作している間は、誤ってマップを編集できないようにすること<br><br>・作成したボスキャラを配置できること<br><br>・PNG8形式以外の画像でも、正しい明るさで表示されるように修正すること</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・AIにつたえた全文です<br><br>「<br>マップ編集ではUnityなどの3Dマップと同じように360度つくることができる<br>ブロック状ではなく、なめらかな3Dで、砂が初期状態で盛り上げると芝生になる、Shift+左ドラッグで逆に凹ませられる<br>しかしプレイヤー、敵を配置できるのは動ける直線の上のみ、編集画面ではプレイヤー、敵が通る直線はピンク色で表示されている<br>水面の高さ、時間帯、時間経過の速度を調節できる<br>メニューのバー操作時はマップを編集できない<br>敵もプレイヤーも左に移動する時は画像が反転する<br>プレイヤーの弾のファイヤーエフェクトはグローで赤く輝く感じで<br>ボスキャラも配置できる、ボスの攻撃はプレイヤーを狙った複数の放物線を描くランダムな大きさの青いファイヤー<br>png8でなくても画像が正しい明るさで表示される<br>」</p>
</div>



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



<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>



<h3 class="wp-block-heading">完成したゲームのテストプレイ</h3>



<p></p>



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



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



<h3 class="wp-block-heading">さらにクオリティを上げるには？</h3>



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



<ul class="wp-block-list">
<li>背景に2.5Dのオブジェクト（木や建物など）を配置する</li>



<li>3Dマップの地面にテクスチャ（模様）を貼って質感をリアルにする</li>
</ul>



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



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



<p></p>



<p></p>



<p></p>



<p></p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/170/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【AIゲーム制作入門】AIで神速ゲーム制作！爆速でゲームを作る方法 &#038; Vibe コーディング初心者向け</title>
		<link>https://illust55.com/343/</link>
					<comments>https://illust55.com/343/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Thu, 12 Jun 2025 13:02:32 +0000</pubDate>
				<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=343</guid>

					<description><![CDATA[・・・こんな風に悩んでいませんか？ 今回はAIでゲームを一瞬でつくる方法について紹介します すぐに、できる方法で紹介しているので、ぜひチャレンジしてください AIゲーム生成サイトの紹介 Rosebud.ai：テキストから [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/ブログ用さむねアートボード-2-のコピー-2.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1417" height="1406" src="https://illust55.com/storage/2025/06/ブログ用さむねアートボード-2-のコピー-2.png" alt="AIで神速ゲーム生成サイトでゲームを爆速で作る方法" class="wp-image-11426" style="width:517px;height:auto" srcset="https://illust55.com/storage/2025/06/ブログ用さむねアートボード-2-のコピー-2.png 1417w, https://illust55.com/storage/2025/06/ブログ用さむねアートボード-2-のコピー-2-768x762.png 768w, https://illust55.com/storage/2025/06/ブログ用さむねアートボード-2-のコピー-2-150x150.png 150w, https://illust55.com/storage/2025/06/ブログ用さむねアートボード-2-のコピー-2-120x120.png 120w, https://illust55.com/storage/2025/06/ブログ用さむねアートボード-2-のコピー-2-160x160.png 160w" sizes="(max-width: 1417px) 100vw, 1417px" /></a><figcaption class="wp-element-caption">AIで神速ゲーム生成サイトでゲームを爆速で作る方法</figcaption></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「簡単にゲームをつくる方法が知りたい」<br><br>「Chatgptでゲームをつくれるのは知っているけど、時間がかかる」<br><br>「AIをつかったプログラミングがすごいらしいけど、何からはじめていいかわからない」</p>
</div>



<p>・・・こんな風に悩んでいませんか？<br><br>今回はAIでゲームを一瞬でつくる方法について紹介します<br><br>すぐに、できる方法で紹介しているので、ぜひチャレンジしてください</p>



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



<hr class="wp-block-separator has-alpha-channel-opacity"/>



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



<h3 class="wp-block-heading">Rosebud.ai：テキストからゲームを一瞬でつくれるサイト</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h54m12s397.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h54m12s397.png" alt="" class="wp-image-11433" style="width:665px;height:auto" 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>



<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>



<p><a rel="noopener nofollow external noreferrer" href="https://rosebud.ai/" target="_blank" data-wpel-link="external">&gt;&gt; Rosebud.aiのサイト</a><br><br>テキストからゲームを一瞬でつくれるサイトです<br><br>3Dゲーム制作が得意ですが、3Dゲームを2Dの画像にかえて2Dゲームもつくることができます</p>



<h3 class="wp-block-heading">つくれるゲームの紹介 ＆ 投稿されているゲームの紹介</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m17s778-2.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m17s778-2.png" alt="" class="wp-image-11434" style="width:691px;height:auto" srcset="https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m17s778-2.png 1920w, https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m17s778-2-768x432.png 768w, https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m17s778-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>



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



<p>サムネイルをクリックすると投稿されたゲームをプレイすることができます<br><br>また、投稿されたゲームから自分のゲームをつくることもできます</p>



<h4 class="wp-block-heading">マウスで操作できる3Dシューティングゲーム</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m09s557-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2025/06/vlcsnap-2025-06-15-19h48m09s557-1.png" alt="" class="wp-image-11435" style="width:559px;height:auto" 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>



<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>クオリティの高いゲームの投稿作品を紹介します<br><br>マウスの操作で機体をコントロールでき、赤い玉を避けつつ星をとっていくゲームです<br><br>操作性やグラフィックはとてもキレイで販売されているゲームと同じレベルの作品です</p>



<h4 class="wp-block-heading">キーボード操作の3Dフライトゲーム</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h53m49s411.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2025/06/vlcsnap-2025-06-22-06h53m49s411.png" alt="" class="wp-image-11436" style="width:540px;height:auto" 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>



<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>きれいな景色の3Dゲームです</p>
</div></div>



<p>3Dフライトゲームの投稿作品です<br><br>キーボードで飛行機をコントロールして輪っかをくぐるゲームです</p>



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



<h2 class="wp-block-heading">ゲーム生成サイト「Rosebud.ai」のつかい方</h2>



<h3 class="wp-block-heading">テキスト（プロンプト）を入力してゲームを生成する</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image.png" alt="" class="wp-image-11499" style="width:624px;height:auto" srcset="https://illust55.com/storage/2025/06/image.png 2000w, https://illust55.com/storage/2025/06/image-768x432.png 768w, https://illust55.com/storage/2025/06/image-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>「Rosebud.ai」の使い方を紹介します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・真ん中の巨大なボックスにテキストを入力してゲームを生成することができます<br><br>・今回は有名な ゲーム「Flappy Bird 」を生成します</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-1.png" alt="" class="wp-image-11500" style="width:582px;height:auto" srcset="https://illust55.com/storage/2025/06/image-1.png 2000w, https://illust55.com/storage/2025/06/image-1-768x432.png 768w, https://illust55.com/storage/2025/06/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>生成するゲームのテキストを入力します</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/06/image-2.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-2.png" alt="" class="wp-image-11502" style="width:579px;height:auto" srcset="https://illust55.com/storage/2025/06/image-2.png 2000w, https://illust55.com/storage/2025/06/image-2-768x432.png 768w, https://illust55.com/storage/2025/06/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>AIがプログラミングをはじめます</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">完成したゲームをプレイする</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-3.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-3.png" alt="" class="wp-image-11503" style="width:571px;height:auto" srcset="https://illust55.com/storage/2025/06/image-3.png 2000w, https://illust55.com/storage/2025/06/image-3-768x432.png 768w, https://illust55.com/storage/2025/06/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>ゲーム作成が完了しました</p>
</div></div>



<p>3Dのフラッピーバードのゲームが完成しました<br><br>Unityなどのゲームエンジンを使うと手間がかかる、画面遷移や当たり判定、キャラクター操作などもばっちりおこなうことができます</p>



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



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



<h3 class="wp-block-heading">ゲーム生成用の画像をつくる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-4.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-4.png" alt="" class="wp-image-11504" style="width:631px;height:auto" srcset="https://illust55.com/storage/2025/06/image-4.png 2000w, https://illust55.com/storage/2025/06/image-4-768x432.png 768w, https://illust55.com/storage/2025/06/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>AIの画像生成でゲーム生成のための画像を作成します</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.bing.com/images/create" target="_blank" data-wpel-link="external">&gt;&gt; 「Bing image Creator」のサイト</a></p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「Bing image creator」のサイトに移動します<br><br>２．テキストに「フラッピーバード」と「横スクロールになる」命令をいれます</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-5.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-5.png" alt="" class="wp-image-11505" style="width:568px;height:auto" srcset="https://illust55.com/storage/2025/06/image-5.png 2000w, https://illust55.com/storage/2025/06/image-5-768x432.png 768w, https://illust55.com/storage/2025/06/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>生成が終わると４つ画像があらわれます</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/06/image-6.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-6.png" alt="" class="wp-image-11506" style="width:590px;height:auto" srcset="https://illust55.com/storage/2025/06/image-6.png 2000w, https://illust55.com/storage/2025/06/image-6-768x432.png 768w, https://illust55.com/storage/2025/06/image-6-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>



<h3 class="wp-block-heading">画像をアップロード ＆ テキストと合わせてゲーム生成</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-7.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-7.png" alt="" class="wp-image-11507" style="width:700px;height:auto" srcset="https://illust55.com/storage/2025/06/image-7.png 2000w, https://illust55.com/storage/2025/06/image-7-768x432.png 768w, https://illust55.com/storage/2025/06/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>つくった画像とテキストでゲームを生成します</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/06/image-17.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2070" height="1164" src="https://illust55.com/storage/2025/06/image-17.png" alt="" class="wp-image-11517" style="width:672px;height:auto" srcset="https://illust55.com/storage/2025/06/image-17.png 2070w, https://illust55.com/storage/2025/06/image-17-768x432.png 768w, https://illust55.com/storage/2025/06/image-17-1536x864.png 1536w, https://illust55.com/storage/2025/06/image-17-2048x1152.png 2048w" sizes="(max-width: 2070px) 100vw, 2070px" /></a></figure>



<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>しっかり横スクロールのゲームを生成することができました</p>



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



<h3 class="wp-block-heading">完成したゲームをさらに修正して完成度をたかめる</h3>



<h4 class="wp-block-heading">背景透過サイトでゲームでつかうキャラクターをつくる</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-9.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-9.png" alt="" class="wp-image-11509" style="width:674px;height:auto" srcset="https://illust55.com/storage/2025/06/image-9.png 2000w, https://illust55.com/storage/2025/06/image-9-768x432.png 768w, https://illust55.com/storage/2025/06/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>作成した画像からキャラクター画像をつくります</p>
</div></div>



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



<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/06/image-11.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-11.png" alt="" class="wp-image-11511" style="width:710px;height:auto" srcset="https://illust55.com/storage/2025/06/image-11.png 2000w, https://illust55.com/storage/2025/06/image-11-768x432.png 768w, https://illust55.com/storage/2025/06/image-11-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>２．背景が無くなったら右上の「ダウンロードイメージ」をクリックして、ダウンロードします</p>
</div>



<h4 class="wp-block-heading">ピクセルラボで2Dゲーム風キャラを作成</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-13.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-13.png" alt="" class="wp-image-11513" style="width:608px;height:auto" srcset="https://illust55.com/storage/2025/06/image-13.png 2000w, https://illust55.com/storage/2025/06/image-13-768x432.png 768w, https://illust55.com/storage/2025/06/image-13-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>２．「Transparent」にチェックして、背景を透明にします<br><br>３．「Generate」をクリックして生成をはじます</p>
</div>



<h4 class="wp-block-heading">PNG8形式に変換して色化けを防ぐ</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-14.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-14.png" alt="" class="wp-image-11514" style="width:606px;height:auto" srcset="https://illust55.com/storage/2025/06/image-14.png 2000w, https://illust55.com/storage/2025/06/image-14-768x432.png 768w, https://illust55.com/storage/2025/06/image-14-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>ファイルをPNG24からPNG8に変えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・キャラクター画像はそのままでは色がうまく出ない時があるので png画像をpng8形式に変換します<br><br>・変換が終わった画像をダウンロードします</p>
</div>



<h4 class="wp-block-heading">AIゲームサイトにキャラをアップロード</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-19.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-19.png" alt="" class="wp-image-11519" style="width:631px;height:auto" srcset="https://illust55.com/storage/2025/06/image-19.png 2000w, https://illust55.com/storage/2025/06/image-19-768x432.png 768w, https://illust55.com/storage/2025/06/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>作成したキャラクターをよみこみます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．アセットタブをクリックします<br><br>２．画像をよみこみます<br><br>３．「アップロードアセット」をクリックしてキャラクター画像をよみこみます<br><br>４．キャラクターにあらわれる「Insert」ボタンをクリックします<br><br>※ キャラクターにあらわれるInsertをボタンをクリックすると自動で右下に命令があらわれます</p>
</div>



<h4 class="wp-block-heading">キャラをゲームに反映させる</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-20.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-20.png" alt="" class="wp-image-11520" style="width:678px;height:auto" srcset="https://illust55.com/storage/2025/06/image-20.png 2000w, https://illust55.com/storage/2025/06/image-20-768x432.png 768w, https://illust55.com/storage/2025/06/image-20-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>AIにわたす命令をととのえて、画像を生成します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．命令文で「add」になっている部分を「change」に変えて生成ボタンをクリックします<br><br>２．生成がおわると、キャラクターの置きかえが成功したことを確認できます</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-21.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-21.png" alt="" class="wp-image-11521" style="width:705px;height:auto" srcset="https://illust55.com/storage/2025/06/image-21.png 2000w, https://illust55.com/storage/2025/06/image-21-768x432.png 768w, https://illust55.com/storage/2025/06/image-21-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>



<p>画像がしっかり透過になり、キャラクターのまわりも背景が見えてます<br><br>操作も問題なく、しっかりジャンプします</p>



<h4 class="wp-block-heading">背景をプログラムから変更</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-23.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-23.png" alt="" class="wp-image-11524" style="width:670px;height:auto" srcset="https://illust55.com/storage/2025/06/image-23.png 2000w, https://illust55.com/storage/2025/06/image-23-768x432.png 768w, https://illust55.com/storage/2025/06/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>ちょっと背景が寂しいので背景を変えたいとおもいます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「beautiful sky back ground」にして生成してみます<br><br>２．背景が変わり、夕焼けになりました</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2025/06/image-24.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2025/06/image-24.png" alt="" class="wp-image-11525" style="width:675px;height:auto" srcset="https://illust55.com/storage/2025/06/image-24.png 2000w, https://illust55.com/storage/2025/06/image-24-768x432.png 768w, https://illust55.com/storage/2025/06/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>１．命令文に「beautiful blue sky cloud background」をいれます<br><br>２．背景がブルーに変わったことが確認できました</p>
</div>



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



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-11 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/210613-吹き出し_かわいい雪男_-1.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-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>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/343/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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://make.gamefroot.com/" target="_blank" title="" data-wpel-link="external">&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-4 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" data-wpel-link="internal"><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" data-wpel-link="internal"><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-5 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" data-wpel-link="internal"><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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://www.roblox.com/" target="_blank" title="" data-wpel-link="external">&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-6 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" data-wpel-link="internal"><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" data-wpel-link="internal"><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-7 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" data-wpel-link="internal"><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" data-wpel-link="internal"><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 nofollow external noreferrer" title="" href="https://play.fancade.com/" target="_blank" data-wpel-link="external">&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" data-wpel-link="internal"><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" data-wpel-link="internal"><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" data-wpel-link="internal"><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" data-wpel-link="internal"><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" data-wpel-link="internal"><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" data-wpel-link="internal"><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" data-wpel-link="internal"><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" data-wpel-link="internal"><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" data-wpel-link="internal"><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-8 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" data-wpel-link="internal"><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" data-wpel-link="internal"><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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://rosebud.ai/" target="_blank" data-wpel-link="external">>> 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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://www.springin.org/" target="_blank" title="" data-wpel-link="external">&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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://rpgplayground.com/" target="_blank" title="" data-wpel-link="external">&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" data-wpel-link="internal"><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-9 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" data-wpel-link="internal"><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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://rpg-paper-maker.com/" target="_blank" title="" data-wpel-link="external">&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-10 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" data-wpel-link="internal"><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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://www.silversecond.com/WolfRPGEditor/" target="_blank" title="" data-wpel-link="external">&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 nofollow external noreferrer" href="https://ci-en.net/creator/12702/article/608962" target="_blank" title="" data-wpel-link="external">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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://plicy.net/" target="_blank" title="" data-wpel-link="external">「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" data-wpel-link="internal"><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="" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">&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 nofollow external noreferrer" title="" href="https://unity.com/ja" target="_blank" data-wpel-link="external">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="" data-wpel-link="internal">&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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://www.unrealengine.com/" target="_blank" title="" data-wpel-link="external">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" data-wpel-link="internal">&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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://flowlab.io/" target="_blank" data-wpel-link="external">&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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://games.renpy.org/" target="_blank" data-wpel-link="external">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-11 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" data-wpel-link="internal"><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" data-wpel-link="internal"><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="" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">&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" data-wpel-link="internal"><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 nofollow external noreferrer" title="" href="https://gamemaker.io/ja-JP" target="_blank" data-wpel-link="external">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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://www.tynker.com/" target="_blank" data-wpel-link="external">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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://www.shmupcreator.com/" target="_blank" data-wpel-link="external">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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://store.steampowered.com/app/1036640/RPG_Developer_Bakin/?l=japanese" target="_blank" data-wpel-link="external">&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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://b.tyrano.jp/" target="_blank" data-wpel-link="external">&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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://rpgmakerofficial.com/" target="_blank" data-wpel-link="external">&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" data-wpel-link="internal"><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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/tools/game-toolkits/rpg-maker-unite-v1-0-10-253689" target="_blank" data-wpel-link="external">&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 nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&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" data-wpel-link="internal">&gt;&gt; 絵と映像のつくり方のカテゴリーページ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/8180/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者＆入門】 無料でオススメな20選の3DモデリングとアニメーションとCADソフトのまとめ</title>
		<link>https://illust55.com/338/</link>
					<comments>https://illust55.com/338/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Thu, 05 Jan 2023 10:52:00 +0000</pubDate>
				<category><![CDATA[絵と映像のつくり方]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<category><![CDATA[モデリング]]></category>
		<category><![CDATA[入門]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=338</guid>

					<description><![CDATA[・・・と悩んでいませんか？ このページでは、無料の3Dソフトの中でも人気・使いやすいソフトを紹介します 幅広くソフトを紹介しているので、初心者の方から上級者の方まで参考になります ぜひ、３Dソフトをはじめるキッカケにして [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-large is-resized sme-animation-fade-in"><a href="https://illust55.com/storage/2020/10/aaaa.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="720" height="720" src="https://illust55.com/storage/2020/10/aaaa.png" alt="" class="wp-image-4376" style="width:564px;height:580px" srcset="https://illust55.com/storage/2020/10/aaaa.png 720w, https://illust55.com/storage/2020/10/aaaa-300x300.png 300w, https://illust55.com/storage/2020/10/aaaa-100x100.png 100w, https://illust55.com/storage/2020/10/aaaa-150x150.png 150w, https://illust55.com/storage/2020/10/aaaa-120x120.png 120w, https://illust55.com/storage/2020/10/aaaa-160x160.png 160w, https://illust55.com/storage/2020/10/aaaa-320x320.png 320w, https://illust55.com/storage/2020/10/aaaa-250x250.png 250w" sizes="(max-width: 720px) 100vw, 720px" /></a></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「３Dでかっこいいキャラクターを作ってみたい」<br>「３Dできれいな景色をつくってみたい」<br><br><br>と思っても<br>「何から始めればいいのか、わかない」<br>「ムズかしそう」</p>
</div>



<p>・・・と悩んでいませんか？<br><br>このページでは、無料の3Dソフトの中でも人気・使いやすいソフトを紹介します<br><br>幅広くソフトを紹介しているので、初心者の方から上級者の方まで参考になります<br><br>ぜひ、３Dソフトをはじめるキッカケにしてください</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 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><br>目次にそって紹介します<br></p>



<p>Youtubeでは、さらにおもしろく、絵と映像のつくり方を紹介しています</p>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&gt;&gt; イラスト55 @ クリエイティブ情報を紹介</a></p>
</div></div>



<h2 class="wp-block-heading">AIで3Dモデルをつくれるサイト</h2>



<h3 class="wp-block-heading">TRIPO：画像から3Dモデルを正確につくることができる</h3>



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



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2023/01/image-18.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2023/01/image-18.png" alt="" class="wp-image-11885" style="width:650px;height:auto" srcset="https://illust55.com/storage/2023/01/image-18.png 1920w, https://illust55.com/storage/2023/01/image-18-768x432.png 768w, https://illust55.com/storage/2023/01/image-18-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>画像から3Dモデルをとてもキレイにつくることができます</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://studio.tripo3d.ai/" target="_blank" data-wpel-link="external">&gt;&gt; 「TORIPO3D」のサイト </a></p>



<p>テキストから3Dや画像から3Dをつくることができるサイトです<br><br>とくに他のサイトと比べて、画像から作る3Dモデルがキレイに生成できます<br><br>3Dインターフェースも操作しやすいので、3D初心者の方にもオススメのサイトです</p>



<h3 class="wp-block-heading">Meshy：多くのクリエイターが使うAIの3Dモデル生成サービス</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2025/01/image-9.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2025/01/image-9.png" alt="" class="wp-image-11149" srcset="https://illust55.com/storage/2025/01/image-9.png 1920w, https://illust55.com/storage/2025/01/image-9-768x432.png 768w, https://illust55.com/storage/2025/01/image-9-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>とても多くのクリエイターがAIで3Dモデルをつくって投稿しています</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.meshy.ai/" target="_blank" data-wpel-link="external">&gt;&gt; 「Meshy」のサイト</a><br><br>とても多くのクリエイターが利用しているAIの3Dモデル生成サービスです</p>



<p>またコミュニティページでは大量の投稿作品を見ることができます<br><br>このため、参考にしてスグに3Dモデルをつくれます<br><br>また、画像や写真からも3Dモデルをつくることもできます<br><br>AIの3Dモデル生成の最先端を探している方にオススメのサイトです</p>



<h3 class="wp-block-heading">CSM：テキストから3D＆イラストから3Dをつくることができる</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2025/01/image-8.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2025/01/image-8.png" alt="" class="wp-image-11147" srcset="https://illust55.com/storage/2025/01/image-8.png 1920w, https://illust55.com/storage/2025/01/image-8-768x432.png 768w, https://illust55.com/storage/2025/01/image-8-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>とてもクオリティの高い3Dモデルをつくることができます</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://3d.csm.ai/" target="_blank" data-wpel-link="external">&gt;&gt; 「CSM」のサイト</a><br><br>テキストだけでなくイラストからも3Dモデルをつくることができます<br><br>他の方がつくった投稿モデルもあり、作品の参考にすることができます<br><br>有料プランでは3Dアニメーションも作れます<br><br>AIの3Dモデル生成を探している方にオススメのサイトです</p>



<h2 class="wp-block-heading">フリーの万能ソフト：アニメーションからモデリングまで作れる、</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.blender.org/" target="_blank" data-wpel-link="external">Blender</a></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="Blender 2.8 Beginner Tutorial - Part 1: Introduction" width="1256" height="707" src="https://www.youtube.com/embed/j14b25SnYRY?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>



<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>Blenderは、無料の3D作成ソフトウェアです<br><br>モデリング、アニメーション、レンダリングなど３Dソフトに必要なことが全て揃っています<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 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>次のページで、さらに使い方を紹介しています<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box cocoon-block-label-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">Blenderのくわしい使い方のページ</span></div><div class="label-box-content block-box-content box-content">
<p>リアルでも超簡単！3D建物の作り方とソフトの使い方＆始めよう初めてのモデリング入門<br><a href="https://illust55.com/1792/" data-wpel-link="internal">https://illust55.com/1792/</a></p>
</div></div>



<h2 class="wp-block-heading">用意されたモデルを変形して作る</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/ja/metahuman-creator" target="_blank" data-wpel-link="external">Meta Human Creator</a></h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="1600" height="861" src="https://illust55.com/storage/2021/07/image-117.png" alt="" class="wp-image-3275" srcset="https://illust55.com/storage/2021/07/image-117.png 1600w, https://illust55.com/storage/2021/07/image-117-768x413.png 768w, https://illust55.com/storage/2021/07/image-117-1536x827.png 1536w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure>



<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>とてもリアルなキャラクターをカンタンに作ることができるソフトです<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 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-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="MetaHuman Creator: High-Fidelity Digital Humans Made Easy | Unreal Engine" width="1256" height="707" src="https://www.youtube.com/embed/S3F1vZYpH8c?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>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://vroid.com/" target="_blank" data-wpel-link="external">VRoid Studio</a></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="VRoid Studio - the first 3D character design software for illustrators" width="1256" height="707" src="https://www.youtube.com/embed/aHQ6KAJ8Kc8?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>



<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>アニメの３Dキャラクターが作れるソフトです</p>
</div></div>



<p>髪の毛を描いたりでき、絵をかくようにキャラクターをつくることができるソフトです<br><br>専用のモデルサイトもあり、様々なモデルも販売されています。<br><br>また、次に紹介するMixamoを使用すればアニメーションをカンタンに作ることができます。</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>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="http://www.makehumancommunity.org/" target="_blank" data-wpel-link="external">MakeHuman</a></h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="749" height="523" src="https://illust55.com/storage/2020/10/59b6b18a-6c65-4925-9a0a-8cbb.jpg" alt="" class="wp-image-341" srcset="https://illust55.com/storage/2020/10/59b6b18a-6c65-4925-9a0a-8cbb.jpg 749w, https://illust55.com/storage/2020/10/59b6b18a-6c65-4925-9a0a-8cbb-300x209.jpg 300w" sizes="(max-width: 749px) 100vw, 749px" /></figure>



<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>「<span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(247, 141, 167, 0.5) 60%)">Make Human」は、Blenderプラグインとして誕生した無料のキャラクター作成ソフトです。</span><br><br>自由自在にモデルを変化させることができます<br><br>「Vroid Studio」よりもリアルな骨格や顔つきのモデルを作成できます。<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="MakeHuman -- Free &amp; Open Source Character Creator" width="1256" height="707" src="https://www.youtube.com/embed/rCn6SfuEPRE?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>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.daz3d.com/home" target="_blank" data-wpel-link="external">Daz Studio</a></h4>



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



<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>キャラクターに衣装やアニメーションを加えることができるソフトです<br><br>「VroidStudio」や「Make Human」よりも、<span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(247, 141, 167, 0.5) 60%)">表情など細かく調整することができます</span><br><br>モデルは公式サイトでは多くが有料です<br><br>しかし、他のサイトでは<span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(247, 141, 167, 0.5) 60%)">有志のフリーモデルも多く公開されています。</span></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="Test the Limits with Daz 3D" width="1256" height="707" src="https://www.youtube.com/embed/29efpqW9ZjE?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>



<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>Daz StuidoはふつうのPCでもCPUでレンダリングができます</p>
</div></div>



<h2 class="wp-block-heading">ボクセルソフト（ブロックやレゴのようにカンタンに使うことができる）</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://ephtracy.github.io/#" target="_blank" data-wpel-link="external">Magica Voxel</a></h4>



<figure class="wp-block-image aligncenter size-large is-resized sme-animation-fade-in-up"><a href="https://ephtracy.github.io/#" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer"><img loading="lazy" decoding="async" width="1024" height="576" src="https://illust55.com/storage/2020/10/maxresdefault-1024x576.jpg" alt="" class="wp-image-298" style="width:716px;height:402px" srcset="https://illust55.com/storage/2020/10/maxresdefault-1024x576.jpg 1024w, https://illust55.com/storage/2020/10/maxresdefault-300x169.jpg 300w, https://illust55.com/storage/2020/10/maxresdefault-768x432.jpg 768w, https://illust55.com/storage/2020/10/maxresdefault.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></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 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>3Dが始めての方に、とてもオススメのソフトです</p>
</div></div>



<p>レゴやブロックのように、カンタンに３Dモデルを作ることができるソフトです<br><br>また、仕上がりに、輝き・メタル効果を加えて「かっこいい」仕上がりにすることもできます<br><br>３Dでオブジェクトを作るのが好きになれるソフトです</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 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-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="MagicaVoxel - Simple car model - For beginners" width="1256" height="707" src="https://www.youtube.com/embed/Wu1Y-zukKzA?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>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.voxedit.io/#/en/" target="_blank" data-wpel-link="external">VoxEdit</a></h4>



<figure class="wp-block-image aligncenter is-resized is-style-default"><img decoding="async" src="https://pbs.twimg.com/media/EcQID2UX0AUPozM?format=jpg&amp;name=large" alt="画像" style="width:751px;height:422px"/></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 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>VoxEditはアニメーションもできるソフトです</p>
</div></div>



<p>VoxEditはカンタン操作で、３Dモデルを作ることができます<br><br>さらに作った３Dモデルを動かすことができます<br><br>また、VoxEditの会社はゲームエンジン（ゲームを作るソフト）も作っています<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 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>VoxEditのモデルとゲームエンジンを合わせた動画を紹介します</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="The Sandbox Teaser 2021 - Gaming Virtual World with NFTs on the Blockchain" width="1256" height="707" src="https://www.youtube.com/embed/0Jquhzr4d4k?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>



<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>３Dボクセルソフトの使い方は次のページで紹介しています<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



<p><a href="https://illust55.com/724/" target="_blank" title="" data-wpel-link="internal">&gt;&gt; すぐに3DCGが作れるボクセルソフトの使い方！のページ</a></p>



<h2 class="wp-block-heading">3Dのアニメーションをカンタンに作ることができる</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.mixamo.com/#/" target="_blank" data-wpel-link="external">Mixamo</a></h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="1782" height="786" src="https://illust55.com/storage/2021/07/image-129.png" alt="" class="wp-image-3324" srcset="https://illust55.com/storage/2021/07/image-129.png 1782w, https://illust55.com/storage/2021/07/image-129-768x339.png 768w, https://illust55.com/storage/2021/07/image-129-1536x677.png 1536w" sizes="(max-width: 1782px) 100vw, 1782px" /></figure>



<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>３Dモデルをマウスクリックだけで動かすことができます</p>
</div></div>



<p>３Dモデルをカンタンに動かすことができます<br><br>３Dモデルのアニメーションは骨を入れる作業が必要です<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>Blenderからアニメーションさせている動画を紹介します<br><br>また、Mixamoの使い方のページを紹介します</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://youtu.be/42fU-3BkdQA" target="_blank" title="" data-wpel-link="external">&gt;&gt; Mixamoの使い方のページ（Youtube）</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="Animate &amp; Rig Characters the Easy Way" width="1256" height="707" src="https://www.youtube.com/embed/k-ZeLNV4zPw?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>



<h2 class="wp-block-heading">３Dのゲームと映像を作ることができる</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://unity.com/ja" target="_blank" data-wpel-link="external">Unity</a></h4>



<figure class="wp-block-image aligncenter is-resized is-style-default"><img decoding="async" src="https://store.unity.com/themes/store/images/products/unity/personal/unity-heretic-video.jpg" alt="" style="width:711px;height:400px"/></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 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はゲームを作るソフトですが、VRや映画にも使われています</p>
</div></div>



<p>Unityはゲームを作るためのソフトです<br><br>ゲームの中では３Dのオブジェクトを自由に操作することができます<br><br>このことから、VRなど、ゲーム以外の部分でも使われ始めています</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 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>３Dオブジェクトをゲーム・映像・VRにつなげることができます<br><br>UnityのVRの映像を紹介します、参考にしてください</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="Made with Unity Virtual Reality Reel" width="1256" height="707" src="https://www.youtube.com/embed/TsJLAOryjUY?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>



<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の使い方を次のページで紹介しています<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box cocoon-block-label-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">Unityのつかい方と始め方のページ</span></div><div class="label-box-content block-box-content box-content">
<p>Unityの始め方！無料＆超初心者向けの作り方・制作入門<br><a href="https://illust55.com/2018/" data-wpel-link="internal">https://illust55.com/2018/</a></p>
</div></div>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/ja/" target="_blank" data-wpel-link="external">Unreal Engine</a></h4>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://www.unrealengine.com/ja/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer"><img loading="lazy" decoding="async" width="1024" height="577" src="https://illust55.com/storage/2020/10/キャプチャ-9-1024x577.jpg" alt="" class="wp-image-300" style="width:695px;height:391px" srcset="https://illust55.com/storage/2020/10/キャプチャ-9-1024x577.jpg 1024w, https://illust55.com/storage/2020/10/キャプチャ-9-300x169.jpg 300w, https://illust55.com/storage/2020/10/キャプチャ-9-768x433.jpg 768w, https://illust55.com/storage/2020/10/キャプチャ-9.jpg 1428w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></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 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>UnrealEngineはゲームを作るソフトですが、映画やアニメにも使われています</p>
</div></div>



<p><span style="background-image: linear-gradient(transparent 60%, rgba(247, 141, 167, 0.5) 60%)" class="sme-highlighter">Unreal Engine はゲームを作るためのソフトです</span><br><br>しかし、ゲームを作れるだけではなく、３Dの映像をとても美しく作ることができます<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 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>UnrealEngineのゲームを紹介します<br><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 loading="lazy" title="State of Unreal Highlight Reel 2020 | Unreal Engine" width="1256" height="707" src="https://www.youtube.com/embed/We1N-7M_hM4?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>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 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>UnrealEngineの使い方を次のページで紹介しています<br><br>ぜひ合わせてご覧ください</p>
</div></div>



<p>【入門】ゲームエンジンで作る漫画の背景と景観から線画抽出まで【UE4】<br><a href="https://illust55.com/1367/" data-wpel-link="internal">https://illust55.com/1367/</a></p>



<h2 class="wp-block-heading">フラクタル（計算で不思議な空間を自動で作る）</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.mandelbulb.com/" target="_blank" data-wpel-link="external">Mandelbulb 3D</a></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="[Experiment] Stadium - 3D Orbit Trap Zoom" width="1256" height="707" src="https://www.youtube.com/embed/eo2oOg0kpXM?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>



<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>数字の計算によりアニメーションするソフトです<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>「Mandelbulb3D」の使い方を紹介しているページです</p>
</div></div>



<p><a href="https://illust55.com/6818/" target="_blank" title="" data-wpel-link="internal">&gt;&gt; Mandelbulb3Dの使い方のページ</a></p>



<h2 class="wp-block-heading">建築、景観、背景、設計が得意なソフト</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/ja/twinmotion" target="_blank" data-wpel-link="external">Twin Motion</a></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="What is Twinmotion" width="1256" height="707" src="https://www.youtube.com/embed/KiVeP6muWbw?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>



<p>カンタン、すぐに、リアルに3Dの風景や街並みを作ることができる景観ソフトです<br><br>大量に素材が用意されており、マウスでカンタンに置くことができます<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 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>「Twinmotion」の使い方を紹介しているページです</p>
</div></div>



<p><a href="https://illust55.com/1714/" target="_blank" title="" data-wpel-link="internal">&gt;&gt; 「Twin Motion」の使い方のページ</a></p>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" title="・Fusion 360" href="https://www.autodesk.co.jp/products/fusion-360/overview?term=1-YEAR&amp;tab=subscription" target="_blank" data-wpel-link="external">Fusion 360</a></h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/07/vlcsnap-2021-07-11-18h31m41s030-1.png" alt="" class="wp-image-3268" srcset="https://illust55.com/storage/2021/07/vlcsnap-2021-07-11-18h31m41s030-1.png 1280w, https://illust55.com/storage/2021/07/vlcsnap-2021-07-11-18h31m41s030-1-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



<p>高機能の3Dソフト「Maya」を発売しているAutoDeskのソフトです<br><br>設計や製図のために使う3D・CADソフトです<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>無料の3D・CADでは最高の設計ソフトです</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="【Autodesk Fusionビギナー向け2】モデリング -前編-" width="1256" height="707" src="https://www.youtube.com/embed/UkzgbafIXgA?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>



<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>Fusion 360の使い方を紹介しているページです</p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box cocoon-block-label-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">Fusion 360の使い方とはじめ方のページ</span></div><div class="label-box-content block-box-content box-content">
<p>最強の無料 ＆ 図面作成ソフト！Fusion360の始め方<br><a href="https://illust55.com/3589/" data-wpel-link="internal">https://illust55.com/3589/</a></p>
</div></div>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.sketchup.com/" target="_blank" data-wpel-link="external">Google SketchUp</a></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="SketchUp City Building - Basic Tips &amp; Tutorial" width="1256" height="707" src="https://www.youtube.com/embed/ND6SM6CEuu8?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>



<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>建築やインテリアデザイン・CADを作れるソフトです<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>
</div></div>



<p>無料の3D建築＆景観ソフトでリアルな画像の作り方-SketchUpとTwinmotion<br><a href="https://illust55.com/1714/" data-wpel-link="internal">https://illust55.com/1714/</a></p>



<figure class="wp-block-image aligncenter is-resized is-style-default"><a href="https://illust55.com/1714/" data-wpel-link="internal"><img decoding="async" src="https://illust55.com/storage/2021/05/%E7%84%A1%E6%96%99%E3%81%AE3D%E5%BB%BA%E7%AF%89%EF%BC%86%E6%99%AF%E8%A6%B3%E3%82%BD%E3%83%95%E3%83%88%E3%81%A7%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%AA%E7%94%BB%E5%83%8F%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%E3%82%A2%E3%83%BC%E3%83%88%E3%83%9C%E3%83%BC%E3%83%89-1-800x450.png" alt="無料の3D建築＆景観ソフトでリアルな画像の作り方-SketchUpとTwinmotion【初心者】" style="width:629px;height:353px"/></a></figure>



<h4 class="wp-block-heading"><a title="・Homestyler" href="https://www.homestyler.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Homestyler</a></h4>



<figure class="wp-block-image aligncenter size-large"><a href="https://illust55.com/storage/2022/05/image-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2022/05/image-1.png" alt="" class="wp-image-7780" srcset="https://illust55.com/storage/2022/05/image-1.png 2880w, https://illust55.com/storage/2022/05/image-1-768x512.png 768w, https://illust55.com/storage/2022/05/image-1-1536x1024.png 1536w, https://illust55.com/storage/2022/05/image-1-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>HomeStylerはリアルな部屋をつくれるソフトです</p>
</div></div>



<p>Homestyerはリアルな部屋の中をつくることができるソフトです<br><br>インターネットを見るブラウザソフトから使うことができます<br><br>このため、高価なPCでなくても、スマートフォンからでも3Dをつくることができます<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>「Homestyler」の使い方を紹介しているページです</p>
</div></div>



<p><a href="https://illust55.com/7819/" target="_blank" title="" data-wpel-link="internal">&gt;&gt; 「Homestyler」の使い方のページ</a></p>



<h4 class="wp-block-heading">DesignSpark Mechanical</h4>



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



<p>＜公式サイト＞<br><a rel="noopener nofollow external noreferrer" href="https://designspark.zendesk.com/hc/ja" target="_blank" data-wpel-link="external">https://designspark.zendesk.com/hc/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 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>日本語で使え、商用利用もOKです</p>
</div></div>



<p>設計・CADが得意なソフトです<br><br>Fusion360よりも、さらにカンタンに使うことができます<br><br>また、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 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-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="DesignSpark Mechanicalの基本操作入門" width="1256" height="942" src="https://www.youtube.com/embed/-DKRZP123cw?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>



<h2 class="wp-block-heading">キッズ・教育向けのソフト</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://leopoly.com/" target="_blank" data-wpel-link="external">Leopoly</a></h4>



<figure class="wp-block-image aligncenter is-resized is-style-default"><img decoding="async" src="https://i.all3dp.com/cdn-cgi/image/fit=cover,w=1000,gravity=0.5x0.5,format=auto/wp-content/uploads/2018/06/28185128/leopoly-e1548697920171.jpg" alt="" style="width:729px;height:416px"/></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 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>Leopolyはオンライン専用のソフトです</p>
</div></div>



<p>Leopolyはオンラインで、３Dオブジェクトを作ることができるソフトです<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 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>公式サイトでは、カワイイ３Dモデルが公開されています</p>
</div></div>



<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img loading="lazy" decoding="async" width="1883" height="842" src="https://illust55.com/storage/2021/06/image-514.png" alt="" class="wp-image-3032" style="width:744px;height:333px" srcset="https://illust55.com/storage/2021/06/image-514.png 1883w, https://illust55.com/storage/2021/06/image-514-768x343.png 768w, https://illust55.com/storage/2021/06/image-514-1536x687.png 1536w" sizes="(max-width: 1883px) 100vw, 1883px" /></figure>



<h4 class="wp-block-heading"><a href="https://www.vectary.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Vectary</a></h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/09/image-9.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2022/09/image-9.png" alt="" class="wp-image-8099" srcset="https://illust55.com/storage/2022/09/image-9.png 2880w, https://illust55.com/storage/2022/09/image-9-768x512.png 768w, https://illust55.com/storage/2022/09/image-9-1536x1024.png 1536w, https://illust55.com/storage/2022/09/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>Vectaryはオンライン専用の3Dモデリングソフトです</p>
</div></div>



<p>Vectaryはオンライン専用の3Dモデリングソフトです<br><br>複雑なモデリングはできませんが、わかりやすく操作しやすい方法で3Dのモデリングができます<br><br>また、動作が軽く、タブレットでもストレス無く使うことができます</p>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.lego.com/en-us/ldd#full-section-2" target="_blank" data-wpel-link="external"><strong>LEGO Digital Designer</strong></a></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="LEGO Digital Designer Introduction and Tutorial" width="1256" height="707" src="https://www.youtube.com/embed/j1K25iZTRVc?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>



<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>LEGO社のレゴを組み立てるソフトです</p>
</div></div>



<p>世界的に有名なLEGOがリリースした無料でレゴをつくることができるソフトです<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">使い方がシンプルでわかりやすく直感的に使えるように工夫されています。</span><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>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.tinkercad.com/" target="_blank" data-wpel-link="external">Tinkercad</a></h4>



<figure class="wp-block-image aligncenter is-style-default"><img decoding="async" src="https://editor.tinkercad.com/assets_2bl9vkk/js/tinkercad-frontend/assets/images/bricks-header-dragonling.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 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>とてもカンタンな操作でカワイイ３Dが作れるソフトです</p>
</div></div>



<p>Tinkercadはこの記事の中で紹介しているソフトの中で最も使用するのが簡単なソフトです。<br><br>サイトにはギャラリーもあり、他の方の作品を見て楽しんだり、学んだりすることができます</p>



<figure class="wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Welcome to Tinkercad!" src="https://player.vimeo.com/video/283552067?dnt=1&amp;app_id=122963" width="1256" height="707" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
</div></figure>



<h4 class="wp-block-heading"><a title="" href="https://bloom3d.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Bloom3d</a></h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2022/11/image-15.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2876" height="1597" src="https://illust55.com/storage/2022/11/image-15.png" alt="" class="wp-image-8233" srcset="https://illust55.com/storage/2022/11/image-15.png 2876w, https://illust55.com/storage/2022/11/image-15-768x426.png 768w, https://illust55.com/storage/2022/11/image-15-1536x853.png 1536w, https://illust55.com/storage/2022/11/image-15-2048x1137.png 2048w" sizes="(max-width: 2876px) 100vw, 2876px" /></a></figure>



<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>押し出しと四角のモデリングのみですが、カワイイ3Dモデルがつくれます</p>
</div></div>



<p>Bloom3dは押し出しと四角のモデリングのみですが、カワイイ雰囲気の3Dモデルが作れます<br><br>カンタンにモデルつくりができるため、子どもの学習にオススメできます<br><br>また、モデリングが初めての方にもマウス操作の感覚を覚えることができるのでオススメです</p>



<h2 class="wp-block-heading">スカルプト（粘土のように３Dモデルを作る）</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://pixologic.jp/zbrushcoremini/" target="_blank" data-wpel-link="external">ZbrushCoreMini</a></h4>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-12 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-8.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" data-id="8390" src="https://illust55.com/storage/2023/02/image-8.png" alt="" class="wp-image-8390" srcset="https://illust55.com/storage/2023/02/image-8.png 1920w, https://illust55.com/storage/2023/02/image-8-768x432.png 768w, https://illust55.com/storage/2023/02/image-8-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/02/image-7.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1440" height="904" data-id="8389" src="https://illust55.com/storage/2023/02/image-7.png" alt="" class="wp-image-8389" srcset="https://illust55.com/storage/2023/02/image-7.png 1440w, https://illust55.com/storage/2023/02/image-7-768x482.png 768w" sizes="(max-width: 1440px) 100vw, 1440px" /></a></figure>
</figure>



<p>ZbrushCoreMiniは粘土を作るようにモデリングできるソフトです<br><br>このため、粘土で細かな物を作るのが得意な方にオススメできるソフトです<br><br>しかし、少し３Dの知識が必要な部分もあるので、一冊はまとまっている本を参考にするとスムーズに作業が進みます</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>



<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="Introducing ZBrushCoreMini" width="1256" height="707" src="https://www.youtube.com/embed/gxyMejEA0PE?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>



<h2 class="wp-block-heading">オンライン（インストールしないでブラウザのみで３Dをつくれる）</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" title="・SculptGL" href="https://stephaneginier.com/" target="_blank" data-wpel-link="external">SculptGL</a></h4>



<figure class="wp-block-image aligncenter"><img decoding="async" src="https://stephaneginier.com/galleryImages/angryStatue.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 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>SculptGLはオンラインで３Dをつくることができます</p>
</div></div>



<p>SculptGLは、インストールせずに、すぐに３Dをつくることができます<br><br>Zbrushのように、粘土をこねるようにつくることができ、本格的な３Dもつくることができます<br><br>また、保存も「obj」など多くのフォーマットに対応しています</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>多くのソフトでつくった3Dを使うことができます</p>
</div></div>



<h2 class="wp-block-heading">VRゴーグルで3Dモデリング</h2>



<h4 class="wp-block-heading"><a href="https://store.steampowered.com/app/533970/Blocks_by_Google/" title="" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">・「Blocks by Google」</a></h4>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-13 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/04/image-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1000" height="562" data-id="8459" src="https://illust55.com/storage/2023/04/image-1.png" alt="" class="wp-image-8459" srcset="https://illust55.com/storage/2023/04/image-1.png 1000w, https://illust55.com/storage/2023/04/image-1-768x432.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/04/image.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2069" height="1608" data-id="8458" src="https://illust55.com/storage/2023/04/image.png" alt="" class="wp-image-8458" srcset="https://illust55.com/storage/2023/04/image.png 2069w, https://illust55.com/storage/2023/04/image-768x597.png 768w, https://illust55.com/storage/2023/04/image-1536x1194.png 1536w, https://illust55.com/storage/2023/04/image-2048x1592.png 2048w" sizes="(max-width: 2069px) 100vw, 2069px" /></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>Googleが開発したVRゴーグル用のモデリングソフトです</p>
</div></div>



<p>Googleが開発したVRゴーグル用のモデリングソフトです<br><br>直接3Dオブジェクトをイジッて形や色を変えることができます<br><br>このため、早くカンタンにつくることができます<br><br>使うためにはグラフィックボードとVRが必要ですが、楽しく作ることができるソフトです</p>



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



<p>今回は、無料の３Dモデルを作れるソフトを紹介しました<br><br>３Dモデルを作るソフトは、すごいスピードで進化しています<br><br>まだ、３Dモデルを経験されていない方は、ぜひチャレンジしてください</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 nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&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" data-wpel-link="internal">&gt;&gt; 絵と映像のつくり方のカテゴリーページ</a><br><br></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/338/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 nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/2d/textures-materials/sky/allsky-free-10-sky-skybox-set-146014" target="_blank" data-wpel-link="external">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/" data-wpel-link="internal">&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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/2d/textures-materials/sky/fantasy-skybox-free-18353" target="_blank" data-wpel-link="external">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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/2d/textures-materials/sky/customizable-skybox-174576" target="_blank" data-wpel-link="external">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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/tools/physics/realistic-car-kit-18421?locale=ja-JP" target="_blank" data-wpel-link="external">&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="" data-wpel-link="internal">&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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/tools/game-toolkits/car-maker-166164?locale=ja-JP" target="_blank" title="" data-wpel-link="external">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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/tools/utilities/fence-layout-tool-162856?locale=ja-JP" target="_blank" title="" data-wpel-link="external">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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/templates/packs/flap-up-74556" target="_blank" title="" data-wpel-link="external">&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="" data-wpel-link="internal">&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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/templates/packs/obstacle-course-pack-178169#description" target="_blank" title="" data-wpel-link="external">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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/2d/characters/metroidvania-controller-166731?locale=ja-JP" target="_blank" title="" data-wpel-link="external">&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="" data-wpel-link="internal">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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/tools/input-management/simple-input-system-113033?locale=ja-JP" target="_blank" title="" data-wpel-link="external">&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="" data-wpel-link="internal">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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/tools/input-management/lean-touch-30111?locale=ja-JP" target="_blank" title="" data-wpel-link="external">&gt;&gt; Lean Touchのダウンロードページ</a><br><br>マウスやモバイルのタップやドラッグでオブジェクトを動かせるようになるアセットです<br><br>回転や移動など基本的なことだけでなく、モバイルで必要なコントロールがほぼ全てそろってます<br><br>有料版ではさらに多くのシーンに合わせて細かくコントロールできるプログラムが詰め込まれています<br><br>マウスやドラッグのコントロールを探している時はオススメです<br><br><a href="https://illust55.com/5948/" target="_blank" title="" data-wpel-link="internal">&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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/tools/visual-scripting/bolt-163802?locale=ja-JP" target="_blank" title="" data-wpel-link="external">&gt;&gt; Boltのダウンロードページ</a><br><br>Boltを使えばプログラムのパーツを組み合わせて、プログラミングすることができます<br><br>ビジュアルスクリプティングと言う、この方法なら簡単にプログラミングを始めることができます<br><br><a href="https://illust55.com/3889/" title="" data-wpel-link="internal">&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 nofollow external noreferrer" title="" href="https://assetstore.unity.com/packages/essentials/tutorial-projects/unity-particle-pack-127325" target="_blank" data-wpel-link="external">&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" data-wpel-link="internal">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" data-wpel-link="internal"><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" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">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" data-wpel-link="internal"><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" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">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" data-wpel-link="internal"><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/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://itch.io/" target="_blank" data-wpel-link="external">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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/2d/fonts/selected-u3d-japanese-font-337?locale=ja-JP" target="_blank" title="" data-wpel-link="external">&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="" data-wpel-link="internal">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" data-wpel-link="internal"><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 nofollow external noreferrer" href="https://assetstore.unity.com/packages/2d/textures-materials/world-materials-free-150182?locale=ja-JP" target="_blank" title="" data-wpel-link="external">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" data-wpel-link="internal"><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" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">&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/" data-wpel-link="internal">&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 nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&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/" data-wpel-link="internal">&gt;&gt; Unityのカテゴリーページ</a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>UNREAL ENGINEのおすすめ無料アセットのまとめ【ゲーム作成&#038;景観ソフト】</title>
		<link>https://illust55.com/663/</link>
					<comments>https://illust55.com/663/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Sat, 02 Jul 2022 11:54:00 +0000</pubDate>
				<category><![CDATA[UnrealEngineの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[UnrealEngine]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=663</guid>

					<description><![CDATA[と悩んでいませんか？ このページでは、カンタンにUnrelaEngineを体験できるオススメのアセットを紹介します インストールすればすぐに使えるので、ぜひ、チャレンジしてください Unreal Engineをはじめて聞 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2020/10/キャプチャ-7-1024x572.jpg" alt="" class="wp-image-286" width="578" height="322" srcset="https://illust55.com/storage/2020/10/キャプチャ-7-1024x572.jpg 1024w, https://illust55.com/storage/2020/10/キャプチャ-7-300x167.jpg 300w, https://illust55.com/storage/2020/10/キャプチャ-7-768x429.jpg 768w, https://illust55.com/storage/2020/10/キャプチャ-7-1536x857.jpg 1536w, https://illust55.com/storage/2020/10/キャプチャ-7.jpg 1571w" sizes="(max-width: 578px) 100vw, 578px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「Unreal Engineに興味はあるけど、何ができるかわからない」<br>「何から始めれば、いいかわからない」</p>
</div>



<p>と悩んでいませんか？<br><br>このページでは、カンタンにUnrelaEngineを体験できるオススメのアセットを紹介します<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>次の目次の流れにそって紹介します</p>
</div></div>



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



<p>ゲームエンジンは美しいグラフィック、ゲームをつくることができるソフトです<br><br>Unreal Engineは美しいグラフィックのゲームをつくることができるソフトです<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>Unreal Engineでつくられたゲームを紹介します</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="Unreal Engine 5 - Official Next-Gen Games Sizzle Reel | 2021" width="1256" height="707" src="https://www.youtube.com/embed/MlQrQkqtGvI?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>Unreal Engineは公式サイトからダウンロードできます</p>
</div></div>



<p>＜Unreal Engine公式サイト＞<br><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/ja/?lang=ja" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/ja/?lang=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>Unreal Engineのインストール方法を紹介しているページです<br><br>合わせてご覧ください</p>
</div></div>



<p>&lt; UnrealEngineのインストールと地面の作り方のページ &gt;<br><a href="https://illust55.com/1485/" target="_blank" title="" data-wpel-link="internal">&gt;&gt; https://illust55.com/1485/</a></p>



<h2 class="wp-block-heading">超リアルな背景・景観用</h2>



<h4 class="wp-block-heading">MegaScan（超リアルな３D環境モデル）</h4>



<figure class="wp-block-image aligncenter is-resized"><img loading="lazy" decoding="async" src="https://cdn2.unrealengine.com/Unreal+Engine%2Fblog%2Funreal-engine-4-24-to-ship-with-free-quixel-megascans-unreal-studio-features-and-more%2FNews_OneUnrealEngine_blog_body_img4-1640x1000-f8c62582f595e832965719e6eb5e1e57d76de18b.jpg" alt="News_OneUnrealEngine_blog_body_img4.jpg" width="578" height="352"/></figure>



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



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/scarecrow" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/scarecrow</a><br><br><span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)">上の画像は写真ではありません、３Dオブジェクトです！<br></span><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>とてもリアルなMega Scansが使われている映像です</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="Rebirth: Introducing photorealism in UE4" width="1256" height="707" src="https://www.youtube.com/embed/9fC20NWhx4s?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">Twinmotionの3Dモデル</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2022/12/image.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2022/12/image.png" alt="" class="wp-image-8238" srcset="https://illust55.com/storage/2022/12/image.png 1920w, https://illust55.com/storage/2022/12/image-768x432.png 768w, https://illust55.com/storage/2022/12/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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>景観ソフト「Twinmotion」の3DモデルがUnreal Engineでも公開されています</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/twinmotion-posed-humans-sport-pack-1" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/twinmotion-posed-humans-sport-pack-1</a><br><br>超キレイな景色を作れるソフト「Twin Motion」の3DモデルをUnrealEngineで使うことができます<br><br>人や家具の3Dモデルが公開されており、ゲーム用として使うことができます<br><br>スポーツジムや楽器などマイナーな物もあるので、一度チェックすることをオススメします</p>



<h4 class="wp-block-heading">Soul City（近未来サイバーパンク）</h4>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-14 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1471" src="https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-800x450.jpg" alt="" class="wp-image-1471" srcset="https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-800x450.jpg 800w, https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-500x281.jpg 500w, https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-300x169.jpg 300w, https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-768x432.jpg 768w, https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02.jpg 1600w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1472" src="https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-800x450.jpg" alt="" class="wp-image-1472" srcset="https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-800x450.jpg 800w, https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-500x281.jpg 500w, https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-300x169.jpg 300w, https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-768x432.jpg 768w, https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a.jpg 1600w" sizes="(max-width: 800px) 100vw, 800px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>都市のビルや街のアセットです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/soul-city" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/soul-city</a><br><br><span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)">サイバーパンクの世界観が特徴的なアセットです<br></span><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>



<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="Soul City (Free Download / Speed Level Design / Unreal Engine 4)" width="1256" height="707" src="https://www.youtube.com/embed/8B5725JVAQY?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">Modular Scifi Season 2 Starter Bundle（宇宙船の中の景観）</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>細かな部分までキレイな宇宙船のパーツです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/modular-scifi-season-2-starter-bundle" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/modular-scifi-season-2-starter-bundle</a><br><br>SFの世界観をもつ宇宙船の中のような環境のアセットです</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>



<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="Modular SciFi Season 2 Starter Bundle Trailer" width="1256" height="707" src="https://www.youtube.com/embed/VWBpmzIMJPQ?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">Advanced Village Pack（ファンタジーの田舎景色）</h4>



<figure class="wp-block-image aligncenter is-resized is-style-default"><img loading="lazy" decoding="async" src="https://cdn1.epicgames.com/ue/item/AdvancedVillagePack_Screenshot_03-1920x1080-b8f3c8f33e06c525947873188c267dd2.png?resize=1&amp;w=1600" alt="" width="790" height="444"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ファンタジーの田舎町のセットです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/advanced-village-pack" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/advanced-village-pack</a><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>



<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="The Advanced Village Pack Trailer - exclusive for Unreal Engine 4" width="1256" height="707" src="https://www.youtube.com/embed/HYS8C4i8pi8?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">Vigilante（戦車・空母・車両・ミサイルなど軍事物の3Dモデル）</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/01/image-10.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2023/01/image-10.png" alt="" class="wp-image-8336" srcset="https://illust55.com/storage/2023/01/image-10.png 1920w, https://illust55.com/storage/2023/01/image-10-768x432.png 768w, https://illust55.com/storage/2023/01/image-10-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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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 nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/profile/Vigilante?count=20&amp;sortBy=effectiveDate&amp;sortDir=DESC&amp;start=0" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/profile/Vigilante?count=20&amp;sortBy=effectiveDate&amp;sortDir=DESC&amp;start=0</a><br><br>視覚シミュレーションや防衛分野に強みをもつアメリカの会社です<br><br>多くのミリタリー系の3Dオブジェクトが無料で公開されています<br><br>超高品質なので、ミリタリー系を探している場合には、ぜひチェックしてください</p>



<h2 class="wp-block-heading">キャラクターと建物の大ボリュームセット</h2>



<h4 class="wp-block-heading">Infinity Blade（大ボリュームの実際のゲームの３Dモデル＋背景）</h4>



<figure class="wp-block-image aligncenter is-resized"><img loading="lazy" decoding="async" src="https://i.cdn29.hu/apix_collect_c/1011/infinity-blade/infinity_blade_screenshot_20181211150652_1_original_760x425_cover.jpg" alt="Eltűnt az App Store-ból az Infinity Blade trilógia bevezetőkép" width="648" height="362"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>発売したゲームで使っていたアセットです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/assets?count=20&amp;keywords=Infinity%20Blade&amp;sortBy=relevancy&amp;sortDir=DESC&amp;start=0" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/assets?count=20&amp;keywords=Infinity%20Blade&amp;sortBy=relevancy&amp;sortDir=DESC&amp;start=0</a><br><br>『Infinity Blade』は、Chair EntertainmentとEpic Gamesが開発を続けていた、iOS向けのUnreal Engineアクションゲームです<br><br><span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)">ファンタジー色が強く、大規模ゲームだったので、特に景観などの３Dオブジェクトは<br><br>色々なところで使えそうです</span><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>



<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="EPIC $4MILL. INFINITY BLADE GAME ASSET &amp; MARKETPLACE UPDATE" width="1256" height="707" src="https://www.youtube.com/embed/_YNftJRD0MA?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">『フィンチ家の奇妙な屋敷でおきたこと』（大ボリュームの実際のゲーム背景）</h4>



<figure class="wp-block-image aligncenter is-resized"><img loading="lazy" decoding="async" src="https://cdn2.unrealengine.com/Diesel%2Fproduct%2Fbadger%2FEdithFinch_June17_Coronation-2560x1440-83b97b73ae28847501c23e9686d457c79d0b8182.jpg" alt="" width="759" height="426"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>子供向けの少しかわいい感じ、のアセットです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/assets?keywords=%E3%83%95%E3%82%A3%E3%83%B3%E3%83%81%E5%AE%B6" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/assets?keywords=%E3%83%95%E3%82%A3%E3%83%B3%E3%83%81%E5%AE%B6</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="What Remains of Edith Finch | Unreal Marketplace Collection | Unreal Engine" width="1256" height="707" src="https://www.youtube.com/embed/xvgCEKDPOdQ?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">PARAGON CONTENT<strong>（大ボリュームの実際のゲームの３Dモデル＋背景）</strong></h4>



<figure class="wp-block-image aligncenter is-resized"><img loading="lazy" decoding="async" src="https://cdn2.unrealengine.com/Unreal+Engine%2Fblog%2Ffinal-round-of-free-paragon-assets-released%2FSparrow_Beauty-1920x1058-059be6bc33a6b77007df53d14bab327eaff76be7.jpg" alt="Sparrow_Beauty.jpg" width="659" height="362"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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 nofollow external noreferrer" title="" href="https://www.unrealengine.com/marketplace/ja/assets?keywords=PARAGON%20CONTENT" target="_blank" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/assets?keywords=PARAGON%20CONTENT</a><br><br>上の画像は約13億円を費やして制作した『Paragon』というゲームです<br><br>このゲームの３Dモデルと背景を配布しています<br><br>とてもリアルなSF風のアセットです</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-15 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1463" src="https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-800x450.jpg" alt="" class="wp-image-1463" srcset="https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-800x450.jpg 800w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-500x281.jpg 500w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-300x169.jpg 300w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-768x432.jpg 768w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6.jpg 1920w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1461" src="https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-800x450.jpg" alt="" class="wp-image-1461" srcset="https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-800x450.jpg 800w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-500x281.jpg 500w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-300x169.jpg 300w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-768x432.jpg 768w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b.jpg 1920w" sizes="(max-width: 800px) 100vw, 800px" /></figure>
</figure>



<h4 class="wp-block-heading">The Matrix Awakensの建物 ＆ エキストラキャラクター ＆ 乗り物</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/07/image-6.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2023/07/image-6.png" alt="" class="wp-image-8957" srcset="https://illust55.com/storage/2023/07/image-6.png 1920w, https://illust55.com/storage/2023/07/image-6-768x432.png 768w, https://illust55.com/storage/2023/07/image-6-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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>期間限定で公開されて話題になったマトリックスのゲームのアセットです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/city-sample" target="_blank" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/city-sample</a><br><br>UE5 の技術デモである The Matrix Awakensのアセットです<br><br>建物、背景のキャラクター、乗り物が公開されており、別々にダウンロードすることもできます<br><br>とてもリアルに作りこまれており、数少ない都市と街並みのアセットになります<br><br>都市景観を探している方にはとくにオススメのアセットです</p>



<h2 class="wp-block-heading">その他</h2>



<h4 class="wp-block-heading">月替りの無料セール</h4>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://www.unrealengine.com/marketplace/ja/store" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2020/10/unreal_free-1024x699.jpg" alt="" class="wp-image-277" width="634" height="432" srcset="https://illust55.com/storage/2020/10/unreal_free-1024x699.jpg 1024w, https://illust55.com/storage/2020/10/unreal_free-300x205.jpg 300w, https://illust55.com/storage/2020/10/unreal_free-768x524.jpg 768w, https://illust55.com/storage/2020/10/unreal_free.jpg 1395w" sizes="(max-width: 634px) 100vw, 634px" /></a></figure>



<p>UnrealEngineは毎月無料になるアセットがストアに並びます<br><br>とても、美しいアセットやゲームを作る中で役に立つアセットなど、さまざまです<br><br>ただ、毎月交換されるので、無料の商品は翌月には有料となってしまうので<br><br>定期的に確認する必要があります</p>



<h4 class="wp-block-heading">Scanned 3D People Pack</h4>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-800x450.jpg" alt="" class="wp-image-1467" width="695" height="391" srcset="https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-800x450.jpg 800w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-500x281.jpg 500w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-300x169.jpg 300w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-768x432.jpg 768w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101.jpg 1600w" sizes="(max-width: 695px) 100vw, 695px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>9人のキャラクターのセットです</p>
</div></div>



<p>少し少ないのが残念ですが、<span style="background-image: linear-gradient(transparent 60%, rgba(247, 141, 167, 0.5) 60%)" class="sme-highlighter">とてもリアルなキャラクターです</span></p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-16 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1469" src="https://illust55.com/storage/2020/11/aaaa-800x450.jpg" alt="" class="wp-image-1469" srcset="https://illust55.com/storage/2020/11/aaaa-800x450.jpg 800w, https://illust55.com/storage/2020/11/aaaa-500x281.jpg 500w, https://illust55.com/storage/2020/11/aaaa-300x169.jpg 300w, https://illust55.com/storage/2020/11/aaaa-768x432.jpg 768w, https://illust55.com/storage/2020/11/aaaa-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/aaaa.jpg 1600w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1468" src="https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-800x450.jpg" alt="" class="wp-image-1468" srcset="https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-800x450.jpg 800w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-500x281.jpg 500w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-300x169.jpg 300w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-768x432.jpg 768w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477.jpg 1600w" sizes="(max-width: 800px) 100vw, 800px" /></figure>
</figure>



<h4 class="wp-block-heading">itch.io：3Dモデルから音楽までゲーム関連の素材がそろっている総合サイト</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/07/image-12.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2023/07/image-12.png" alt="" class="wp-image-9000" srcset="https://illust55.com/storage/2023/07/image-12.png 2880w, https://illust55.com/storage/2023/07/image-12-768x512.png 768w, https://illust55.com/storage/2023/07/image-12-1536x1024.png 1536w, https://illust55.com/storage/2023/07/image-12-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>インディーゲームの総合サイトです<br><br>ゲーム開発の参考にもなります</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://itch.io/" target="_blank" data-wpel-link="external">itch.ioのサイト</a><br><br>3Dモデルから音楽やフリーゲームまで幅広く取り扱っているインディーゲームの総合サイトです<br><br>直接アンリアルエンジンから読み込むのではなく、圧縮ファイルで公開しています<br><br>このため、ゲーム素材の学習にも役立つオススメサイトです</p>



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



<p>UnrealEngineのアセットはとてもリアルです<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>Youtubeでは、おもしろく絵のつくり方を紹介しています</p>



<p><br>他のページでもCG・絵と映像のつくり方について紹介しています</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&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" data-wpel-link="internal">&gt;&gt; 絵と映像のつくり方のカテゴリーページ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/663/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>超簡単にアクションパズルをつくる！Unityゲーム初心者講座 第2回</title>
		<link>https://illust55.com/4021/</link>
					<comments>https://illust55.com/4021/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Thu, 19 Aug 2021 05:38:57 +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=4021</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/08/image-212.png" data-wpel-link="internal"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/08/image-212.png" alt="" class="wp-image-4043" width="509" height="509" srcset="https://illust55.com/storage/2021/08/image-212.png 720w, https://illust55.com/storage/2021/08/image-212-300x300.png 300w, https://illust55.com/storage/2021/08/image-212-100x100.png 100w, https://illust55.com/storage/2021/08/image-212-150x150.png 150w, https://illust55.com/storage/2021/08/image-212-120x120.png 120w, https://illust55.com/storage/2021/08/image-212-160x160.png 160w, https://illust55.com/storage/2021/08/image-212-320x320.png 320w, https://illust55.com/storage/2021/08/image-212-250x250.png 250w" sizes="(max-width: 509px) 100vw, 509px" /></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>自分のマップをつくり、ゲームの色を変えてオリジナルゲームをつくります<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><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>超簡単にパズルゲームをつくる！ゲーム制作初心者講座 第1回<br><a href="https://illust55.com/3959/" data-wpel-link="internal">https://illust55.com/3959/</a></p>
</div></div>



<h2 class="wp-block-heading">・Unityとは、何？ゲームをつくれるの？</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>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 2017 Tokyo Made with Unity Reel" width="1256" height="707"  data-youtube="eyJ0aXRsZSI6IlVuaXRlIDIwMTcgVG9reW8gTWFkZSB3aXRoIFVuaXR5IFJlZWwiLCJ2aWRlb19pZCI6ImtibnpVczJlWi1NIn0=" src="https://www.youtube.com/embed/kbnzUs2eZ-M?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 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>Unityで趣味のゲームから一流のゲームまで、作られています</p>
</div></div>



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



<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 href="https://unity.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://unity.com/</a></p>



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



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



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>次は、パズルゲームのマップのつくる方法を紹介します</p>
</div></div>



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



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-191.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="597" src="https://illust55.com/storage/2021/08/image-191.png" alt="" class="wp-image-4022" srcset="https://illust55.com/storage/2021/08/image-191.png 1280w, https://illust55.com/storage/2021/08/image-191-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/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://assetstore.unity.com/</a><br><br>２．画面の上の「ID」アイコンをクリックしてください<br><br>３．画面の上の「ログイン」ボタンをクリックしてください</p>
</div>



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



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



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



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-194.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="666" src="https://illust55.com/storage/2021/08/image-194.png" alt="" class="wp-image-4025" srcset="https://illust55.com/storage/2021/08/image-194.png 1280w, https://illust55.com/storage/2021/08/image-194-768x400.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>１．「World Materials Free」で検索してください<br><br>２．無料アセットをチェックしてください<br><br>３．「World Materials Free」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-196.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="704" src="https://illust55.com/storage/2021/08/image-196.png" alt="" class="wp-image-4027" srcset="https://illust55.com/storage/2021/08/image-196.png 1280w, https://illust55.com/storage/2021/08/image-196-768x422.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">・Unityにゲームの部品をダウンロードしよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-195.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-195.png" alt="" class="wp-image-4026" srcset="https://illust55.com/storage/2021/08/image-195.png 1280w, https://illust55.com/storage/2021/08/image-195-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/08/image-197.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-197.png" alt="" class="wp-image-4028" srcset="https://illust55.com/storage/2021/08/image-197.png 1280w, https://illust55.com/storage/2021/08/image-197-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>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-198.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-198.png" alt="" class="wp-image-4029" srcset="https://illust55.com/storage/2021/08/image-198.png 1280w, https://illust55.com/storage/2021/08/image-198-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/08/image-199.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="685" src="https://illust55.com/storage/2021/08/image-199.png" alt="" class="wp-image-4030" srcset="https://illust55.com/storage/2021/08/image-199.png 1280w, https://illust55.com/storage/2021/08/image-199-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/08/image-200.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-200.png" alt="" class="wp-image-4031" srcset="https://illust55.com/storage/2021/08/image-200.png 1280w, https://illust55.com/storage/2021/08/image-200-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>１．「Obstacle Course Pack」をクリックしてください<br><br>２．「DownLoad」をクリックしてください<br><br>３．ダウンロード後、「import」に変わります<br><br>４．「import」をクリックしてください</p>
</div>



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



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



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



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「 World Materials Free 」をクリックしてください<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/08/image-203.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-203.png" alt="" class="wp-image-4034" srcset="https://illust55.com/storage/2021/08/image-203.png 1280w, https://illust55.com/storage/2021/08/image-203-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>



<h4 class="wp-block-heading">・パズルのパーツを置こう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-206.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-206.png" alt="" class="wp-image-4037" srcset="https://illust55.com/storage/2021/08/image-206.png 1280w, https://illust55.com/storage/2021/08/image-206-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>１．「Assets」 → 「Scenes」 をクリックしてください<br><br>２．「SampleScene」をダブルクリックしてください<br><br>３．「SampleScene」が読み込まれたことを確認してください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-205.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-205.png" alt="" class="wp-image-4036" srcset="https://illust55.com/storage/2021/08/image-205.png 1280w, https://illust55.com/storage/2021/08/image-205-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>１．「Assets」 → 「Scenes」 をクリックしてください<br><br>２．ゲーム部品をドラッグして置くことができます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-207.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-207.png" alt="" class="wp-image-4038" srcset="https://illust55.com/storage/2021/08/image-207.png 1280w, https://illust55.com/storage/2021/08/image-207-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>※左から「移動」「拡大・縮小」「回転」です<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-208.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-208.png" alt="" class="wp-image-4039" srcset="https://illust55.com/storage/2021/08/image-208.png 1280w, https://illust55.com/storage/2021/08/image-208-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>１．「Assets」 → 「WorldMaterialsFree」 をクリックしてください<br><br>２．色のファイルをドラッグしてください<br><br>３．地面の色がブロックに変わりました</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-213.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="741" src="https://illust55.com/storage/2021/08/image-213.png" alt="" class="wp-image-4044" srcset="https://illust55.com/storage/2021/08/image-213.png 1280w, https://illust55.com/storage/2021/08/image-213-768x445.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-218.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-218.png" alt="" class="wp-image-4050" srcset="https://illust55.com/storage/2021/08/image-218.png 1280w, https://illust55.com/storage/2021/08/image-218-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-219.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1282" height="720" src="https://illust55.com/storage/2021/08/image-219.png" alt="" class="wp-image-4051" srcset="https://illust55.com/storage/2021/08/image-219.png 1282w, https://illust55.com/storage/2021/08/image-219-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>１．つくり変えた部分を確認してください<br><br>※プレイヤーの操作です<br>・キーボード「スペース」キーでジャンプすることができます<br>・キーボード「矢印」キーで動かすことができます <br>・マウスで画面を動かすことができます<br><br>２．確認した後、テストプレイボタンをクリックしてください</p>
</div>



<h4 class="wp-block-heading">・パーツをつなげてオリジナルのパズルをつくろう</h4>



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



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>パーツをつなげて、オリジナルのゲームを作ります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Game Object」 → 「3D Object」 → 「Plane」をクリックしてください<br><br>２．地面になるオブジェクトが現れます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-217.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-217.png" alt="" class="wp-image-4049" srcset="https://illust55.com/storage/2021/08/image-217.png 1280w, https://illust55.com/storage/2021/08/image-217-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-214.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-214.png" alt="" class="wp-image-4045" srcset="https://illust55.com/storage/2021/08/image-214.png 1280w, https://illust55.com/storage/2021/08/image-214-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>※ 次のページで空を変える方法、プレイヤーを変える方法を紹介しています<br>＜超簡単にパズルゲームをつくる！ゲーム制作初心者講座 第1回のページ＞<br><a href="https://illust55.com/3959/" data-wpel-link="internal">https://illust55.com/3959/</a><br><br>＜【3D景観＆背景】Unityで空をキレイにつくる方法のページ＞<br><a href="https://illust55.com/3233/" data-wpel-link="internal">https://illust55.com/3233/</a></p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-216.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="722" src="https://illust55.com/storage/2021/08/image-216.png" alt="" class="wp-image-4047" srcset="https://illust55.com/storage/2021/08/image-216.png 1280w, https://illust55.com/storage/2021/08/image-216-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>１．プレイヤーと空のイメージを変えると、ゲームのイメージが大きく変わります<br><br>２．テストプレイボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-220.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-220.png" alt="" class="wp-image-4052" srcset="https://illust55.com/storage/2021/08/image-220.png 1280w, https://illust55.com/storage/2021/08/image-220-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>



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



<p>今回は、「Obstacle Course Pack」を使い、オリジナルのパズルゲームを作る方法を紹介しました<br><br>Unityは多くのゲームの部品でカンタンにゲームをつくることができます<br><br>ぜひ、ゲームつくりにチャレンジを続けてください</p>



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



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">ゲームつくりのページ</span></div><div class="label-box-content block-box-content box-content">
<p>【ゲーム制作超初心者＆Unity入門】パズルゲームの作り方を学ぼう<br><a href="https://illust55.com/2469/" data-wpel-link="internal">https://illust55.com/2469/</a></p>



<p>【3D景観＆背景】Unityで空をキレイにつくる方法<br><a href="https://illust55.com/3233/" data-wpel-link="internal">https://illust55.com/3233/</a></p>



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



<p>超簡単にゲームプログラミング！UnityとBoltの使い方＆ゲーム制作初心者講座<br><a href="https://illust55.com/3889/" data-wpel-link="internal">https://illust55.com/3889/</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/4021/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>超簡単にゲームプログラミング！UnityとBoltの使い方＆ゲーム制作初心者講座</title>
		<link>https://illust55.com/3889/</link>
					<comments>https://illust55.com/3889/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Wed, 11 Aug 2021 01:51:01 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[Bolt]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<category><![CDATA[ゲーム制作入門]]></category>
		<category><![CDATA[ビジュアルスクリプティング]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=3889</guid>

					<description><![CDATA[と考えていませんか？ このページでは、誰でも、できる方法でゲームのつくり方を紹介しています 今回は「Unity」と「Bolt」というソフトを使います 流行りの、パズルのように、プログラムを作る方法を紹介します ・Unit [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><a href="https://illust55.com/storage/2021/08/image-125.png" data-wpel-link="internal"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/08/image-125.png" alt="" class="wp-image-3890" width="604" height="605" srcset="https://illust55.com/storage/2021/08/image-125.png 739w, https://illust55.com/storage/2021/08/image-125-300x300.png 300w, https://illust55.com/storage/2021/08/image-125-100x100.png 100w, https://illust55.com/storage/2021/08/image-125-150x150.png 150w, https://illust55.com/storage/2021/08/image-125-120x120.png 120w, https://illust55.com/storage/2021/08/image-125-160x160.png 160w, https://illust55.com/storage/2021/08/image-125-320x320.png 320w, https://illust55.com/storage/2021/08/image-125-250x250.png 250w" sizes="(max-width: 604px) 100vw, 604px" /></a></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>「ゲームを作りたい」<br>「流行りのパーツを組み合わせて、プログラミングする方法を学んでみたい」<br><br>・・・けど<br>「ムズかしそう」</p>
</div>



<p>と考えていませんか？<br><br>このページでは、誰でも、できる方法でゲームのつくり方を紹介しています<br><br>今回は「Unity」と「Bolt」というソフトを使います<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>＜プログラミングでUnityのゲームを作る方法を紹介しているページ＞<br><a href="https://illust55.com/3840/" data-wpel-link="internal">https://illust55.com/3840/</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は無料でゲームを作ることができるソフトです</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 Europe Highlight Reel" width="1256" height="707"  data-youtube="eyJ0aXRsZSI6IlVuaXRlIEV1cm9wZSBIaWdobGlnaHQgUmVlbCIsInZpZGVvX2lkIjoiSF9aMVFQSFVtcjgifQ==" src="https://www.youtube.com/embed/H_Z1QPHUmr8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 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>Unityは世界中の、一流 ～ 趣味のゲーム作りに使われています</p>
</div></div>



<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://unity3d.com/jp/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://unity3d.com/jp/</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>次のページでインストールの方法を紹介しています<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



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



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>次は、パズルのようにプログラムを作る方法を紹介します<br>（※ ビジュアルスクリプティング）</p>
</div></div>



<h2 class="wp-block-heading">・UnityとBoltでカンタンにプログラムをつくろう</h2>



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-126.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="678" src="https://illust55.com/storage/2021/08/image-126.png" alt="" class="wp-image-3891" srcset="https://illust55.com/storage/2021/08/image-126.png 1280w, https://illust55.com/storage/2021/08/image-126-768x407.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>１．次のアドレスにアクセスして、「Bolt」のダウンロードの準備をしてください<br>＜Boltの配布ページ＞<br><a href="https://assetstore.unity.com/packages/tools/visual-scripting/bolt-163802" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://assetstore.unity.com/packages/tools/visual-scripting/bolt-163802</a><br><br>２．画面の上の「ID」アイコンをクリックしてください<br><br>３．画面の上の「ログイン」ボタンをクリックしてください</p>
</div>



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



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



<div class="wp-block-cocoon-blocks-info-box primary-box block-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-128.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-128.png" alt="" class="wp-image-3893" srcset="https://illust55.com/storage/2021/08/image-128.png 1280w, https://illust55.com/storage/2021/08/image-128-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/08/image-129.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-129.png" alt="" class="wp-image-3894" srcset="https://illust55.com/storage/2021/08/image-129.png 1280w, https://illust55.com/storage/2021/08/image-129-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>



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



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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/08/image-131.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1205" height="621" src="https://illust55.com/storage/2021/08/image-131.png" alt="" class="wp-image-3896" srcset="https://illust55.com/storage/2021/08/image-131.png 1205w, https://illust55.com/storage/2021/08/image-131-768x396.png 768w" sizes="(max-width: 1205px) 100vw, 1205px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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-132.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1283" height="712" src="https://illust55.com/storage/2021/08/image-132.png" alt="" class="wp-image-3897" srcset="https://illust55.com/storage/2021/08/image-132.png 1283w, https://illust55.com/storage/2021/08/image-132-768x426.png 768w" sizes="(max-width: 1283px) 100vw, 1283px" /></a></figure>



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



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Bolt」をクリックしてください<br>※ 見つからない場合は青の数字をクリックしてください<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/08/image-133.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-133.png" alt="" class="wp-image-3898" srcset="https://illust55.com/storage/2021/08/image-133.png 1280w, https://illust55.com/storage/2021/08/image-133-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>



<h4 class="wp-block-heading">・「Bolt」を始めるための設定をしょう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-134.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1282" height="720" src="https://illust55.com/storage/2021/08/image-134.png" alt="" class="wp-image-3899" srcset="https://illust55.com/storage/2021/08/image-134.png 1282w, https://illust55.com/storage/2021/08/image-134-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>１．「Bolt」のセットアップ画面が現れることを確認してください<br>※ 表示されない場合は、「Tool」 → 「Bolt」 → 「Setup Wizard」をクリックしてください<br><br>２．「Next」をクリックしてください</p>
</div>



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-140.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-140.png" alt="" class="wp-image-3905" srcset="https://illust55.com/storage/2021/08/image-140.png 1280w, https://illust55.com/storage/2021/08/image-140-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>２．「Next」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-136.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-136.png" alt="" class="wp-image-3901" srcset="https://illust55.com/storage/2021/08/image-136.png 1280w, https://illust55.com/storage/2021/08/image-136-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>２．「Generate」をクリックしてください</p>
</div>



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



<h4 class="wp-block-heading">・ボールと地面をつくろう</h4>



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



<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>地面を作ります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．空白で右クリックをしてください<br><br>２．「3D Object」 → 「Plane」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-139.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-139.png" alt="" class="wp-image-3904" srcset="https://illust55.com/storage/2021/08/image-139.png 1280w, https://illust55.com/storage/2021/08/image-139-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-141.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-141.png" alt="" class="wp-image-3906" srcset="https://illust55.com/storage/2021/08/image-141.png 1280w, https://illust55.com/storage/2021/08/image-141-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>２．「3D Object」 → 「Sphere」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-142.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-142.png" alt="" class="wp-image-3907" srcset="https://illust55.com/storage/2021/08/image-142.png 1280w, https://illust55.com/storage/2021/08/image-142-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-143.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-143.png" alt="" class="wp-image-3908" srcset="https://illust55.com/storage/2021/08/image-143.png 1280w, https://illust55.com/storage/2021/08/image-143-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>・「X」に「０」、「Y」に「3」、「Z」に「0」を入れてください</p>
</div>



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-145.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-145.png" alt="" class="wp-image-3910" srcset="https://illust55.com/storage/2021/08/image-145.png 1280w, https://illust55.com/storage/2021/08/image-145-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>１．現れた検索ボックスに「rigi」を入力してください<br><br>２．「Rgidbody」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-146.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1285" height="720" src="https://illust55.com/storage/2021/08/image-146.png" alt="" class="wp-image-3911" srcset="https://illust55.com/storage/2021/08/image-146.png 1285w, https://illust55.com/storage/2021/08/image-146-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>・「Rgidbody」が追加されたことを確認してください</p>
</div>



<h4 class="wp-block-heading">・「Bolt」でプログラムをしよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-147.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="722" src="https://illust55.com/storage/2021/08/image-147.png" alt="" class="wp-image-3912" srcset="https://illust55.com/storage/2021/08/image-147.png 1280w, https://illust55.com/storage/2021/08/image-147-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>ボールに「Bolt」のパーツを加えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Sphire」をクリックしてください<br><br>２．「Add Component」をクリックしてください<br><br>３．現れた検索ボックスに「flow」を入力してください<br><br>４．現れた「Flow Machine」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-148.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-148.png" alt="" class="wp-image-3913" srcset="https://illust55.com/storage/2021/08/image-148.png 1280w, https://illust55.com/storage/2021/08/image-148-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>今回は、「Bolt」のパーツを一つだけ作ります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Flow Machine」のパネルが現れます<br><br>２．「New」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-150.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-150.png" alt="" class="wp-image-3915" srcset="https://illust55.com/storage/2021/08/image-150.png 1280w, https://illust55.com/storage/2021/08/image-150-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>「Bolt」で作るプログラムファイルを保存します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．ファイル名を決めてください<br>※今回は、「test」にしました<br><br>２．「保存」をクリックしてください</p>
</div>



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



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-152.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-152.png" alt="" class="wp-image-3917" srcset="https://illust55.com/storage/2021/08/image-152.png 1280w, https://illust55.com/storage/2021/08/image-152-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>「Bolt」の画面が現れました</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・「Flow Graph」の画面が現れることを確認してください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-151.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-151.png" alt="" class="wp-image-3916" srcset="https://illust55.com/storage/2021/08/image-151.png 1280w, https://illust55.com/storage/2021/08/image-151-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>２．現れた検索ボックスに「addforce」を入れてください<br><br>３．現れた「Rigidbody.AddRelativeForce（x,y,z）」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-154.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1282" height="720" src="https://illust55.com/storage/2021/08/image-154.png" alt="" class="wp-image-3919" srcset="https://illust55.com/storage/2021/08/image-154.png 1282w, https://illust55.com/storage/2021/08/image-154-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>１．「RigidbodyAddForce」が現れたことを確認してください<br><br>２．空いている部分で右クリックしてください<br><br>３．「Add Unit」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-153.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1282" height="724" src="https://illust55.com/storage/2021/08/image-153.png" alt="" class="wp-image-3918" srcset="https://illust55.com/storage/2021/08/image-153.png 1282w, https://illust55.com/storage/2021/08/image-153-768x434.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>１．現れた検索ボックスに「inputget」を入れてください<br><br>２．「Input.GetAxis（axisName）」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-156.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-156.png" alt="" class="wp-image-3921" srcset="https://illust55.com/storage/2021/08/image-156.png 1280w, https://illust55.com/storage/2021/08/image-156-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>・「Input.GetAxis（axisName）」が現れたことを確認してください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-157.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-157.png" alt="" class="wp-image-3922" srcset="https://illust55.com/storage/2021/08/image-157.png 1280w, https://illust55.com/storage/2021/08/image-157-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>１．「Input.GetAxis」の上で右クリックしてください<br><br>２．「Copy」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-155.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-155.png" alt="" class="wp-image-3920" srcset="https://illust55.com/storage/2021/08/image-155.png 1280w, https://illust55.com/storage/2021/08/image-155-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>２．「Paste」をクリックしてください</p>
</div>



<p></p>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-158.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-158.png" alt="" class="wp-image-3923" srcset="https://illust55.com/storage/2021/08/image-158.png 1280w, https://illust55.com/storage/2021/08/image-158-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>１．axisNameに「Horizontal」を入れてください<br><br>２．axisNameに「Vertical」を入れてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-159.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-159.png" alt="" class="wp-image-3925" srcset="https://illust55.com/storage/2021/08/image-159.png 1280w, https://illust55.com/storage/2021/08/image-159-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>２．現れた検索ボックスに「multiply」を入れてください<br><br>３．「Multiply（Main/Scalar）」をクリックしてください<br>※末尾がScalarのパーツをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-160.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-160.png" alt="" class="wp-image-3926" srcset="https://illust55.com/storage/2021/08/image-160.png 1280w, https://illust55.com/storage/2021/08/image-160-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>１．「Multiply」の上で右クリックしてください<br><br>２．「Copy」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-162.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-162.png" alt="" class="wp-image-3928" srcset="https://illust55.com/storage/2021/08/image-162.png 1280w, https://illust55.com/storage/2021/08/image-162-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>２．「Paste」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-161.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-161.png" alt="" class="wp-image-3927" srcset="https://illust55.com/storage/2021/08/image-161.png 1280w, https://illust55.com/storage/2021/08/image-161-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>コントローラの動きに「5」を「かけ算」するようにします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・ 「Multiply」の 数を「５」に変えてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-164.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1282" height="687" src="https://illust55.com/storage/2021/08/image-164.png" alt="" class="wp-image-3930" srcset="https://illust55.com/storage/2021/08/image-164.png 1282w, https://illust55.com/storage/2021/08/image-164-768x412.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>１．それぞれの「赤ワク」の部分をドラッグして、パーツをつないでください<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-163.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1291" height="687" src="https://illust55.com/storage/2021/08/image-163.png" alt="" class="wp-image-3929" srcset="https://illust55.com/storage/2021/08/image-163.png 1291w, https://illust55.com/storage/2021/08/image-163-768x409.png 768w" sizes="(max-width: 1291px) 100vw, 1291px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１．1秒間に何度も受けつけるパーツを使いました<br><br>２．プレイヤーのコントロールを受け取り、数にするパーツを使いました<br>（※ 矢印の「右」を押したら、「右 １」のような数になります）<br><br>３．受け取ったことを「かけ算」して数を大きくするパーツを使いました<br>（※「右 １」のような数は「右 ５」になります）<br>（※今回は５を「かけ算」しています）<br><br>４．「ボールの動きを変える」パーツに、それぞれのパーツの「結果」を流します</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-166.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-166.png" alt="" class="wp-image-3932" srcset="https://illust55.com/storage/2021/08/image-166.png 1280w, https://illust55.com/storage/2021/08/image-166-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>



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



<p>今回は「Unity」と「Bolt」を使い、パズルをつなぐように作れるプログラムを紹介しました<br><br>Unityは「使い方を学ぶ」のトレーニングコースも用意されています<br><br>ぜひ、ゲーム作りのチャレンジを続けてください</p>



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



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">見出し</span></div><div class="label-box-content block-box-content box-content">
<p>＜プログラミングでUnityのゲームを作る方法を紹介しているページ＞<br><a href="https://illust55.com/3840/" data-wpel-link="internal">https://illust55.com/3840/</a><br><br>＜３Dレースゲームのオリジナルカーの作り方【コーディングなし&amp;超入門】＞<br><a href="https://illust55.com/2948/" data-wpel-link="internal">https://illust55.com/2948/</a><br><br>＜【超初心者向け】Unreal Engineの使い方講座・美しい地面を作る方法【入門】＞<br><a href="https://illust55.com/1485/" data-wpel-link="internal">https://illust55.com/1485/</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/3889/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>超初心者向け！3Dアクションのゲーム作り＆始め方【UNITY】</title>
		<link>https://illust55.com/3394/</link>
					<comments>https://illust55.com/3394/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Sat, 17 Jul 2021 07:46:01 +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=3394</guid>

					<description><![CDATA[このページでは、プログラミングなし、誰でもできる方法でゲーム作りを紹介しています 今回はUNITYの「Third Person Character Controller」を使って、アクションゲームつくりを紹介します ・U [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="670" height="600" src="https://illust55.com/storage/2021/07/image-171.png" alt="" class="wp-image-3415"/></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「プログラミングはよくわからないけど、アクションゲームを作りたい」<br>「UNITYって聞いたことあるけど、ムズかしそう！」</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>



<p>このページでは、プログラミングなし、誰でもできる方法でゲーム作りを紹介しています<br><br>今回はUNITYの「Third Person Character Controller」を使って、アクションゲームつくりを紹介します</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>



<p>UNTIYとはゲームを作るソフトです<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>



<h4 class="wp-block-heading">・UNITYで作られたゲーム</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">

<a rel="noopener nofollow external noreferrer" href="https://youtu.be/8lWpnvNxs8k" title="Unity GDC 2016 Game Showreel" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank" data-wpel-link="external"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://i.ytimg.com/vi/8lWpnvNxs8k/maxresdefault.jpg?sqp=-oaymwEmCIAKENAF8quKqQMa8AEB-AH-CYAC0AWKAgwIABABGGUgXihWMA8=&#038;rs=AOn4CLBrGN_wey2lCB1SaiJbexXLIn8wEA" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="160" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">Unity GDC 2016 Game Showreel</div><div class="blogcard-snippet external-blogcard-snippet">Some of our favorite creations made with Unity as shown at GDC 2016. More about games made with Unity: us caption &amp; tran...</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://www.youtube.com/watch?v=8lWpnvNxs8k" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">www.youtube.com</div></div></div></div></a>
</div></figure>



<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>



<h4 class="wp-block-heading">・UNITYのインストールをするには</h4>



<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 nofollow external noreferrer" href="https://unity.com/ja" target="_blank" title="" data-wpel-link="external">https://unity.com/ja</a></p>



<p>このブログでは、次のページでインストール方法を紹介しています<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>＜UNITYのインストール方法とゲームつくりの始め方のページ＞<br><a href="https://illust55.com/2018/" data-wpel-link="internal">https://illust55.com/2018/</a></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>次は、アクションゲームつくりの始めの一歩を紹介します</p>
</div></div>



<h2 class="wp-block-heading">・UNITYでアクションゲームを作りを始めよう</h2>



<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の操作を紹介します<br><br>合わせて操作して、覚えましょう</p>
</div></div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-17 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-152.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="597" data-id="3396" src="https://illust55.com/storage/2021/07/image-152.png" alt="" class="wp-image-3396" srcset="https://illust55.com/storage/2021/07/image-152.png 1280w, https://illust55.com/storage/2021/07/image-152-768x358.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１．Unity公式のアセットのサイトにアクセスしてください<br><a rel="noopener nofollow external noreferrer" href="https://assetstore.unity.com/" target="_blank" title="" data-wpel-link="external">https://assetstore.unity.com/</a><br><br>２．画面の上の「ID」アイコンをクリックしてください<br><br>３．画面の上の「ログイン」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-18 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-153.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="659" data-id="3397" src="https://illust55.com/storage/2021/07/image-153.png" alt="" class="wp-image-3397" srcset="https://illust55.com/storage/2021/07/image-153.png 1280w, https://illust55.com/storage/2021/07/image-153-768x395.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Third Person Character Controllerを探します<br><br>または、直接アクセスしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「 Starter Assets &#8211; Third Person Character Controller」を入れてください<br><br>２．「Unity公式アセット」をチェックしてください<br><br>３．「Third Person Character Controller 」をクリックしてください<br><br>４．直接アクセスする場合、次のアドレスからアクセスしてください<br><a rel="noopener nofollow external noreferrer" href="https://assetstore.unity.com/packages/essentials/starter-assets-third-person-character-controller-196526" target="_blank" title="" data-wpel-link="external">https://assetstore.unity.com/packages/essentials/starter-assets-third-person-character-controller-196526</a></p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-19 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-154.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="638" data-id="3398" src="https://illust55.com/storage/2021/07/image-154.png" alt="" class="wp-image-3398" srcset="https://illust55.com/storage/2021/07/image-154.png 1280w, https://illust55.com/storage/2021/07/image-154-768x383.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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-gallery aligncenter has-nested-images columns-default wp-block-gallery-20 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-155.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1290" height="686" data-id="3399" src="https://illust55.com/storage/2021/07/image-155.png" alt="" class="wp-image-3399" srcset="https://illust55.com/storage/2021/07/image-155.png 1290w, https://illust55.com/storage/2021/07/image-155-768x408.png 768w" sizes="(max-width: 1290px) 100vw, 1290px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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 block-box primary-box">
<p>１．「プロジェクト」をクリックしてください<br><br>２．「新規作成」をクリックしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-21 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-156.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="657" data-id="3400" src="https://illust55.com/storage/2021/07/image-156.png" alt="" class="wp-image-3400" srcset="https://illust55.com/storage/2021/07/image-156.png 1280w, https://illust55.com/storage/2021/07/image-156-768x394.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１．「３D」をクリックしてください<br><br>２．「プロジェクト名」と「保存先」を決めてください<br><br>３．「作成」をクリックしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-22 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-159.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="725" data-id="3403" src="https://illust55.com/storage/2021/07/image-159.png" alt="" class="wp-image-3403" srcset="https://illust55.com/storage/2021/07/image-159.png 1280w, https://illust55.com/storage/2021/07/image-159-768x435.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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」 → 「Package Manager」をクリックしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-23 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-157.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3401" src="https://illust55.com/storage/2021/07/image-157.png" alt="" class="wp-image-3401" srcset="https://illust55.com/storage/2021/07/image-157.png 1280w, https://illust55.com/storage/2021/07/image-157-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>



<p></p>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-24 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-158.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3402" src="https://illust55.com/storage/2021/07/image-158.png" alt="" class="wp-image-3402" srcset="https://illust55.com/storage/2021/07/image-158.png 1280w, https://illust55.com/storage/2021/07/image-158-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１．「Starter Assets &#8211; Third Person Character Controller」をクリックしてください<br><br>２．「ダウンロード」をクリックしてください<br><br>３．ダウンロード後、「Import（読み込み）」をクリックしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-25 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-160.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3404" src="https://illust55.com/storage/2021/07/image-160.png" alt="" class="wp-image-3404" srcset="https://illust55.com/storage/2021/07/image-160.png 1280w, https://illust55.com/storage/2021/07/image-160-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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-gallery aligncenter has-nested-images columns-default wp-block-gallery-26 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-161.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1284" height="720" data-id="3405" src="https://illust55.com/storage/2021/07/image-161.png" alt="" class="wp-image-3405" srcset="https://illust55.com/storage/2021/07/image-161.png 1284w, https://illust55.com/storage/2021/07/image-161-768x431.png 768w" sizes="(max-width: 1284px) 100vw, 1284px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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」 → 「StarterAssets」 →「ThirdPersonController」 → 「Scenes」をクリックしてください<br><br>２．「Play Ground」をダブルクリックしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-27 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-162.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3406" src="https://illust55.com/storage/2021/07/image-162.png" alt="" class="wp-image-3406" srcset="https://illust55.com/storage/2021/07/image-162.png 1280w, https://illust55.com/storage/2021/07/image-162-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-28 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-163.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3407" src="https://illust55.com/storage/2021/07/image-163.png" alt="" class="wp-image-3407" srcset="https://illust55.com/storage/2021/07/image-163.png 1280w, https://illust55.com/storage/2021/07/image-163-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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-gallery aligncenter has-nested-images columns-default wp-block-gallery-29 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-164.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3408" src="https://illust55.com/storage/2021/07/image-164.png" alt="" class="wp-image-3408" srcset="https://illust55.com/storage/2021/07/image-164.png 1280w, https://illust55.com/storage/2021/07/image-164-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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」 → 「Environment」 →「Prefabs」をクリックしてください<br><br>２．ゲームのパーツをドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-30 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-165.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3409" src="https://illust55.com/storage/2021/07/image-165.png" alt="" class="wp-image-3409" srcset="https://illust55.com/storage/2021/07/image-165.png 1280w, https://illust55.com/storage/2021/07/image-165-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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-gallery aligncenter has-nested-images columns-default wp-block-gallery-31 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-166.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3410" src="https://illust55.com/storage/2021/07/image-166.png" alt="" class="wp-image-3410" srcset="https://illust55.com/storage/2021/07/image-166.png 1280w, https://illust55.com/storage/2021/07/image-166-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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-gallery aligncenter has-nested-images columns-default wp-block-gallery-32 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-167.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3411" src="https://illust55.com/storage/2021/07/image-167.png" alt="" class="wp-image-3411" srcset="https://illust55.com/storage/2021/07/image-167.png 1280w, https://illust55.com/storage/2021/07/image-167-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>



<h4 class="wp-block-heading">・ゲームの３Dオブジェクトの色を変えよう</h4>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-33 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-168.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1284" height="720" data-id="3412" src="https://illust55.com/storage/2021/07/image-168.png" alt="" class="wp-image-3412" srcset="https://illust55.com/storage/2021/07/image-168.png 1284w, https://illust55.com/storage/2021/07/image-168-768x431.png 768w" sizes="(max-width: 1284px) 100vw, 1284px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>２．画面右の「Materials」の「Element ０」のボックスをクリックしてください<br><br>３．現れた色をクリックしてください<br><br>４．作り終わったら、テストボタンをクリックしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-34 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-169.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3413" src="https://illust55.com/storage/2021/07/image-169.png" alt="" class="wp-image-3413" srcset="https://illust55.com/storage/2021/07/image-169.png 1280w, https://illust55.com/storage/2021/07/image-169-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>



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



<p>今回は、UNITY公式の「Third Person Character Controller」を使った、アクションゲームのつくりの始め方を紹介しました<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>



<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のカーマイクロゲームの始め方講座＞<br><a href="https://illust55.com/2214/" data-wpel-link="internal">https://illust55.com/2214/</a></p>



<p>＜UnityとLegoで始めるゲーム作り！無料＆超初心者向けの作り方・制作入門＞<br><a href="https://illust55.com/2018/" data-wpel-link="internal">https://illust55.com/2018/</a></p>



<p>＜【超初心者向け】Unreal Engineの使い方講座・美しい地面を作る方法【入門】＞<br><a href="https://illust55.com/1485/" data-wpel-link="internal">https://illust55.com/1485/</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>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/3394/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【入門】レースゲームの作り方＆Unityの使い方と道路アセットの紹介</title>
		<link>https://illust55.com/3351/</link>
					<comments>https://illust55.com/3351/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Thu, 15 Jul 2021 08:49: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=3351</guid>

					<description><![CDATA[・・・と悩んでいませんか？ このページでは、誰でもカンタンにカーゲームを作る方法を紹介しています 今回は、UNITYを使い、車のコースを作る方法を紹介します ぜひ、チャレンジしてください ・Unityをはじめて聞いた方  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/07/見出しアートボード-1-1.png" alt="" class="wp-image-3379" width="608" height="608" srcset="https://illust55.com/storage/2021/07/見出しアートボード-1-1.png 1076w, https://illust55.com/storage/2021/07/見出しアートボード-1-1-300x300.png 300w, https://illust55.com/storage/2021/07/見出しアートボード-1-1-768x768.png 768w, https://illust55.com/storage/2021/07/見出しアートボード-1-1-100x100.png 100w, https://illust55.com/storage/2021/07/見出しアートボード-1-1-150x150.png 150w, https://illust55.com/storage/2021/07/見出しアートボード-1-1-120x120.png 120w, https://illust55.com/storage/2021/07/見出しアートボード-1-1-160x160.png 160w, https://illust55.com/storage/2021/07/見出しアートボード-1-1-320x320.png 320w, https://illust55.com/storage/2021/07/見出しアートボード-1-1-250x250.png 250w" sizes="(max-width: 608px) 100vw, 608px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「レースゲームを作りたい！」<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でさらにくわしく、Unity・映像のつくり方を紹介しています</p>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&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とはゲームをつくためのソフトです<br><br>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="Assassin&#039;s Creed Unity E3 2014 World Premiere Cinematic Trailer [EUROPE]" width="1256" height="707" src="https://www.youtube.com/embed/xzCEdSKMkdU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>



<p>Unityは世界でもっとも使われているゲームをつくるためのソフトです<br><br>公式サイトからインストールプログラムをダウンロードすることができます<br><br>＜Unity公式サイト＞<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-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unityのインストールの方法を次のページで紹介しています<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



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



<h2 class="wp-block-heading">・Unityのレースゲームの作り方＆使い方と道路アセットの紹介</h2>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-35 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-130.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="597" data-id="3352" src="https://illust55.com/storage/2021/07/image-130.png" alt="" class="wp-image-3352" srcset="https://illust55.com/storage/2021/07/image-130.png 1280w, https://illust55.com/storage/2021/07/image-130-768x358.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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 block-box primary-box">
<p>１．公式のアセットストアにアクセスしてください<br><a rel="noopener nofollow external noreferrer" href="https://assetstore.unity.com/" target="_blank" title="" data-wpel-link="external">https://assetstore.unity.com/</a><br><br>２．画面の上の「ID」アイコンをクリックしてください<br><br>３．画面の上の「ログイン」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-36 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-131.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="577" data-id="3353" src="https://illust55.com/storage/2021/07/image-131.png" alt="" class="wp-image-3353" srcset="https://illust55.com/storage/2021/07/image-131.png 1280w, https://illust55.com/storage/2021/07/image-131-768x346.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１．「easy road」で検索してください<br>（※ 直接アクセスする場合は次のアドレスからアクセスしてください）<br><a rel="noopener nofollow external noreferrer" href="https://assetstore.unity.com/packages/3d/characters/easyroads3d-free-v3-987" target="_blank" title="" data-wpel-link="external">https://assetstore.unity.com/packages/3d/characters/easyroads3d-free-v3-987</a><br><br>２．無料アセットをチェックしてください<br><br>３．「EasyRoad ３D」をクリックしてください</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-37 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-132.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="565" data-id="3354" src="https://illust55.com/storage/2021/07/image-132.png" alt="" class="wp-image-3354" srcset="https://illust55.com/storage/2021/07/image-132.png 1280w, https://illust55.com/storage/2021/07/image-132-768x339.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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 block-box primary-box">
<p>・「マイアセットに追加する」をクリックしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default is-cropped wp-block-gallery-38 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-133.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1290" height="686" data-id="3355" src="https://illust55.com/storage/2021/07/image-133.png" alt="" class="wp-image-3355" srcset="https://illust55.com/storage/2021/07/image-133.png 1290w, https://illust55.com/storage/2021/07/image-133-768x408.png 768w" sizes="(max-width: 1290px) 100vw, 1290px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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 block-box primary-box">
<p>１．「プロジェクト」をクリックしてください<br><br>２．「新規作成」をクリックしてください</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-39 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-134.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="657" data-id="3356" src="https://illust55.com/storage/2021/07/image-134.png" alt="" class="wp-image-3356" srcset="https://illust55.com/storage/2021/07/image-134.png 1280w, https://illust55.com/storage/2021/07/image-134-768x394.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１．「３D」をクリックしてください<br><br>２．「プロジェクト名」と「保存先」を決めてください<br><br>３．「作成」をクリックしてください</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-40 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-135.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="724" data-id="3357" src="https://illust55.com/storage/2021/07/image-135.png" alt="" class="wp-image-3357" srcset="https://illust55.com/storage/2021/07/image-135.png 1280w, https://illust55.com/storage/2021/07/image-135-768x434.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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」 → 「Package Manager」をクリックしてください</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-41 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-136.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3358" src="https://illust55.com/storage/2021/07/image-136.png" alt="" class="wp-image-3358" srcset="https://illust55.com/storage/2021/07/image-136.png 1280w, https://illust55.com/storage/2021/07/image-136-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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-gallery has-nested-images columns-default wp-block-gallery-42 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-137.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3359" src="https://illust55.com/storage/2021/07/image-137.png" alt="" class="wp-image-3359" srcset="https://illust55.com/storage/2021/07/image-137.png 1280w, https://illust55.com/storage/2021/07/image-137-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１．「Easy Road 3D Free」をクリックしてください<br><br>２．「ダウンロード」をクリックしてください<br><br>３．ダウンロード後、「Import（読み込み）」をクリックしてください</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-43 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-138.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3360" src="https://illust55.com/storage/2021/07/image-138.png" alt="" class="wp-image-3360" srcset="https://illust55.com/storage/2021/07/image-138.png 1280w, https://illust55.com/storage/2021/07/image-138-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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-gallery has-nested-images columns-default wp-block-gallery-44 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-139.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3361" src="https://illust55.com/storage/2021/07/image-139.png" alt="" class="wp-image-3361" srcset="https://illust55.com/storage/2021/07/image-139.png 1280w, https://illust55.com/storage/2021/07/image-139-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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 Object」 → 「Terrain」をクリックしてください</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-45 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-140.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3362" src="https://illust55.com/storage/2021/07/image-140.png" alt="" class="wp-image-3362" srcset="https://illust55.com/storage/2021/07/image-140.png 1280w, https://illust55.com/storage/2021/07/image-140-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１． 「Terrain」をクリックしてください<br><br>２． 「Edit Terrain Layer」をクリックしてください</p>
</div>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow">
<figure class="wp-block-gallery aligncenter has-nested-images columns-default is-cropped wp-block-gallery-46 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-141.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3363" src="https://illust55.com/storage/2021/07/image-141.png" alt="" class="wp-image-3363" srcset="https://illust55.com/storage/2021/07/image-141.png 1280w, https://illust55.com/storage/2021/07/image-141-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>
</figure>
</div>



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



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



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-47 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-142.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3364" src="https://illust55.com/storage/2021/07/image-142.png" alt="" class="wp-image-3364" srcset="https://illust55.com/storage/2021/07/image-142.png 1280w, https://illust55.com/storage/2021/07/image-142-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１．検索ボックスにgrassを入力してください<br><br>２．「Grass ER」をクリックしてください</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-48 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-143.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3365" src="https://illust55.com/storage/2021/07/image-143.png" alt="" class="wp-image-3365" srcset="https://illust55.com/storage/2021/07/image-143.png 1280w, https://illust55.com/storage/2021/07/image-143-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>地面が画面にない場合は、「Terrain」をダブルクリックしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．Terrainをダブルクリックしてください<br><br>２．地面「Terrain」が現れました</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-49 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-144.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3366" src="https://illust55.com/storage/2021/07/image-144.png" alt="" class="wp-image-3366" srcset="https://illust55.com/storage/2021/07/image-144.png 1280w, https://illust55.com/storage/2021/07/image-144-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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 Object」 → 「EasyRoad3D」 → 「New Road Network」をクリックしてください</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-50 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-145.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3367" src="https://illust55.com/storage/2021/07/image-145.png" alt="" class="wp-image-3367" srcset="https://illust55.com/storage/2021/07/image-145.png 1280w, https://illust55.com/storage/2021/07/image-145-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>・バックアップのメッセージボックスが現れたら「Yes」をクリックしてください</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-51 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-146.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3368" src="https://illust55.com/storage/2021/07/image-146.png" alt="" class="wp-image-3368" srcset="https://illust55.com/storage/2021/07/image-146.png 1280w, https://illust55.com/storage/2021/07/image-146-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>１．「Road Network」をクリックしてください<br><br>２．新しくロードオブジェクトを作るタブをクリックしてください<br><br>３．「Road Width」を「30」に変えてください（道路の幅）<br><br>４．「Add NewObject」をクリックしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-52 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-147.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3369" src="https://illust55.com/storage/2021/07/image-147.png" alt="" class="wp-image-3369" srcset="https://illust55.com/storage/2021/07/image-147.png 1280w, https://illust55.com/storage/2021/07/image-147-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>道路をつくる操作は「SHIFT」＋マウスクリックです</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．つくっている道路の情報が見れるタブをクリックしてください<br><br>２．キーボード「SHIFT」キー＋マウスを左クリックしてください</p>
</div>



<figure class="wp-block-gallery aligncenter has-nested-images columns-default wp-block-gallery-53 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-148.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3370" src="https://illust55.com/storage/2021/07/image-148.png" alt="" class="wp-image-3370" srcset="https://illust55.com/storage/2021/07/image-148.png 1280w, https://illust55.com/storage/2021/07/image-148-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>続けて「SHIFT」＋マウスクリックで道路をつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．道路情報が現れ、「Road Width」が変えた数字になっていることを確認してください<br><br>２．続けて道路を作る場所で、「SHIFT」＋マウスを左クリックしてください</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-54 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-149.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3371" src="https://illust55.com/storage/2021/07/image-149.png" alt="" class="wp-image-3371" srcset="https://illust55.com/storage/2021/07/image-149.png 1280w, https://illust55.com/storage/2021/07/image-149-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>２．道路を最後、つなげるために「Closed Track」をクリックしてください</p>
</div>



<figure class="wp-block-gallery has-nested-images columns-default wp-block-gallery-55 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-150.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3372" src="https://illust55.com/storage/2021/07/image-150.png" alt="" class="wp-image-3372" srcset="https://illust55.com/storage/2021/07/image-150.png 1280w, https://illust55.com/storage/2021/07/image-150-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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-gallery has-nested-images columns-default wp-block-gallery-56 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2021/07/image-151.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" data-id="3373" src="https://illust55.com/storage/2021/07/image-151.png" alt="" class="wp-image-3373" srcset="https://illust55.com/storage/2021/07/image-151.png 1280w, https://illust55.com/storage/2021/07/image-151-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></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"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://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>・3Dレースカーの作り方・使い方の紹介をしているページ（1回目）<br><a href="https://illust55.com/2948/" data-wpel-link="internal">https://illust55.com/2948/</a><br><br>・ぜひ車もつくり、テストプレイをしてください</p>
</div>



<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では、さらにおもしろく絵のつくり方を紹介しています</p>



<p><br>また、他のページでもゲームのつくり方について紹介しています</p>
</div></div>



<p>このブログでは、他にもゲームつくりについて紹介しています<br><br><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&gt;&gt; Youtubeチャンネル イラスト55 @ クリエイティブ情報を紹介</a></p>



<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/" data-wpel-link="internal">&gt;&gt; Unityのカテゴリーページ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/3351/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
