この記事では HTML5 (Web版) へのエクスポート手順について説明をします。
目次
HTML5へのエクスポート手順
エクスポート設定の追加
メニューから「プロジェクト > エクスポート」を選びます。
![](https://2dgames.jp/wp-content/uploads/2022/11/Main_tscn_-_gd_pyramid_-_Godot_Engine-1.png)
エクスポート設定から「追加 > HTML5」を選びます。
![](https://2dgames.jp/wp-content/uploads/2022/11/Main_tscn_-_gd_pyramid_-_Godot_Engine-2.png)
するとプリセットは追加されるのですが、いくつかエラーが出ています。「エクスポートテンプレートの管理」をクリックします。
![](https://2dgames.jp/wp-content/uploads/2022/11/Main_tscn_-_gd_pyramid_-_Godot_Engine-3-1024x800.png)
エクスポートテンプレート.マネージャーが表示されるので、「ダウンロードしてインストール」をクリックします。
![](https://2dgames.jp/wp-content/uploads/2022/11/Main_tscn_-_gd_pyramid_-_Godot_Engine-5-1024x336.png)
通信環境にもよりますが、ダウンロードにしばらく時間がかかるので待ちます…(※私の場合はタイミングが悪かったのか1時間以上かかりました)
![](https://2dgames.jp/wp-content/uploads/2022/11/Main_tscn_-_gd_pyramid_-_Godot_Engine-6-1024x196.png)
インストールが完了したら「閉じる」ボタンで閉じます。
![](https://2dgames.jp/wp-content/uploads/2022/11/Cursor_%E3%81%A8_____Main_tscn_-_gd_pyramid_-_Godot_Engine-1024x358.png)
もう一度メニューからエクスポートの設定(プロジェクト > エクスポート) を開きます。そして「エクスポート先のパス」のフォルダアイコンをクリックします。
![](https://2dgames.jp/wp-content/uploads/2022/11/Cursor_%E3%81%A8_____Main_tscn_-_gd_pyramid_-_Godot_Engine-2-1024x817.png)
出力フォルダとファイル名を指定します。出力されるファイルは複数あるので、専用のフォルダを新規作成して空のフォルダに出力しておいたほうがよいです。それとファイル名は「index.html」にしてのがおすすめです。
![](https://2dgames.jp/wp-content/uploads/2022/11/Main_tscn_-_gd_pyramid_-_Godot_Engine-8.png)
エクスポートパスを設定したら「プロジェクトのエクスポート」をクリックします。
![](https://2dgames.jp/wp-content/uploads/2022/11/Main_tscn_-_gd_pyramid_-_Godot_Engine-7-1024x828.png)
出力ダイアログで「保存」で出力します。
するとHTML5で実行するために必要なファイルが出力されます。
![](https://2dgames.jp/wp-content/uploads/2022/11/test.png)
これらを FTPツールなどでサーバーへアップロードすると Webブラウザから実行できるようになります。
補足
HTML5での動作の制限
HTML5での動作にはいくつか制限があるようなので注意が必要です。
- サーバーへアップロードしないと動作確認できない
- スレッドは動作しない
- GDNative と C# はHTML5では動作しない
- エンジンとオペレーティングシステム間のクリップボード同期 はできない
- class_HTTPClient および class_WebSocketClient 以外のネットワーク処理は利用できない
- ゲームパッドでの入力は受け付けない
- print() / print_debug() の出力はブラウザの開発者コンソール上に表示される
- ローカルファイルへの保存は JavaScript.download_buffer() を使用する必要がある