Using the Web editor

    Note

    The web editor is in a preliminary stage. While its feature set may be sufficient for educational purposes, it is currently not recommended for production work. See Limitations below.

    The Web editor requires support for WebAssembly’s SharedArrayBuffer. This is in turn required to support threading in the browser. The following desktop browsers support WebAssembly threading and can therefore run the web editor:

    • Chrome 68 or later

    • Edge 79 or later

    Opera and Safari are not supported yet. Safari may work in the future once proper threading support is added.

    Mobile browsers are currently not supported.

    The web editor supports both the GLES3 and GLES2 renderers, although GLES2 is recommended for better performance and compatibility with old/low-end hardware.

    Note

    If you use Linux, due to poor Firefox WebGL performance, it’s recommended to use a Chromium-based browser instead of Firefox.

    • No C#/Mono support.

    • No GDNative support.

    • No debugging support. This means GDScript debugging/profiling, live scene editing, the Remote Scene tree dock and other features that rely on the debugger protocol will not work.

    • No project exporting. As a workaround, you can download the project source using Project > Tools > Download Project Source and export it using a native version of the Godot editor.

    • The editor won’t warn you when closing the tab with unsaved changes.

    The following features are unlikely to be supported due to inherent limitations of the Web platform:

    • No support for external script editors.

    • No support for Android one-click deploy.

    See also

    See the for a list of known bugs.

    • Specify a ZIP file to preload on the HTML5 filesystem using the Preload project ZIP input.

    • Run the editor by clicking Start Godot editor. The Godot project manager should appear after 10-20 seconds. On slower machines or connections, loading may take up to a minute.

    • In the dialog that appears at the middle of the window, specify a name for the folder to create then click the Create Folder button (it doesn’t have to match the ZIP archive’s name).

    • Click Install & Edit and the project will open in the editor.

    Attention

    It’s important to place the project folder somewhere in . If your project folder is placed outside , you will lose your project when closing the editor!

    When you follow the steps described above, the project folder will always be located in , keeping it safe.

    Unlike the native version of Godot, the web editor is constrained to a single window. Therefore, it cannot open a new window when running the project. Instead, when you run the project by clicking the Run button or pressing F5, it will appear to “replace” the editor window.

    The web editor offers an alternative way to deal with the editor and game windows (which are now “tabs”). You can switch between the Editor and Game tabs using the buttons on the top. You can also close the running game or editor by clicking the × button next to those tabs.

    Due to browser security limitations, the editor will save the project files to the browser’s IndexedDB storage. This storage isn’t accessible as a regular folder on your machine, but is abstracted away in a database.

    You can download the project files as a ZIP archive by using Project > Tools > Download Project Source. This can be used to export the project using a , since exporting from the web editor isn’t supported yet.