<?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%E3%82%A2%E3%83%97%E3%83%AA%E8%A3%BD%E4%BD%9C/feed/" rel="self" type="application/rss+xml" />
	<link>https://illust55.com</link>
	<description>絵と動画とゲームの作り方をもっと簡単にする方法を紹介します</description>
	<lastBuildDate>Fri, 30 Oct 2026 23:38:44 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://illust55.com/wp-content/uploads/2021/09/cropped-ファビコン2-32x32.png</url>
	<title>ゲームアプリ製作 | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<link>https://illust55.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>AIプログラミング初心者向け!アドベンチャーゲームを秒で作る方法</title>
		<link>https://illust55.com/4710/</link>
					<comments>https://illust55.com/4710/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Thu, 30 Apr 2026 10:27:28 +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=4710</guid>

					<description><![CDATA[・・・となやんでいませんか？ こんにちは！ この記事では、これまでのやり方からさらにバージョンアップしたAIでアドベンチャーゲームをつくる方法を紹介します これまでノベルゲームの作り方は紹介しましたが AIが進歩したこと [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2021/09/AIプログラミング初心者向けアドベンチャーゲームを秒で作る方法.png" data-wpel-link="internal"><img fetchpriority="high" decoding="async" width="1000" height="1000" src="https://illust55.com/wp-content/uploads/2021/09/AIプログラミング初心者向けアドベンチャーゲームを秒で作る方法.png" alt="" class="wp-image-12334" style="width:518px;height:auto" srcset="https://illust55.com/wp-content/uploads/2021/09/AIプログラミング初心者向けアドベンチャーゲームを秒で作る方法.png 1000w, https://illust55.com/wp-content/uploads/2021/09/AIプログラミング初心者向けアドベンチャーゲームを秒で作る方法-300x300.png 300w, https://illust55.com/wp-content/uploads/2021/09/AIプログラミング初心者向けアドベンチャーゲームを秒で作る方法-768x768.png 768w, https://illust55.com/wp-content/uploads/2021/09/AIプログラミング初心者向けアドベンチャーゲームを秒で作る方法-150x150.png 150w, https://illust55.com/wp-content/uploads/2021/09/AIプログラミング初心者向けアドベンチャーゲームを秒で作る方法-120x120.png 120w, https://illust55.com/wp-content/uploads/2021/09/AIプログラミング初心者向けアドベンチャーゲームを秒で作る方法-160x160.png 160w, https://illust55.com/wp-content/uploads/2021/09/AIプログラミング初心者向けアドベンチャーゲームを秒で作る方法-320x320.png 320w, https://illust55.com/wp-content/uploads/2021/09/AIプログラミング初心者向けアドベンチャーゲームを秒で作る方法-250x250.png 250w" sizes="(max-width: 1000px) 100vw, 1000px" /></a></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p class="wp-block-paragraph">「AIをつかったプログラミングに興味がある」<br><br>「本格的なアドベンチャーゲームをつくってみたい！」<br><br>「時間がないけどノベルゲームをつくってみたい」<br><br>・・・でも、<br><br>何からやればいいかわからない！</p>
</div>



<p class="wp-block-paragraph">・・・となやんでいませんか？</p>



<p class="wp-block-paragraph">こんにちは！</p>



<p class="wp-block-paragraph">この記事では、これまでのやり方からさらにバージョンアップした<strong>AIでアドベンチャーゲームをつくる方法</strong>を紹介します</p>



<p class="wp-block-paragraph">これまでノベルゲームの作り方は紹介しましたが</p>



<p class="wp-block-paragraph">AIが進歩したことで、さらに簡単に、もっと高度なゲームがつくれるようになりました</p>



<p class="wp-block-paragraph">プログラミングせずにすぐにつくれるので、ぜひチャレンジしてください</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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">Youtubeでも紹介しています</p>



<p class="wp-block-paragraph"><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>



<p class="wp-block-paragraph">このページのゲームは次のリンクからプレイできます（予定）</p>



<p class="wp-block-paragraph"><a href="https://illust55.com/4509/" target="_blank" data-wpel-link="internal">ブラウザゲームとAIのゲームプログラムとゲーム制作ツールの無料配布ページ </a></p>
</div></div>



<h2 class="wp-block-heading">今回紹介するゲームのプログラム</h2>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">今回この記事で紹介したゲームのプログラムです</p>
</div></div>



<div class="wp-block-file"><a id="wp-block-file--media-c969eba4-2192-4c02-85d1-8c3d7ff1f7af" href="https://illust55.com/wp-content/uploads/2026/04/260315-アドベンチャーゲームツール最終.html" data-wpel-link="internal">260315 アドベンチャーゲームツール最終</a><a href="https://illust55.com/wp-content/uploads/2026/04/260315-アドベンチャーゲームツール最終.html" class="wp-block-file__button wp-element-button" aria-describedby="wp-block-file--media-c969eba4-2192-4c02-85d1-8c3d7ff1f7af" download="" data-wpel-link="internal">ダウンロード</a></div>



<h2 class="wp-block-heading">今回つくるアドベンチャーゲームの流れ</h2>



<p class="wp-block-paragraph">今回の動画と記事の流れは、AIにいきなりゲームの完成品をつくらせるのではなく、</p>



<p class="wp-block-paragraph">「微調整がやりやすいゲームエディタ」をHTML1ファイルで作り、</p>



<p class="wp-block-paragraph">そこから少しずつゲームを完成に近づけていくスタイルです</p>



<p class="wp-block-paragraph">プログラミング未経験者でも挫折しにくい作り方です</p>



<p class="wp-block-paragraph">ではさっそくAIプログラミングをはじめます！</p>



<h2 class="wp-block-heading">まずはゲームエディタをAIで生成する</h2>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-65.png" data-wpel-link="internal"><img decoding="async" width="2003" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-65.png" alt="" class="wp-image-12355" style="width:714px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-65.png 2003w, https://illust55.com/wp-content/uploads/2026/04/image-65-768x431.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-65-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">GoogleAI Studioにアクセスして、<br><br>AIにメッセージと画像をアップロードします</p>
</div></div>



<p class="wp-block-paragraph">前回のAIプログラミングと同じように、</p>



<p class="wp-block-paragraph">自動でプログラムがつくりやすい「Google AI Studio」のサイトに移動します</p>



<p class="wp-block-paragraph">メッセージボックスに、以下のプロンプトと画像を一緒に入力します</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">次の通りのノベルゲームエディタをHTML1ファイルで生成して ユーザインタフェースは添付ファイルを参考につくって</p>



<p class="wp-block-paragraph">【UI構造】</p>



<ol class="wp-block-list">
<li>ヘッダー: 「プロジェクト保存」「テストプレイ（本当にプレイできる）」ボタン</li>



<li>メイン（3カラム）:
<ul class="wp-block-list">
<li>左: マッププレビュー。背景画像を設定できる</li>



<li>中: イベントリスト。新規作成ボタンと、作成済みイベント（トリガー名、コマンド数、編集/削除ボタン）を表示</li>



<li>右: 「アイテムリスト」と「スイッチ（フラグ）リスト」がつくれる</li>
</ul>
</li>
</ol>



<p class="wp-block-paragraph">【イベント編集モーダル】 イベント新規作成/編集時に次が設定できる</p>



<ul class="wp-block-list">
<li>イベント名</li>



<li>イベントがはじまる（トリガー）設定: a) シーン開始時 b) マップクリック（マップ上で指定した範囲をクリックするとはじまる） c) スイッチON時</li>



<li>コマンドリスト:
<ul class="wp-block-list">
<li>メッセージ表示</li>



<li>背景変更</li>



<li>画像変更</li>



<li>キャラクター表示/非表示</li>



<li>スイッチのON/OFF</li>



<li>アイテム取得/使う</li>



<li>条件分岐（スイッチやアイテムの状況による分岐）</li>
</ul>
</li>
</ul>
</blockquote>



<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/wp-content/uploads/2026/04/ゲームエディタ起動時UI-1.png" data-wpel-link="internal"><img decoding="async" width="1920" height="1080" data-id="12361" src="https://illust55.com/wp-content/uploads/2026/04/ゲームエディタ起動時UI-1.png" alt="" class="wp-image-12361" srcset="https://illust55.com/wp-content/uploads/2026/04/ゲームエディタ起動時UI-1.png 1920w, https://illust55.com/wp-content/uploads/2026/04/ゲームエディタ起動時UI-1-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/ゲームエディタ起動時UI-1-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/wp-content/uploads/2026/04/ゲームエディタメッセージUI-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" data-id="12362" src="https://illust55.com/wp-content/uploads/2026/04/ゲームエディタメッセージUI-1.png" alt="" class="wp-image-12362" srcset="https://illust55.com/wp-content/uploads/2026/04/ゲームエディタメッセージUI-1.png 1920w, https://illust55.com/wp-content/uploads/2026/04/ゲームエディタメッセージUI-1-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/ゲームエディタメッセージUI-1-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/wp-content/uploads/2026/04/ゲームエディタ-コマンド画面UI-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" data-id="12363" src="https://illust55.com/wp-content/uploads/2026/04/ゲームエディタ-コマンド画面UI-1.png" alt="" class="wp-image-12363" srcset="https://illust55.com/wp-content/uploads/2026/04/ゲームエディタ-コマンド画面UI-1.png 1920w, https://illust55.com/wp-content/uploads/2026/04/ゲームエディタ-コマンド画面UI-1-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/ゲームエディタ-コマンド画面UI-1-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">AIへメッセージと一緒に渡した画像です</p>
</div></div>



<p class="wp-block-paragraph"><br>AIのバージョンアップにより、画像を添付することで画面レイアウトが、とても高い再現度で作れるようになりました！<br>　　</p>



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



<p class="wp-block-paragraph">ゲームエディタのプログラムの生成が終わったら、ダウンロードボタンをクリックしてHTMLファイルを保存します</p>



<h2 class="wp-block-heading">エディタを起動してテストプレイ</h2>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-67.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-67.png" alt="" class="wp-image-12365" style="width:672px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-67.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-67-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-67-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">つくったエディターのプログラムです<br><br>背景用の画像をよみこみました</p>
</div></div>



<p class="wp-block-paragraph">ダウンロードしたファイルを実行すると、すぐにエディタ画面が現れました</p>



<p class="wp-block-paragraph">さっそく背景画像を読み込みます</p>



<p class="wp-block-paragraph">これまで作った画像を入れてみましたが、しっかりと画面に現れました</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-68.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-68.png" alt="" class="wp-image-12368" style="width:648px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-68.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-68-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-68-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">イベントをつくり、物語を作ることができます</p>
</div></div>



<p class="wp-block-paragraph">次に、イベントを追加します</p>



<p class="wp-block-paragraph">あらかじめ用意したメッセージを入力しました</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-69.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-69.png" alt="" class="wp-image-12369" style="width:692px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-69.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-69-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-69-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">テストプレイすると背景画像にテキストがあらわれました<br><br>テキストは進めることができます</p>
</div></div>



<p class="wp-block-paragraph">準備ができたのでテストプレイをしてみます</p>



<p class="wp-block-paragraph">しっかりメッセージがあらわれる、ノベルゲームの基本の動きができあがりました！</p>



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



<p class="wp-block-paragraph">AIにレイアウト画像を読み込ませるだけで、あっという間にアドベンチャーゲーム開発用の「土台（エディタ）」を作ることができました<br><br>ここから先は、このエディタに「キャラクターの絵」や「背景画像」をどんどん追加して、本格的なゲームに仕上げていきます</p>



<h2 class="wp-block-heading">素材をつくる！AIを使い分けて背景とキャラを生成する</h2>



<h3 class="wp-block-heading">ChatGPTで「ピクセルアート」の背景を作る</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-71.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-71.png" alt="" class="wp-image-12374" style="width:760px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-71.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-71-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-71-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ChatGPTでゲーム背景をつくることをつたえます</p>
</div></div>



<p class="wp-block-paragraph">ゲームの「土台（エディタ）」ができたら、次はそこに命を吹き込む<strong>背景</strong>と<strong>キャラクター</strong>が必要です<br><br>今回は、それぞれの得意分野に合わせて複数のAIを使い分け、一気に素材を揃えていきます</p>



<p class="wp-block-paragraph">まずはゲームの舞台となる背景画像から作っていきます<br><br>背景画像の生成、特にドット絵（ピクセルアート）が得意なChatGPTのサイトへ移動しましょう</p>



<p class="wp-block-paragraph">メッセージに次のことを伝えて生成します</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">アドベンチャーゲーム用の背景画像、ボロボロだけどおしゃれなめちゃめちゃ散らかったゴーストがでそうな部屋の画像 ピクセル画像で</p>
</blockquote>



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



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon sb-id-12374"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ミステリアスな背景が完成しました</p>
</div></div>



<p class="wp-block-paragraph">しっかりとアドベンチャーゲームの空気感を持った、味のある背景画像が生成されました<br><br>これをダウンロードして保存します</p>



<h3 class="wp-block-heading">Sea Artでキャラクターのイラストを作る</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-72.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-72.png" alt="" class="wp-image-12375" style="width:706px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-72.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-72-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-72-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">キャラクターのタッチをコントロールしやすいSeaArtのサイトをつかいます</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://www.seaart.ai/home" target="_blank" data-wpel-link="external">&gt;&gt;「SeaArt AI」のサイト</a><br><br>次に、ゲームの主役となるキャラクターを作ります<br><br>絵のタッチを細かくコントロールできるSea Artというサイトで、キャラクターの絵を生成します</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-73.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-73.png" alt="" class="wp-image-12379" style="width:648px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-73.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-73-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-73-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">モデルを決めて、キャラクターの特徴をつたえて生成します</p>
</div></div>



<p class="wp-block-paragraph">今回は後がやりやすいように、次の通りAIにメッセージをつたえます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">白い短い巻き毛のエルフ、大きく口を開けた可愛い笑顔、背景は白、男の子</p>
</blockquote>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-74.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-74.png" alt="" class="wp-image-12380" style="width:772px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-74.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-74-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-74-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">今回はこのキャラクターをつかいたいと思います</p>
</div></div>



<p class="wp-block-paragraph">しっかりクオリティの高いキャラクター画像が生成できました</p>



<h3 class="wp-block-heading">1人のキャラクターのいろいろな表情をつくる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-75.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-75.png" alt="" class="wp-image-12384" style="width:794px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-75.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-75-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-75-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">キャラクターのイラストから色々な表情をつくります</p>
</div></div>



<p class="wp-block-paragraph">次は同じキャラクターの「怒った顔」や「悲しい顔」などの表情をつくります<br><br>今回は、パターン絵がつくりやすい、Google Geminiでつくります<br><br>生成したキャラクターをアップロードして、次の指示を出して表情を一度につくります</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">このキャラのスプライトシートをつくってほしい<br>中には４パターン、、笑顔を右上、驚いている顔を左上、笑っている顔を右下、怒っている顔を左下に、添付画像のように角度をつけて<br>画面に４体のみ（上半身のみ）<br>背景は透過で生成してほしい</p>
</blockquote>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/04/image-76.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-76.png" alt="" class="wp-image-12386" srcset="https://illust55.com/wp-content/uploads/2026/04/image-76.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-76-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-76-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">しっかり、同じキャラクターの別々の顔が4パターン完成しました</p>
</div></div>



<p class="wp-block-paragraph">同じキャラクターでそれぞれの表情のスプライトシートができました<br><br>しかし、カバンをもっているのでカバンを消します</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-77.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-77.png" alt="" class="wp-image-12387" style="width:712px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-77.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-77-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-77-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">黒のバックをなくすことをAIにつたえます</p>
</div></div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-78.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-78.png" alt="" class="wp-image-12388" style="width:764px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-78.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-78-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-78-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">しっかりカバンのないキャラクターのみのスプライトシートが生成できました</p>
</div></div>



<h3 class="wp-block-heading">探偵キャラを「ChatGPT」で直接生成する</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-79.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-79.png" alt="" class="wp-image-12389" style="width:752px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-79.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-79-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-79-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">日本風のかわいい動物キャラがつくりやすい「ChatGPT」をつかいます</p>
</div></div>



<p class="wp-block-paragraph">続いて、物語の主役となる「探偵キャラクター」を作っていきます<br><br>今回は<strong>ChatGPT</strong>を使い、最初から「表情のバリエーション」と「キャラクターの特徴」をセットで指示して生成します</p>



<p class="wp-block-paragraph">AIの進化により、一度の指示で複数の表情を並べた画像（スプライトシート形式）を、高いクオリティで描き分けてくれるようになっています<br><br>次のとおりメッセージをつたえます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">アドベンチャーゲーム用に日本のアニメキャラ風のSDキャラのシャーロックホームズ探偵風薄い青い色の猫、青い目（赤い蝶ネクタイ）のスプライトシートを生成して、笑顔を右上、驚いている顔を左上、笑っている顔を右下、怒っている顔を左下に 画面に4体のみ（上半身のみ）、<br><br>エフェクトは入れないで<br><br>背景は透過で生成してほしい</p>
</blockquote>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-80.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-80.png" alt="" class="wp-image-12392" style="width:668px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-80.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-80-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-80-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">表情を分けてキャラクターをつくることができました<br><br>しかし、すべて青色になってしまいました</p>
</div></div>



<p class="wp-block-paragraph">表情をしっかり分けてキャラクターをつくることができましたが、すべて青色です<br><br>キャラクターの色を変えて、メリハリをつけたいと思います<br><br>次のとおりAIにメッセージをつたえます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">「猫の色はこのままでいいが、コートと帽子はよくある探偵っぽい色にしてほしい」</p>
</blockquote>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-81.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-81.png" alt="" class="wp-image-12394" style="width:754px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-81.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-81-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-81-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">しっかりキャラクターをつくることができました</p>
</div></div>



<h3 class="wp-block-heading">Photoroomで背景透過とサイズ調整</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-82.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-82.png" alt="" class="wp-image-12396" style="width:728px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-82.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-82-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-82-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">背景を消すことができるサイトにアクセスします</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://www.photoroom.com/ja" target="_blank" data-wpel-link="external">>> 「Photoroom」のサイト</a><br><br>生成した画像は背景を透明にして、キャラクターを一つ一つ分ける必要があります<br><br>今回は「<strong>Photoroom</strong>」という背景をAIで消すことができるサイトをつかいます</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-83.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-83.png" alt="" class="wp-image-12400" style="width:734px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-83.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-83-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-83-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">アップロードしただけで自動で背景を透明にしてくれました<br><br>ここからキャラクターを分けます</p>
</div></div>



<p class="wp-block-paragraph">画像をアップロードするだけでAIが自動的にキャラクターを判断して、背景を一瞬で透明にしてくれます<br><br>背景が消えたら、一枚の画像にまとまっている表情をそれぞれ別の画像として分ける作業に入ります<br><br>画面にある切り抜き編集ボタンから手動モードを選択します<br><br>消しゴムのような感覚で使えるブラシツールを使って、切り出したい表情以外の部分を消していきます</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-84.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-84.png" alt="" class="wp-image-12401" style="width:758px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-84.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-84-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-84-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ブラシサイズを調整してキレイに消します</p>
</div></div>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-85.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-85.png" alt="" class="wp-image-12402" style="width:748px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-85.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-85-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-85-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">表情を分けることができましたが、スペースが大きくできてしまいました</p>
</div></div>



<p class="wp-block-paragraph">このままではキャンバスのサイズが大きすぎるのでキャンバスのサイズを変更します</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-87.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-87.png" alt="" class="wp-image-12404" style="width:722px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-87.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-87-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-87-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">横幅500にして、サイズを変更します</p>
</div></div>



<p class="wp-block-paragraph">「サイズ変更ボタン」をクリックして、ゲーム用にキャンバスの横幅を500ピクセルに設定します</p>



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



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



<p class="wp-block-paragraph">サイズを変更したら、キャラクターがキャンバスの中央に配置されるように位置を調整し、ダウンロードします</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-90.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-90.png" alt="" class="wp-image-12407" style="width:789px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-90.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-90-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-90-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">つくったキャラクターすべて同じ方法で切り分けます</p>
</div></div>



<p class="wp-block-paragraph">一つの表情の画像が完成したら、残りの表情パターンについてもまったく同じ手順を繰り返します<br><br>それぞれの表情だけを残すように手動で切り抜き編集を行います<br><br>サイズと位置を整えたら一つ一つダウンロードしていきます</p>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/04/image-88.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-88.png" alt="" class="wp-image-12405" srcset="https://illust55.com/wp-content/uploads/2026/04/image-88.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-88-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-88-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">別のキャラクターも同じ方法で切り分けてダウンロードします</p>
</div></div>



<p class="wp-block-paragraph">別の素材として用意した「猫の探偵」のキャラクターイラストについても、同じ切り分け作業をします<br><br>ゲーム内で表情を切り替えたときにサイズがバラバラで違和感が出ないようにします<br><br>キャンバスサイズを横幅500ピクセルに揃えることが、ゲーム全体のクオリティを高めるための重要なポイントです</p>



<h3 class="wp-block-heading">プロンプトの再利用で「絵のタッチ」を統一する</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-91.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-91.png" alt="" class="wp-image-12409" style="width:778px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-91.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-91-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-91-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">次は冒険に欠かせない「アイテム素材」を準備していきます</p>
</div></div>



<p class="wp-block-paragraph">ゲーム制作で大切な、背景・キャラ・アイテムの雰囲気がバラバラにならないようにします<br><br>今回はUSBメモリや日記、ライターなどを作っていきます<br><br>背景画像を生成した時の絵をベースにして、「USBメモリ」や「日記」といったキーワードを入れ替えてAIに指示を出します<br><br>こうすることで、同じ世界観のアイテムを違和感なくそろえることができます<br><br>次のようにAIにメッセージをつたえます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">この背景画像に合うライター、USBメモリー、ペンダント、鍵、日記、をスプライトシートで生成してほしい</p>
</blockquote>



<h3 class="wp-block-heading">気になる部分はAIに直接「リテイク」を出す</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-92.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-92.png" alt="" class="wp-image-12410" style="width:740px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-92.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-92-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-92-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">しっかり画像が生成できました<br><br>さらにアイテムっぽくなるように修正します</p>
</div></div>



<p class="wp-block-paragraph">AIが生成した「ライター」の画像は最初から火がついた状態でした<br><br>「ポケットに入れて持ち運ぶアイテム」として火がついているのは少し不自然です<br><br>AIに直接「ライターの火を消して」と伝えるだけで、そのままの形で希望通りに修正してくれます<br><br>次のとおりAIにメッセージを伝えます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">ライターは火を消して、USBは普通のUSBで紫色（ボロボロな感じ）、日記はどくろマークを消してほしい</p>
</blockquote>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-93.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-93.png" alt="" class="wp-image-12411" style="width:719px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-93.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-93-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-93-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">しっかり修正することができました</p>
</div></div>



<h3 class="wp-block-heading">Photoroomでゲーム用素材へ仕上げる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-94.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-94.png" alt="" class="wp-image-12412" style="width:767px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-94.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-94-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-94-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">一つ一つ切り分けます</p>
</div></div>



<p class="wp-block-paragraph">アイテムの画像も、キャラクターの時と同じように背景を消してゲーム用に仕上げていきます</p>



<p class="wp-block-paragraph">まずは画像をアップロードして、アイテムを一つ一つ切り分けていきます<br><br>このアイテムもキャンバスのサイズをキャラと同じ「500」に合わせて、ゲームに読み込んだときにサイズがキレイにそろうようにします</p>



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



<p class="wp-block-paragraph">続いて、USBメモリなど他のアイテムも同じように分割していきます</p>



<p class="wp-block-paragraph">これで必要な画像がすべて揃いました！<br><br>次はプログラムを作り直して、いよいよアイテムをゲームに登場させます</p>



<h3 class="wp-block-heading">プログラムを再構築して、ゲームを高度化する！</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-96.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-96.png" alt="" class="wp-image-12414" style="width:713px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-96.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-96-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-96-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">まずバグを修正するメッセージをつたえます</p>
</div></div>



<p class="wp-block-paragraph">素材がすべて揃ったので、いよいよこれらを動かすためのプログラムをAIに作り直してもらいます<br><br>１回目はバグ修正、２回目は機能追加の２段階でつくりなおします<br><br>次の通りAIにメッセージを伝えます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">マッププレビュー画面で背景がすべて表示されないので、表示されるように</p>



<p class="wp-block-paragraph">画像タブ、人物タブをアイテムタブ、スイッチタブの部分につくって</p>



<p class="wp-block-paragraph">人物タブでは人物を登録できるように、人物画像は普通、笑い、怒り、驚き、が登録できるように<br>画像タブでは画像を一括で管理できるように、背景画像以外はここで管理する</p>



<p class="wp-block-paragraph">人物タブで人物の位置を左の時、右の時でマッププレビューでＸＹ、大きさのスライダーを動かして<br>変更できるように、調整する時はキャラの画像が表示された状態でできるように</p>



<p class="wp-block-paragraph">イベントトリガーのマップクリックのドラッグができない<br>イベントをつくると再度編集できないので編集できるように</p>



<p class="wp-block-paragraph">常にゲーム画面右にアイテム一覧があるように、アイテムは画像と名前が表示されている<br>アイテムを使うときはアイテム一覧が少し明るくなるように</p>



<p class="wp-block-paragraph">コマンドの追加画面を大きくして<br>メッセージコマンドに他のコマンドのマクロボタンをすべて追加して<br>ただマクロにしたコマンドは必ずコマンド追加画面からも追加できるようにして</p>



<p class="wp-block-paragraph">メッセージで#nextで次の画面にいく仕様にプラスして、#　を打つと登録されている人物の名前が表示されて、#nextと同じように次のメッセージ画面にうつり、メッセージ左上に話している人物の名前が出るようにして<br>メッセージの中で「#use」でアイテムを使うコマンドができるようにして</p>



<p class="wp-block-paragraph">メッセージコマンドでマクロをテキスト打ちしたらゲームが完結するように<br>メッセージコマンドをつくってほしい</p>
</blockquote>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-97.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2003" height="1125" src="https://illust55.com/wp-content/uploads/2026/04/image-97.png" alt="" class="wp-image-12416" style="width:753px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-97.png 2003w, https://illust55.com/wp-content/uploads/2026/04/image-97-768x431.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-97-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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">１回目でつくったプログラムも添付してメッセージを送信します</p>
</div></div>



<p class="wp-block-paragraph">今回はAIに以下の高度な機能をリクエストしました：<br>・<strong>ストーリー用マクロ</strong>: AIが物語を自動で組み立てやすくする仕組み<br>・<strong>クリックイベント</strong>: 画像をクリックするとイベントが発生する処理<br>・<strong>アイテム一覧（インベントリ）</strong>: 拾ったアイテムを確認できるメニュー<br>・<strong>名前表示機能</strong>: メッセージウィンドウに誰のセリフか表示する機能<br><br>次のとおりAIにメッセージを伝えます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">背景は初期状態は設定した背景を表示するように<br>人物が表示されている時は必ずメッセージウィンドウを表示して<br>メッセージウィンドウ左上の名前はメッセージウィンドウから飛び出ず、<br>少し太字になるくらいでメッセージウィンドウの左上にでるように<br>別のキャラメッセージになったらメッセージページが変わるように<br><br>人物画像の位置調整の時に画像左右反転を入れて</p>



<p class="wp-block-paragraph">アイテム一覧はメッセージウィンドウと同じような色で縦長で<br>常にゲーム画面右側メッセージウィンドウのとなりにあるように（画像アイコンつき）<br>アイテム一覧とキャラはかぶらないように</p>



<p class="wp-block-paragraph">画像は複数選択で追加できるように</p>



<p class="wp-block-paragraph">Javascriptデフォルトのメッセージポップアップは極力出さないように<br><br>メッセージをエンターキーでおくれるように<br>マクロでアイテムを追加する時にキャラ表示と同じように<br>プルダウンで選択できるように<br><br>スイッチはON,OFFではなく、変数のように数字を入れられるように<br><br>コマンドリストはクリックで再度編集できるように<br><br>マップクリックイベントをつくるとき、マップをドラッグして領域指定ができない<br>イベントのトリガーに<br>変数自動実行（変数条件）を加えて<br>また、マップクリックは画像クリックでも発生できるように<br>そして画像は人物と同じように拡大と配置ができるように<br>（画像クリックをマップに配置する時にはコマンドウィンドウを消し、マップが広く見れるように<br>）<br>会話で選択肢が選べるように<br>イベント一覧の部分にシーンタブとイベント一覧タブをつくり、<br>シーンによってイベント一覧と背景画像が切り替わるように<br>メッセージコマンドでAIがメッセージ（マクロつき）を生成できるように<br>AI生成用の入力、出力ボタンを追加して（出力ファイルをＡＩに投げるとマクロの説明それまでのＩＤなどがＡＩにわたり、ストーリーを自動生成できるように）</p>
</blockquote>



<h3 class="wp-block-heading">「AI用ボタン」でGeminiにストーリーを作らせる</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/04/image-99.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/wp-content/uploads/2026/04/image-99.png" alt="" class="wp-image-12419" srcset="https://illust55.com/wp-content/uploads/2026/04/image-99.png 1920w, https://illust55.com/wp-content/uploads/2026/04/image-99-768x432.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-99-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<p class="wp-block-paragraph">生成された新しいプログラムをダウンロードして実行してゲーム画面を立ち上げます</p>



<p class="wp-block-paragraph">画像の追加も、一度に複数のファイルを読み込めるようになり、開発効率が劇的にアップしています</p>



<p class="wp-block-paragraph">生成ボタンをクリックして、AIが新しく作り直してくれたプログラムをダウンロードし、さっそく実行してみます</p>



<p class="wp-block-paragraph">新しいエディタでは、画像を追加する際に一度に複数の画像をまとめて読み込めるようになりました！<br><br>これで素材登録の手間が省け、開発スピードがさらにアップします<br><br>素材を読み込んだら、画面を作っていきましょう</p>



<p class="wp-block-paragraph">まずはそれぞれの人物キャラクターを作成し、表情（差分）を割り当てていきます<br><br>その後、作成しておいた背景画像を読み込んで表示させます<br><br>背景に合わせて、キャラクターの<strong>大きさ</strong>や<strong>立ち位置</strong>をそれぞれ微調整して、自然な画面レイアウトに仕上げていきます<br><br>背景とキャラの配置が終わったら、アイテムもそれぞれ登録して、いよいよ「イベント」を作っていきます</p>



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



<p class="wp-block-paragraph">メッセージウィンドウに、新しく作った「AI生成用メッセージコピーボタン」が追加されています<br><br>このボタンをクリックすると、AIが自動でストーリーを生成するためのテキストデータがコピーできます</p>



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



<p class="wp-block-paragraph">コピーした内容をそのまま<strong>Google Gemini</strong>のテキストボックスに貼り付けて、ストーリーの生成をお願いします<br><br>すると、生成ボタンをクリックするだけで、Geminiが<strong>ゲーム内で動くマクロ（表情変化などの命令）付きのストーリーを自動で作成</strong>してくれます</p>



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



<p class="wp-block-paragraph"><br>完成したストーリーのテキストをコピーして、ゲームエディタのテキストボックスに貼り付けます</p>



<p class="wp-block-paragraph">設定ができたので、一度テストプレイしてみましょう</p>



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



<p class="wp-block-paragraph">キャラクターが登場し、スムーズに会話が進んでいきます。……が、ここで問題発生！</p>



<p class="wp-block-paragraph">なんと、<strong>画面上に同じキャラクターがダブって複数登場してしまう</strong>という仕様上のバグが見つかりました</p>



<p class="wp-block-paragraph">再び「Google AI Studio」に戻り、修正用のプログラムを作ってもらいます<br><br>プロンプト（指示出し）の一番上に「人物名をもとに、同じ人物を重複して表示しないように」という命令を追記して生成します<br><br>次のとおりAIにメッセージを伝えます</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">　#人物名で人物を表示すると右側の自分のキャラと被るので、<br>　#人物名で人物を表示しないように</p>



<p class="wp-block-paragraph">イベントトリガーの画像クリックで画像を配置する時、<br>もっと小さく画像を配置できるように</p>



<p class="wp-block-paragraph">イベントトリガーでマップドラッグで範囲を指定する時に<br>マップをドラッグできない</p>



<p class="wp-block-paragraph">メッセージウィンドウを消すマクロをメッセージコマンドに入れて</p>



<p class="wp-block-paragraph">AIでメッセージを生成する時に何のイベントトリガーから<br>発生しているか伝えるようできるか</p>



<p class="wp-block-paragraph">メッセージコマンドでクイズのような４つまでの言葉の選択肢を選べるようにできるか</p>
</blockquote>



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



<p class="wp-block-paragraph">先ほどと同じようにキャラクターを登録し、イベントを作っていきます</p>



<p class="wp-block-paragraph">まずは「初めのイベント（導入の会話）」を作り、続けて「画像クリックイベント」を作ります</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/04/image-106.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1128" src="https://illust55.com/wp-content/uploads/2026/04/image-106.png" alt="" class="wp-image-12428" style="width:764px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/04/image-106.png 2000w, https://illust55.com/wp-content/uploads/2026/04/image-106-768x433.png 768w, https://illust55.com/wp-content/uploads/2026/04/image-106-1536x866.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<p class="wp-block-paragraph">アイテム画像をエディタに登録し、マップ（背景）の中の自然な位置にアイテムを配置します。今回は良い場所にアイテムを置くことができました！</p>



<p class="wp-block-paragraph">配置が完了したら、これに対するメッセージ（ストーリー）を作っていきます</p>



<h3 class="wp-block-heading">AIとのやり取りでストーリーを微調整する</h3>



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



<p class="wp-block-paragraph">「AI用テキスト」ボタンで作ったメッセージをGeminiに渡し、ストーリーを作ってもらいます<br><br>今回もしっかりとしたシナリオができました<br><br>続いて、「画像クリック用（アイテムを見つけた時）」のイベントテキストもコピーしてGeminiに渡します<br><br>この時、「さっきのイベントの続きになるように」と追加で設定して生成させます<br><br>しっかりストーリーが繋がって生成されたのですが、テキストを読んでみると一つ違和感が<br><br>AIが「日記が棚の中にある」という内容にしてしまっていたのです<br><br>画面上ではソファの上に配置したので、これでは辻褄が合いません<br><br>そこでGeminiに直接「日記はソファの上にあります」と伝えて修正をお願いします<br><br>しっかりと「ソファの上に日記がある」という自然なストーリーに書き換えてくれました！<br><br>こういった柔軟な軌道修正ができるのが本当に便利ですね</p>



<p class="wp-block-paragraph">完成した2つのストーリーテキストをコピーして、エディタのそれぞれのイベントに貼り付けます</p>



<h2 class="wp-block-heading">最終テストプレイ！ついにゲームが完成</h2>



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



<p class="wp-block-paragraph">すべての準備が整ったので、通してテストプレイをしてみましょう！<br><br><strong>しっかりとストーリーが進行し、配置した画像をクリックしてイベントが動く、本格的なアドベンチャーゲームが完成</strong>しました！<br><br>AIを組み合わせることで、ゲーム制作のハードルは驚くほど下がっています<br><br>ぜひ皆さんもオリジナルゲームを作ってみてくださいね！</p>



<p class="wp-block-paragraph">このブログ（およびYoutube）では、今後も<strong>AIを活用したゲーム作りのノウハウ</strong>を配信していく予定です</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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ここまでご覧いただきありがとうございます<br><br>Youtubeも合わせてご覧ください</p>
</div></div>



<p class="wp-block-paragraph"><br></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/4710/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>初心者向け！無料のAIゲーム投稿＆アプリ販売サイトのまとめ</title>
		<link>https://illust55.com/7207/</link>
					<comments>https://illust55.com/7207/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Thu, 05 Feb 2026 11:04:38 +0000</pubDate>
				<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[ゲームアプリ製作]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作入門]]></category>
		<category><![CDATA[モバイルゲーム制作]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=7207</guid>

					<description><![CDATA[世界中のユーザが集まる大手ゲーム投稿サイト itch.io：無料でゲームを公開・販売できる海外のゲーム投稿サイト &#62;&#62; 「itch.io」の公式サイト itch.ioは、世界中のクリエイターが自作ゲームを投稿 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/wp-content/uploads/2026/02/image.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1200" height="900" src="https://illust55.com/wp-content/uploads/2026/02/image.png" alt="初心者向け！無料のAIゲーム投稿＆アプリ販売サイトのまとめ" class="wp-image-13127" style="width:678px;height:auto" srcset="https://illust55.com/wp-content/uploads/2026/02/image.png 1200w, https://illust55.com/wp-content/uploads/2026/02/image-768x576.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a><figcaption class="wp-element-caption">初心者向け！無料のAIゲーム投稿＆アプリ販売サイトのまとめ</figcaption></figure>



<h2 class="wp-block-heading">世界中のユーザが集まる大手ゲーム投稿サイト</h2>



<h3 class="wp-block-heading">itch.io：無料でゲームを公開・販売できる海外のゲーム投稿サイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Fitch.io%2F?w=1200" alt="itch.ioのトップページ"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">HTMLゲームを無料で公開でき、海外のユーザーにも遊んでもらえるサイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://itch.io/" target="_blank" data-wpel-link="external">&gt;&gt; 「itch.io」の公式サイト</a><br><br>itch.ioは、世界中のクリエイターが自作ゲームを投稿している海外サイトです<br><br>特にHTMLやJavaScriptでつくったゲームを、ダウンロードしなくてもブラウザで遊べる形で公開できるのが強みです<br><br>ゲームの販売や寄付にも対応しており、無料ゲームから有料ゲームまで様々な作品が投稿されています<br><br>海外のユーザーに自分のゲームを遊んでもらいたい方や、ゲームの収益化を始めたい方にオススメのサイトです</p>



<h3 class="wp-block-heading">PLiCy：初心者でもカンタンにゲームを公開できる国内投稿サイト</h3>



<figure class="wp-block-image aligncenter size-full"><a href="https://illust55.com/wp-content/uploads/2026/10/image.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1200" height="900" src="https://illust55.com/wp-content/uploads/2026/10/image.png" alt="" class="wp-image-13122" srcset="https://illust55.com/wp-content/uploads/2026/10/image.png 1200w, https://illust55.com/wp-content/uploads/2026/10/image-768x576.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">日本語に対応しており、ゲームをつくったばかりの初心者にもオススメのサイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://plicy.net/" target="_blank" data-wpel-link="external">&gt;&gt; 「PLiCy」の公式サイト</a><br><br>PLiCyは、自分でつくったゲームを無料で公開できる国内のゲーム投稿サイトです<br><br>HTML5のゲームだけでなく、RPGツクールやUnityなど、様々なゲーム制作ツールに対応しています<br><br>特にゲームの投稿がカンタンで、ZIPファイルをアップロードするだけで、ブラウザから遊べるように公開できます<br><br>また、サイト内にはランキングやコメント機能もあり、ほかのユーザーにゲームを遊んでもらうことができます<br><br>海外サイトを利用するのが不安な方や、初めて自作ゲームを公開する方にとてもオススメのサイトです</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">Newgrounds：ゲームの投稿とユーザー同士の交流ができる海外サイト</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1200" height="900" src="https://illust55.com/wp-content/uploads/2026/02/image.png" alt="" class="wp-image-13127" srcset="https://illust55.com/wp-content/uploads/2026/02/image.png 1200w, https://illust55.com/wp-content/uploads/2026/02/image-768x576.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ゲームだけでなく、アニメーションや音楽も投稿できる海外のクリエイター向けサイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://www.newgrounds.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「Newgrounds」の公式サイト</a><br><br>Newgroundsは、世界中のクリエイターが自作ゲームやアニメーションを投稿している海外サイトです<br><br>古くからFlashゲームの投稿サイトとして人気があり、現在ではHTML5でつくったゲームも公開することができます<br><br>特にユーザーによる評価やコメント機能が充実しており、自分のゲームに対する感想をもらえるところが特徴です<br><br>HTML5ゲームはZIPファイルにまとめてアップロードすることで、ブラウザから遊べるように公開できます<br><br>自分のゲームを海外のユーザーに評価してもらいたい方や、ほかのクリエイターと交流したい方にオススメのサイトです</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">フリーゲーム夢現：ランキングやレビューが充実した国内ゲーム投稿サイト</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Ffreegame-mugen.jp%2F?w=1200" alt="フリーゲーム夢現のトップページ" style="width:742px;height:auto"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ゲームのランキングやレビューが充実しており、自分の作品を多くの人に紹介できるサイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://freegame-mugen.jp/" target="_blank" data-wpel-link="external">&gt;&gt; 「フリーゲーム夢現」の公式サイト</a><br><br>フリーゲーム夢現は、国内のフリーゲームを紹介しているゲーム投稿サイトです<br><br>RPGやアクション、アドベンチャーなど幅広いジャンルのゲームが公開されており、ブラウザゲームとダウンロードゲームの両方に対応しています<br><br>特にランキングやレビュー機能が充実しており、ユーザーからゲームの評価や感想をもらえるところが強みです<br><br>また、ゲームファイルをアップロードするだけでなく、すでに公開しているブラウザゲームのURLを登録することもできます<br><br>ゲームの投稿は1週間に1作品までですが、最大2GBのゲームデータをアップロードすることができます<br><br>国内のユーザーに自作ゲームを遊んでもらいたい方や、ゲームの評価や感想を集めたい方にオススメのサイトです</p>



<h3 class="wp-block-heading">ふりーむ！：多くのフリーゲームが集まる国内の老舗ゲーム投稿サイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Fwww.freem.ne.jp%2F?w=1200" 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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">国内で長く運営されており、フリーゲームを多くのユーザーに紹介できるサイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://www.freem.ne.jp/" target="_blank" data-wpel-link="external">&gt;&gt; 「ふりーむ！」の公式サイト</a><br><br>ふりーむ！は、国内で多くのフリーゲームが公開されている老舗のゲーム投稿サイトです<br><br>RPGやアクション、ホラー、ノベルゲームなど、様々なジャンルの作品が公開されています<br><br>特にダウンロードゲームが充実しており、ブラウザゲームも公開できるところが特徴です<br><br>また、ランキングやレビュー、ゲームコンテストなどもあり、自分の作品を多くのユーザーに紹介できます<br><br>ただし、ブラウザゲームは対応形式に制限があり、HTMLやJavaScriptでつくったゲームがすべて投稿できるわけではありません<br><br>国内のゲームファンに作品を遊んでもらいたい方や、無料でゲームを公開して感想を集めたい方にオススメのサイトです</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">CrazyGames：世界中にゲームを公開！広告収益も得られる大型ゲームサイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Fwww.crazygames.com%2F?w=1200" alt="CrazyGamesのトップページ"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">世界中に多くのユーザーがおり、広告収益も得られるゲーム投稿サイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://www.crazygames.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「CrazyGames」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://developer.crazygames.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「CrazyGamesのゲーム開発者向け投稿」のページ</a><br><br>CrazyGamesは、世界中のユーザーがブラウザゲームを遊んでいる海外の大型ゲームサイトです<br><br>アクションやシューティング、パズルなど多くのジャンルがあり、HTML5やUnityでつくったゲームを公開できます<br><br>特に広告によって収益を得られるところが強みで、ゲームが多く遊ばれるほど収益を増やせる可能性があります<br><br>また、ゲームのプレイ回数やプレイ時間などを確認できるため、公開後のゲーム改善にも役立ちます<br><br>ただし、公開には審査があり、最初のテスト公開では収益化できません。正式公開に選ばれると、専用SDKを使った広告収益化が可能になります<br><br>海外の多くのユーザーにゲームを遊んでもらいたい方や、自作ゲームで広告収益を得たい方にとてもオススメのサイトです</p>



<h3 class="wp-block-heading">Y8：世界中にゲームを公開！広告収益やランキング機能も充実した海外サイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Fwww.y8.com%2F?w=1200" alt="Y8のトップページ"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">世界中のユーザーにゲームを公開でき、広告による収益化にも対応しているサイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://www.y8.com/" target="_blank" data-wpel-link="external">>> 「Y8」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://developer.y8.com/" target="_blank" data-wpel-link="external">>> ゲーム開発者向け投稿ページ</a><br><br>Y8は、世界中のユーザーがブラウザゲームを遊んでいる海外の大型ゲームサイトです<br><br>アクションやシューティング、パズルなど様々なジャンルがあり、HTML5やUnity WebGLでつくったゲームを公開できます<br><br>特に広告による収益化に対応しており、多くのユーザーにゲームを遊んでもらうことで収益を得られるところが強みです<br><br>また、ランキングや実績、セーブデータの保存など、ゲームをより楽しんでもらうための機能も充実しています<br><br>ゲームはZIPファイルなどで投稿できますが、公開には審査があります<br><br>広告収益を得るには専用SDKの導入や収益化の申請が必要です<br><br>海外のユーザーにゲームを公開したい方や、自作ゲームで広告収益を得たい方にオススメのサイトです</p>



<h2 class="wp-block-heading">海外のブラウザゲーム配信・収益化サイト</h2>



<h3 class="wp-block-heading">GameDistribution：1つのゲームを複数のサイトへ配信できる海外サービス</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-3.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1656" height="853" src="https://illust55.com/wp-content/uploads/2026/02/image-3.png" alt="" class="wp-image-13135" srcset="https://illust55.com/wp-content/uploads/2026/02/image-3.png 1656w, https://illust55.com/wp-content/uploads/2026/02/image-3-768x396.png 768w, https://illust55.com/wp-content/uploads/2026/02/image-3-1536x791.png 1536w" sizes="(max-width: 1656px) 100vw, 1656px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ゲームを多くの提携サイトへ配信し、広告による収益化も目指せるサービスです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://gamedistribution.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「GameDistribution」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://gamedistribution.com/developers/partnership/" target="_blank" data-wpel-link="external">&gt;&gt; ゲーム開発者向けページ</a><br><br>GameDistributionは、HTML5ゲームを世界中のゲームサイトへ配信する海外のサービスです<br><br>一般的なゲーム投稿サイトと違い、登録したゲームを複数の提携サイトへ配信できるところが大きな強みです<br><br>ゲームを投稿するには開発者登録を行い、専用SDKを組み込んでアップロードしたあと、品質チェックを受ける必要があります<br><br>広告による収益化やアクセス状況の確認にも対応しています<br><br>1つのサイトだけでなく、できるだけ多くの場所で自作ゲームを遊んでもらいたい方にオススメです</p>



<h3 class="wp-block-heading">GameMonetize：HTML5ゲームを配信して広告収益を得られるサイト</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-4.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1200" height="900" src="https://illust55.com/wp-content/uploads/2026/02/image-4.png" alt="" class="wp-image-13136" srcset="https://illust55.com/wp-content/uploads/2026/02/image-4.png 1200w, https://illust55.com/wp-content/uploads/2026/02/image-4-768x576.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">HTML5ゲームの配信に特化し、広告の収益を分配してもらえるサービスです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://gamemonetize.com/" target="_blank" data-wpel-link="external">>> 「GameMonetize」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://gamemonetize.com/developers" target="_blank" data-wpel-link="external">>> ゲーム開発者向けページ</a><br><br>GameMonetizeは、ブラウザで遊べるHTML5ゲームの配信と収益化を行っている海外サイトです<br><br>ゲームを投稿すると、他のゲームサイトでも作品を紹介してもらうことができます<br><br>ゲームがプレイされることで収益を得られる仕組みに力をいれており、特に広告収益の分配に力を入れているようです<br><br>利用には開発者登録と専用SDKが必要ですが、HTML5ゲームを海外へ配信し、広告収益にも挑戦したい方にオススメのサイトです</p>



<h3 class="wp-block-heading">Playgama：1度の投稿で複数のゲームサイトに配信できるサービス</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-2.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1912" height="969" src="https://illust55.com/wp-content/uploads/2026/02/image-2.png" alt="" class="wp-image-13132" srcset="https://illust55.com/wp-content/uploads/2026/02/image-2.png 1912w, https://illust55.com/wp-content/uploads/2026/02/image-2-768x389.png 768w, https://illust55.com/wp-content/uploads/2026/02/image-2-1536x778.png 1536w" sizes="(max-width: 1912px) 100vw, 1912px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">1つのゲームを複数の提携サイトへ配信できることが大きな強みです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://playgama.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「Playgama」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://playgama.com/developers/" target="_blank" data-wpel-link="external">&gt;&gt; ゲーム開発者向けページ</a><br><br>Playgamaは、HTML5ゲームを公開し、海外の様々なゲームサイトに配信できるサービスです<br><br>特にPlaygama Bridgeという共通SDKを使うことで、サイトごとに別々の対応をする手間を減らせるところが強みです<br><br>JavaScriptでつくったゲームだけでなく、UnityやGodot、GDevelopなど様々な制作環境に対応しています<br><br>ゲームの投稿は無料ですが、専用SDKの導入と審査が必要です。広告などによる収益化にも対応しています<br><br>複数の海外サイトに自作ゲームをまとめて公開したい方にとてもオススメのサービスです</p>



<h3 class="wp-block-heading">GamePix：HTML5ゲームを世界中へ配信できるゲーム投稿サイト</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1822" height="1021" src="https://illust55.com/wp-content/uploads/2026/02/image-1.png" alt="" class="wp-image-13131" srcset="https://illust55.com/wp-content/uploads/2026/02/image-1.png 1822w, https://illust55.com/wp-content/uploads/2026/02/image-1-768x430.png 768w, https://illust55.com/wp-content/uploads/2026/02/image-1-1536x861.png 1536w" sizes="(max-width: 1822px) 100vw, 1822px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ブラウザゲームを投稿して、提携サイトにも広く配信できる海外サービスです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://www.gamepix.com/" target="_blank" data-wpel-link="external">>> 「GamePix」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://partners.gamepix.com/developers" target="_blank" data-wpel-link="external">>> 開発者向け投稿ページ</a><br><br>GamePixは、パソコンやスマホのブラウザですぐに遊べるゲームを集めている海外サイトです<br><br>HTML5ゲームを投稿でき、GamePixだけでなく複数の提携サイトに作品を配信してもらえることが特徴です<br><br>広告による収益化にも対応しており、開発者向けの管理画面からゲームを登録できます<br><br>投稿にはGamePix SDKの導入やゲームの確認が必要になりますが、HTML5ゲームを海外の多くのユーザーに届けたい方や、収益化したい方にオススメのサイトです</p>



<h3 class="wp-block-heading">Yandex Games：ブラウザゲームを無料公開して広告収益も目指せるサイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Fyandex.com%2Fgames%2F?w=1200" alt="Yandex Gamesのトップページ"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ブラウザゲームを公開でき、広告やゲーム内課金による収益化にも対応しています</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://yandex.com/games/" target="_blank" data-wpel-link="external">>> 「Yandex Games」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://yandex.com/dev/games/doc/en/concepts/quick-start" target="_blank" data-wpel-link="external">>> 開発者向けガイド</a><br><br>Yandex Gamesは、スマホやパソコンで遊べるブラウザゲームを集めた海外のゲームサイトです<br><br>ゲームをインストールせずに遊べる形式で公開でき、特にロシアや周辺地域を含む海外ユーザーへ作品を届けられるところが特徴です<br><br>ゲームの公開は無料ですが、開発者の登録や契約手続き、専用SDKの導入、公開前の審査が必要です<br><br>広告やゲーム内課金による収益化にも対応していますが、国や地域によって契約や支払いの条件が異なるようです<br><br>海外向けにHTML5ゲームを公開して、ゲームの収益化にも挑戦したい方にオススメのサイトです</p>



<h2 class="wp-block-heading">ゲームの公開・配布・販売に対応したサイト</h2>



<h3 class="wp-block-heading">Game Jolt：個人制作ゲームの公開とユーザー交流ができる海外サイト</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-5.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1200" height="900" src="https://illust55.com/wp-content/uploads/2026/02/image-5.png" alt="" class="wp-image-13137" srcset="https://illust55.com/wp-content/uploads/2026/02/image-5.png 1200w, https://illust55.com/wp-content/uploads/2026/02/image-5-768x576.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">作品を公開するだけでなく、ゲーム好きのユーザーと交流できるコミュニティサイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://gamejolt.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「Game Jolt」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://gamejolt.com/dashboard/games/add" target="_blank" data-wpel-link="external">&gt;&gt; ゲーム登録ページ</a><br><br>Game Joltは、個人開発者のゲームやゲームに関する投稿が集まる海外のコミュニティサイトです<br><br>ダウンロードゲームだけでなく、HTML5のブラウザゲームも公開できるところが特徴です<br><br>ゲームの紹介ページを作成し、画像や説明を掲載したり、プレイヤーの反応を受け取ったりできます<br><br>公開にはアカウント登録とゲームファイルの設定が必要です。ブラウザ版とダウンロード版では投稿方法が異なります<br><br>海外のゲームファンに作品を紹介したい方や、プレイヤーとの交流も楽しみたい方にオススメのサイトです</p>



<h3 class="wp-block-heading">VIVERSE：HTMLゲームや3Dコンテンツを公開・収益化できるサイト</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-6.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1200" height="900" src="https://illust55.com/wp-content/uploads/2026/02/image-6.png" alt="" class="wp-image-13138" srcset="https://illust55.com/wp-content/uploads/2026/02/image-6.png 1200w, https://illust55.com/wp-content/uploads/2026/02/image-6-768x576.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">HTMLやWebGLの作品を公開でき、視聴者の利用状況に応じた収益化も目指せます</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://create.viverse.com/ja-JP" target="_blank" data-wpel-link="external">&gt;&gt; 「VIVERSE Create」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://create.viverse.com/ja-JP/partner" target="_blank" data-wpel-link="external">&gt;&gt; 収益化パートナープログラム</a><br><br>VIVERSEは、ゲームや3D空間、Webアプリなどを公開できるクリエイター向けのサービスです<br><br>UnityやGodot、Three.jsなどのWeb向けコンテンツに対応しており、HTMLを使った作品も公開できるところが強みです<br><br>また、公開したコンテンツの視聴者数や利用時間をもとに収益を得られるパートナープログラムもあります<br><br>公開自体と収益化プログラムへの参加は別の手続きで、収益化には年齢や地域などの条件があります<br><br>HTMLゲームや3Dゲームを公開したい方や、広告以外の方法で収益化したい方にオススメのサイトです</p>



<h3 class="wp-block-heading">BOOTH：自作ゲームを無料配布・販売できる国内のダウンロード販売サイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Fbooth.pm%2Fja?w=1200" alt="BOOTHのトップページ"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ゲームを無料で配布したり、好きな価格で販売したりできる国内サービスです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://booth.pm/ja" target="_blank" data-wpel-link="external">&gt;&gt; 「BOOTH」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://booth.pm/guide" target="_blank" data-wpel-link="external">&gt;&gt; 出品方法の案内</a><br><br>BOOTHは、イラストや音楽、ゲームなどを販売できる国内のクリエイター向けサイトです<br><br>ゲームのデータをダウンロード商品として登録でき、0円の無料配布から有料販売まで対応しています<br><br>特にショップを簡単につくることができ、自作ゲームだけでなく追加素材や設定資料なども一緒に販売できるところが強みです<br><br>ただし、ゲームをサイト上で直接遊ぶ投稿サービスではなく、基本的にはファイルをダウンロードしてもらう形式です。有料販売にはサービス利用料がかかります<br><br>自作ゲームを無料で配りたい方や、国内向けにゲームを販売したい方にオススメのサイトです</p>



<h3 class="wp-block-heading">Steam：自作のPCゲームを世界中に販売できる大型ゲームストア</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-8.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1200" height="900" src="https://illust55.com/wp-content/uploads/2026/02/image-8.png" alt="" class="wp-image-13141" srcset="https://illust55.com/wp-content/uploads/2026/02/image-8.png 1200w, https://illust55.com/wp-content/uploads/2026/02/image-8-768x576.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">PCゲームを世界中に販売できる大型ストアで、個人開発者も登録できます</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://store.steampowered.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「Steam」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://partner.steamgames.com/" target="_blank" data-wpel-link="external">&gt;&gt; ゲーム開発者向けページ</a><br><br><a rel="noopener nofollow external noreferrer" href="https://partner.steamgames.com/doc/gettingstarted/appfee" target="_blank" data-wpel-link="external">&gt;&gt; Steam Directの登録料金</a><br><br>Steamは、世界中のユーザーがPCゲームを購入したりダウンロードしたりしている大型ゲームストアです<br><br>個人開発者でもゲームを登録でき、販売ページをつくって有料ゲームや体験版を公開できます<br><br>特に海外の多くのユーザーへゲームを販売でき、レビューやウィッシュリストなど販売に役立つ機能が充実していることが強みです<br><br>ただし、ゲーム1作品ごとに100米ドル相当の登録料金が必要で、審査もあります。HTMLファイルをそのまま投稿してブラウザで遊んでもらう形式ではなく、PC向けの配布形式を用意する必要があります<br><br>本格的に自作PCゲームを販売したい方や、海外向けに作品を展開したい方にオススメのサイトです</p>



<h2 class="wp-block-heading">ゲームエンジンに対応した専用投稿サイト</h2>



<h3 class="wp-block-heading">unityroom：Unity・Godot製ゲームをブラウザで公開できる国内サイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Funityroom.com%2F?w=1200" alt="unityroomのトップページ"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">UnityやGodotでつくったゲームを、ダウンロード不要で遊べる形で公開できます</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://unityroom.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「unityroom」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://help.unityroom.com/" target="_blank" data-wpel-link="external">&gt;&gt; ヘルプページ</a><br><br>unityroomは、個人開発者がつくったゲームを無料で公開できる国内のゲーム投稿サイトです<br><br>Unityでつくったゲームが多く集まっており、ブラウザですぐに遊んでもらえるところが特徴です<br><br>2026年からはGodot EngineでつくったWebゲームの投稿にも対応しています<br><br>また、ゲームジャムなどのイベントも開催されており、ほかのゲーム制作者に作品を遊んでもらうきっかけにもなります<br><br>通常のHTMLファイルをそのまま投稿するサイトではないため、対応するゲーム制作環境を確認してください<br><br>UnityやGodotでつくったゲームを、国内のユーザーに気軽に遊んでもらいたい方にオススメです</p>



<h3 class="wp-block-heading">GX.games：ブラウザゲームを公開してユーザーの反応を確認できるサイト</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-7.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1863" height="837" src="https://illust55.com/wp-content/uploads/2026/02/image-7.png" alt="" class="wp-image-13139" srcset="https://illust55.com/wp-content/uploads/2026/02/image-7.png 1863w, https://illust55.com/wp-content/uploads/2026/02/image-7-768x345.png 768w, https://illust55.com/wp-content/uploads/2026/02/image-7-1536x690.png 1536w" sizes="(max-width: 1863px) 100vw, 1863px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ゲームを公開したあと、プレイ状況やユーザーの反応も確認できる海外サイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://gx.games/" target="_blank" data-wpel-link="external">&gt;&gt; 「GX.games」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://dev.gx.games/games" target="_blank" data-wpel-link="external">&gt;&gt; 開発者向けページ</a><br><br>GX.gamesは、自作ゲームをブラウザで遊べる形で公開できる海外のゲーム投稿サイトです<br><br>GameMakerのゲームで知られていましたが、現在はUnityやGodotなど、複数のゲームエンジンにも対応しています<br><br>特に公開前に非公開に近い状態でテストしたり、プレイ回数やプレイ時間などを開発者向け画面で確認したりできるところが強みです<br><br>ゲームの投稿にはアカウントとスタジオの登録が必要で、対応する形式に書き出してアップロードします<br><br>自作のブラウザゲームを公開して、プレイヤーの反応を見ながら改善したい方にオススメのサイトです</p>



<h3 class="wp-block-heading">gd.games：GDevelopでつくったゲームを手軽に公開できるサイト</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-10.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1200" height="900" src="https://illust55.com/wp-content/uploads/2026/02/image-10.png" alt="" class="wp-image-13147" srcset="https://illust55.com/wp-content/uploads/2026/02/image-10.png 1200w, https://illust55.com/wp-content/uploads/2026/02/image-10-768x576.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">GDevelopでつくったゲームを簡単に公開でき、世界中のユーザーに遊んでもらえます</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://gd.games/ja" target="_blank" data-wpel-link="external">&gt;&gt; 「gd.games」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://gdevelop.io/ja-jp" target="_blank" data-wpel-link="external">&gt;&gt; ゲーム制作ツール「GDevelop」</a><br><br>gd.gamesは、ゲーム制作ツールのGDevelopでつくられた作品を公開しているサイトです<br><br>GDevelopはプログラミングをしなくてもゲームをつくることができ、制作したゲームをブラウザ向けに簡単に公開できることが強みです<br><br>アクションやパズル、シューティングなど様々なジャンルがあり、作品には評価やコメントをもらうこともできます<br><br>ただし、GDevelopでつくったゲーム向けのサイトなので、一般のHTMLファイルをそのまま投稿する用途には向いていません<br><br>GDevelopを利用している方や、初めてゲーム制作と公開に挑戦する方にオススメのサイトです</p>



<h3 class="wp-block-heading">Construct Arcade：Constructでつくったゲームを公開できる専用サイト</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-9.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1903" height="835" src="https://illust55.com/wp-content/uploads/2026/02/image-9.png" alt="" class="wp-image-13145" srcset="https://illust55.com/wp-content/uploads/2026/02/image-9.png 1903w, https://illust55.com/wp-content/uploads/2026/02/image-9-768x337.png 768w, https://illust55.com/wp-content/uploads/2026/02/image-9-1536x674.png 1536w" sizes="(max-width: 1903px) 100vw, 1903px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">Constructでつくったゲームを公開し、ブラウザから遊んでもらえるサイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://www.construct.net/en/free-online-games" target="_blank" data-wpel-link="external">&gt;&gt; 「Construct Arcade」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://www.construct.net/en/tutorials/publishing-construct-arcade-2849" target="_blank" data-wpel-link="external">&gt;&gt; ゲームの投稿方法</a><br><br>Construct Arcadeは、ゲーム制作ツールのConstructでつくられたゲームを集めているサイトです<br><br>Construct 3などで制作したゲームを専用形式で書き出して投稿でき、ブラウザで遊べるように公開できます<br><br>特にConstructのユーザー同士でゲームを見せ合ったり、ランキングやスコア機能を利用したりできるところが特徴です<br><br>投稿にはConstructアカウントとArcade向けの書き出しが必要です。通常のHTML5形式のままでは投稿できないため注意してください<br><br>Constructを使ってゲームをつくっている方や、作品を気軽に公開したい方にオススメのサイトです</p>



<h2 class="wp-block-heading">国内のゲーム公開・登録サイト</h2>



<h3 class="wp-block-heading">WebGameJp：公開済みのブラウザゲームを登録できる国内サイト</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-11.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1200" height="900" src="https://illust55.com/wp-content/uploads/2026/02/image-11.png" alt="" class="wp-image-13148" srcset="https://illust55.com/wp-content/uploads/2026/02/image-11.png 1200w, https://illust55.com/wp-content/uploads/2026/02/image-11-768x576.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">すでに公開しているブラウザゲームのURLを登録できる国内サイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://webgame.jp/" target="_blank" data-wpel-link="external">&gt;&gt; 「WebGameJp」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://webgame.jp/submit" target="_blank" data-wpel-link="external">&gt;&gt; ゲーム登録ページ</a><br><br>WebGameJpは、無料で遊べるブラウザゲームを紹介している国内のサイトです<br><br>特徴はゲームのファイルをアップロードするのではなく、すでに公開している自作ゲームのURLを登録する方式です<br><br>HTML5やJavaScript、Unity WebGLなど制作方法を問わず、ブラウザ上で無料で遊べる作品を登録できます<br><br>ゲームの登録に事前の審査はなく、掲載後も情報の編集や非公開への変更ができます。ただし、規約に反する作品は掲載後に非表示になる場合があります<br><br>自分のサイトなどで公開しているゲームに、国内のユーザーを呼び込みたい方にオススメです</p>



<h3 class="wp-block-heading">無料ゲームnet：自作ブラウザゲームを応募して紹介してもらえる国内サイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Fgame16.net%2F?w=1200" alt="無料ゲームnetのトップページ"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">自分で公開したブラウザゲームを、国内のゲームサイトにも紹介してもらえます</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://game16.net/" target="_blank" data-wpel-link="external">&gt;&gt; 「無料ゲームnet」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://game16.net/submit-games/" target="_blank" data-wpel-link="external">&gt;&gt; 自作ゲームの投稿案内</a><br><br>無料ゲームnetは、ブラウザで無料で遊べるゲームを紹介している国内のゲームサイトです<br><br>自作ゲームの投稿を受け付けており、HTML5やJavaScript、Unity WebGLなど様々な形式のブラウザゲームに対応しています<br><br>特にすでに公開しているゲームを紹介してもらえることが特徴で、ゲームを自分でホスティングしている方にも利用しやすい方法です<br><br>掲載にはサイト内でiframeなどを利用してゲームを表示できることが条件です。応募した作品がすべて掲載されるとは限りません<br><br>自分のブログやゲーム公開サイトに置いた作品を、さらに国内のユーザーに遊んでもらいたい方にオススメです</p>



<h3 class="wp-block-heading">ノベルゲームコレクション：ノベルゲーム専門の国内投稿サイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Fnovelgame.jp%2F?w=1200" 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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">ノベルゲームが好きなユーザーに、自作の物語ゲームを紹介できる専門サイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://novelgame.jp/" target="_blank" data-wpel-link="external">&gt;&gt; 「ノベルゲームコレクション」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://novelgame.jp/help/page/upgame" target="_blank" data-wpel-link="external">&gt;&gt; 作品の応募手順</a><br><br>ノベルゲームコレクションは、物語を楽しむノベルゲームに特化した国内のゲーム投稿サイトです<br><br>ゲームの種類が絞られているため、アクションゲームなどが多いサイトとは違い、ノベルゲームを遊びたいユーザーに作品を見つけてもらいやすいところが特徴です<br><br>投稿にはティラノスクリプトまたはティラノビルダーでつくった、無料で最後まで遊べる完成作品が必要です<br><br>作品は公開前に審査があり、一般的なHTMLゲームや独自エンジンで制作したゲームをそのまま投稿できるわけではありません<br><br>ティラノスクリプトなどでノベルゲームをつくっている方にオススメのサイトです</p>



<h3 class="wp-block-heading">Vector：Windows向けの自作ゲームを配布できる国内ソフト公開サイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Fwww.vector.co.jp%2F?w=1200" alt="Vectorのトップページ"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">自作ゲームをダウンロードソフトとして公開できる国内の老舗サイトです</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://www.vector.co.jp/" target="_blank" data-wpel-link="external">&gt;&gt; 「Vector」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://vector.co.jp/for_authors/upload/soft_reg_1.html" target="_blank" data-wpel-link="external">&gt;&gt; ソフトの登録方法</a><br><br>Vectorは、ゲームをはじめとした様々なパソコン向けソフトウェアを公開している国内サイトです<br><br>特にWindows向けのダウンロードゲームを配布でき、ゲーム専用サイト以外の利用者にも作品を紹介できるところが特徴です<br><br>作品を公開するには作者登録とソフトの登録申請が必要で、公開までに確認期間があります<br><br>HTMLゲームをブラウザ内で直接遊ばせる投稿サイトではなく、基本的にはダウンロード形式のゲーム向けです<br><br>Windows向けの自作ゲームを配布したい方や、国内の幅広いユーザーに作品を届けたい方にオススメです</p>



<h2 class="wp-block-heading">応募・選考によって掲載される海外サイト</h2>



<h3 class="wp-block-heading">Poki：世界中のユーザーに遊んでもらえる選考型ゲームサイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Fpoki.com%2F?w=1200" alt="Pokiのトップページ"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">大きな集客力がありますが、誰でも自由に投稿できる形式ではなく選考があります</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://poki.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「Poki」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://developers.poki.com/guide/share" target="_blank" data-wpel-link="external">&gt;&gt; ゲーム開発者向け応募ページ</a><br><br>Pokiは、世界中のユーザーが無料のブラウザゲームを遊んでいる大型ゲームサイトです<br><br>個人開発者でも作品を応募でき、採用されたゲームは多くの海外ユーザーに遊んでもらえる可能性があります<br><br>特にゲームのテストや宣伝、広告による収益化までサポートしてもらえることが強みです<br><br>ただし、応募した作品がすべて公開されるわけではありません。また、契約にはWeb上での独占公開が原則となるものもあるため、ほかのサイトにも同時公開したい方は注意が必要です<br><br>完成度の高いブラウザゲームを制作し、海外の大きな市場に挑戦したい方にオススメです</p>



<h3 class="wp-block-heading">Armor Games：個人制作のHTML5ゲームを応募できる海外の老舗サイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Farmorgames.com%2F?w=1200" alt="Armor Gamesのトップページ"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">海外のゲームファンが集まる老舗サイトで、作品の応募と選考に対応しています</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://armorgames.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「Armor Games」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://developers.armorgames.com/docs/introduction/overview/" target="_blank" data-wpel-link="external">&gt;&gt; ゲーム開発者向け案内</a><br><br>Armor Gamesは、アクションやRPG、パズルなど多くのブラウザゲームを紹介している海外の老舗サイトです<br><br>特に個性的なインディーゲームを紹介しており、作品が採用されれば海外のゲームファンに広く遊んでもらえる可能性があります<br><br>現在は主にHTML5ゲームの応募を受け付けており、完成したゲームの情報やプレイできる場所を運営側へ送って審査を受ける形式です<br><br>また、ゲーム制作に生成AIを使った場合は、応募時に使用したAIと用途を申告するよう案内されています<br><br>個性的なHTML5ゲームを制作している方や、海外の老舗ゲームサイトに作品を採用してもらいたい方にオススメです</p>



<h3 class="wp-block-heading">Coolmath Games：パズルや頭を使うゲームを応募できる海外サイト</h3>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" src="https://s0.wp.com/mshots/v1/https%3A%2F%2Fwww.coolmathgames.com%2F?w=1200" alt="Coolmath Gamesのトップページ"/></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">パズルや思考型のゲームに強く、採用されるとライセンス契約による収益も期待できます</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://www.coolmathgames.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「Coolmath Games」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://www.coolmathgames.com/submit-a-game" target="_blank" data-wpel-link="external">&gt;&gt; 開発者向け応募ページ</a><br><br>Coolmath Gamesは、パズルや論理的に考えるゲームが多く集まる海外のブラウザゲームサイトです<br><br>名前に数学が入っていますが、計算ゲームだけでなく、戦略や問題解決を楽しむゲームも紹介されています<br><br>特に採用した作品について非独占のライセンス購入を案内しているところが、一般的な無料投稿サイトとの違いです<br><br>ただし、応募できるのはHTML5の思考型ゲームなどで、暴力表現や広告、外部リンクなどには制限があります。自由に投稿してすぐ公開できる方式ではありません<br><br>パズルゲームや教育向けのゲームをつくっている方にオススメのサイトです</p>



<h3 class="wp-block-heading">Addicting Games：海外の大型ゲームサイトに自作ゲームを応募できる</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/wp-content/uploads/2026/02/image-12.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1200" height="900" src="https://illust55.com/wp-content/uploads/2026/02/image-12.png" alt="" class="wp-image-13150" srcset="https://illust55.com/wp-content/uploads/2026/02/image-12.png 1200w, https://illust55.com/wp-content/uploads/2026/02/image-12-768x576.png 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></a></figure>



<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/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p class="wp-block-paragraph">自作ゲームの応募を受け付けており、審査を通過すると海外のユーザーに紹介できます</p>
</div></div>



<p class="wp-block-paragraph"><a rel="noopener nofollow external noreferrer" href="https://www.addictinggames.com/" target="_blank" data-wpel-link="external">&gt;&gt; 「Addicting Games」の公式サイト</a><br><br><a rel="noopener nofollow external noreferrer" href="https://www.addictinggames.com/about/upload" target="_blank" data-wpel-link="external">&gt;&gt; ゲーム投稿の案内</a><br><br>Addicting Gamesは、アクションやパズルなど様々なブラウザゲームを紹介している海外サイトです<br><br>ゲーム開発者からの応募を受け付けており、作品の内容を確認したうえで掲載を判断する仕組みになっています<br><br>特にすでに遊べるゲームのURLを使って応募できるため、先にitch.ioなどで公開しておくと応募の準備がしやすくなります<br><br>ただし、誰でも自由にゲームを掲載できるわけではなく、運営側による審査と採用が必要です<br><br>海外のゲームサイトに自作作品を紹介してもらいたい方や、完成したブラウザゲームの配信先を増やしたい方にオススメです</p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/7207/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
