Work in progress

The content of this page was not yet updated for Godot 4.6 and may be outdated. If you know how to improve this page or you can confirm that it's up to date, feel free to open a pull request.

Webエディタの実行

There is a Web editor you can use to work on new or existing projects.

注釈

このウェブ・エディターは、まだ初期段階のものです。その機能一式は学習目的には十分かもしれませんが、現在のところ、制作にはお勧めできません。以下の制限事項を参照してください。

ブラウザの対応

The Web editor requires support for WebAssembly's SharedArrayBuffer. This is in turn required to support threading in the browser.

See 動作環境 for a list of supported web browsers. Mobile browsers are supported, but won't provide an ideal experience due to performance and input limitations.

The web editor only supports the Compatibility renderer, as there is no stable way to run Vulkan applications on the web yet.

注釈

If you run into performance issues on Firefox, try using a Chromium-based browser as these may perform better in WebGL applications.

制限事項

現在、GodotやWebプラットフォーム側の制約により、以下の機能がありません。

  • C#/Mono に対応していません。

  • GDExtension に対応していません。

  • デバッグのサポートが提供されていません。つまり、GDScriptデバッグ/プロファイル、ライブシーン編集、リモートシーンツールドックなど、デバッガープロトコルに依存する機能は動作しません。

  • プロジェクトのエクスポートができません。回避策としては、 プロジェクト > ツール > Download Project Source でプロジェクトのソースをダウンロードしてから、ネイティブ版Godotエディタを使ってエクスポートすることができます。

  • 保存されていない変更がある状態でタブを閉じるときでも、エディタは警告を出しません。

  • ライトマップのベイクをサポートしていません。既存のライトマップは、Godotエディタのネイティブバージョンでベイクされたものであれば、使用することができます (既存のプロジェクトをインポートした場合など)。

以下の機能は、Webプラットフォームの固有の制限により、サポートされる可能性は低いでしょう。

  • 外部のスクリプトエディタには対応していません。

  • Androidでは、ワンクリック・デプロイはサポートされていません。

参考

See the list of open issues on GitHub related to the web editor for a list of known bugs.

プロジェクトのインポート

既存のプロジェクトのインポート方法：

  • Preload project ZIP を選択してZIPファイルを指定して、HTML5ファイルシステムにプリロードする。

  • Start Godot editor をクリックしエディタを開始します。10～20秒後にGodotのプロジェクトマネージャーが表示されます。マシンのスペックや接続が遅いと起動に1分程度かかることがあります。

  • ウィンドウ中央にダイアログ表示されるので、作成するためのフォルダ名を指定し フォルダーを作成 をボタンをクリックします(ZIPアーカイブの名前と同じである必要はありません)。

  • インストールして編集 をクリックすると、エディタのプロジェクトが開きます。

注意

プロジェクトフォルダを /home/web_user/ 内のどこかに置くことが重要です。もしプロジェクトフォルダが /home/web_user/ 以外に置かれていると、エディタを閉じるときにプロジェクトが失われてしまいます!

上記の手順を踏むと、プロジェクトフォルダは常に /home/web_user/projects に置かれ、安全に保たれます。

プロジェクトの編集と実行

ネイティブ版のGodotと異なり、Webエディタのウィンドウ数は1つに制限されます。したがって、プロジェクトの実行中に新しいウィンドウを開くことはできません。代わりに、実行ボタンをクリックするか F5 を押してプロジェクトを実行したとき、エディタのウィンドウが「入れ替わる」ように見えます。

Webエディタは、エディタウィンドウとゲームウィンドウを扱うために、代わりの方法を提供しています (現状、それは「タブ」です)。 上部にあるボタンを用いて、Editor**と**Game**のタブを切り替えることができます。また、タブの隣にある **× ボタンを使って、実行しているゲームやエディタを閉じることもできます。

プロジェクトファイルはどこですか?

ブラウザのセキュリティ制限により、エディタはブラウザのIndexedDBストレージにプロジェクトのファイルを保存します。このストレージはあなたのPC上の通常のフォルダーのようにアクセスすることができず、データベース上に抽象化されています。

プロジェクト > ツール > Download Project Source から、プロジェクトのファイルをZIPファイルとしてダウンロードできます。エクスポートはWebエディタでまだサポートされていないため、これはプロジェクトをネイティブのGodotエディタでエクスポートするために使われます。

そのうち、HTML5のFileSystem API を使って、ネイティブのエディタがするのと同様にしてプロジェクトのファイルをユーザーのファイルシステム上に保存できるようになるかもしれません。しかしながら、これはまだ実装されていません。