# マニュアル: html5(Webブラウザ)へのエクスポート **URL:** \ **Category:** チュートリアル\ **Tags:** manual, html5, itch.io\ **Created:** [2026 年 7 月 24 日午前 9:11 UTC](https://guild.rpgmakerofficial.com/t/topic/2365 "2026-07-24T09:11:34Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\ **Post date:** [2026 年 7 月 24 日午前 9:11 UTC](https://guild.rpgmakerofficial.com/t/topic/2365/1 "2026-07-24T09:11:34Z")
こちらのマニュアルでは、html5でエクスポートを行い、ゲームをブラウザ上でプレイするようにする方法を解説します。 ## 出力の流れ 出力方法はWindowsPCとかわりません 1. メニューのプロジェクト\>エクスポートでエクスポートウィンドウを開きます。 2. 「追加」ボタンを選択し、「Web」を追加します。 3. 細かい設定がありますが、そのまま「プロジェクトをエクスポート」で大きな問題はありません。(かなり細かな設定となるため、ここでは説明を割愛します。) 4. 出力されたファイル郡を圧縮し、任意のサイトに投稿します。 ## 出力前の注意点 ### オーディオのdefault\_bus\_layoutがres://直下にない際、正常に出力が動作しないことがあります。これはWebのみで発生する問題です。 res://直下に以下ファイルがあることを確認してください。 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/6/62e47434064e6230f460d9795428586d79697fbb.png) もし存在しない場合は、下部パネルをオーディオに変更し、「名前をつけて保存」もしくは「作成」でdefault\_bus\_layout.tresを作成してください。 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/3/3aa6cd54ee0173fb36171641de76391830af96aa.png) 「デフォルトを読み込み」ボタンを押して何も起きなければ正常に設定できています。 ### Forward+専用の一部の機能は動作しません。 具体的にはパーティクルで設定できるTrailやSubemitterの機能です。 WebではForward+が使用できず、強制的に「互換性」モードで出力されるためです。 Forward+を利用していても問題なく出力はできますが、詳しくチェックする際にはレンダラーを「互換性」に切り替えましょう。 ### 画面サイズを調整しておきましょう。 Webでの動作はデスクトップの動作よりも重くなり、高解像度のゲームは動作性が悪くなる可能性があります。 また、スマホで利用する人がいるなど非常に多様な環境で利用されます。 プロジェクト設定の一般\>Display\>WindowのストレッチモードをViewport等にしておいたほうがよいでしょう。 ### スマホで利用してほしい場合はバーチャルパッドやボタンを用意しましょう。 スマホではキーボードもコントローラーも基本ありません、少しGDScriptが必要になりますが、バーチャルパッドやボタンなどを用意することがオススメです。 > [@バーチャルボタン説明](https://guild.rpgmakerofficial.com/t/topic/1031): > > [virtual\_button.gd](https://guild.rpgmakerofficial.com/uploads/short-url/6x7Uja9Kw0uthOvx2ned4vsry6z.gd) (18.5 KB) ※2026/6/4更新。 拡大縮小により、座標がズレないように修正しました。 [ボタン画像サンプル.zip](https://guild.rpgmakerofficial.com/uploads/short-url/pnMPu9lr5JSvAxdwJoiFtaD9eAf.zip) (2.5 KB) VirtualButton は Node2D に付けるスクリプトで、画面上の見た目用ノードをタップまたはクリックしたときに、指定した InputMap のアクションを押したことにするためのものです。 GameO… > [@バーチャルパッドサンプルプロジェクト](https://guild.rpgmakerofficial.com/t/topic/1064): > > バーチャルパッドのサンプルプロジェクトを作成しました。 こちらのページ下部からダンロードいただけます。 説明 car\_scene内にVirtualPadオブジェクトが配置されております。 このプロジェクトはフロー/非表示オプションがオンとなっており、画面に常に表示させたい、位置を固定させたい場合はオプションを切り替えてください。 ## 投稿設定:itch.io itch.ioへ投稿する際の注意点は以下の2点です。 1. 名称はindex.htmlとする(デフォルトではゲーム名.htmlになるため変更しましょう) 2. SharedArrayBufferを有効にする。(有効にしないと、Godot製ゲームは動作しません) ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/2X/2/202a0417abb75598b6faf5bb65dcb6c5555e77c4.png) これで動作しない際には、前述のdefault\_bus\_layoutを確認してみてください。 ---
**Author:** ![Moonling](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/moonling/32/369_2.png) [@Moonling](https://guild.rpgmakerofficial.com/u/Moonling)\ **Post date:** [2026 年 7 月 27 日午前 2:09 UTC](https://guild.rpgmakerofficial.com/t/topic/2365/2 "2026-07-27T02:09:08Z")
## トラブルシューティング ### BGM/SEが途中で最初から再生されてしまう。 プロジェクト設定で → Audio → General → Default Playback Type.web をStreamにすることで改善する可能性があります。