> For the complete documentation index, see [llms.txt](https://docs.decentraland.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.decentraland.org/creator/scene-editor/get-started/about-editor.md).

# Editing Scenes

The scene Editor is a simple visual tool that lets you create and publish Decentraland scenes.

The Creator Hub includes a powerful Scene Editor that combines a simple no-code interface with the ability to write code to customize your scenes further.

![Creator Hub](https://45449780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-4bb587d1b095c40805b28f7194d42697474dea03%2Ficon-creator-hub.png?alt=media)

See [Creator Hub Installation](/creator/scene-editor/get-started/editor-installation.md) to get started.

{% embed url="<https://www.youtube.com/watch?v=tK5-fyBVnK0>" %}

## Create a scene

To create a new scene, open the Creator Hub and click the arrow next to the **Create** button. From the dropdown, select **New Scene**.

![The Create button dropdown, open, with the options New Scene and Import Scene.](https://45449780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-36abbf1843260b86209d7b723e8cbd6c70036e7d%2Fcreate-dropdown.png?alt=media)

You'll then be asked to name your scene, and choose a location to save it. To start from a project with some initial content instead of an empty scene, click **Templates** on the **Scenes** tab and pick one.

See [Manage scenes](/creator/scene-editor/get-started/manage-scenes.md) for more details.

Once the scene opens, you'll see the entity tree on the left, the canvas in the middle, the properties of the selected item on the right, and the asset packs at the bottom.

![The Scene Editor with a small scene open: the entity tree on the left lists Player, Camera, Scene and a few items, the canvas shows a grass ground with a barbecue and a bird fountain, and the properties panel on the right shows the Transform and GLTF components of the selected Bird Fountain.](https://45449780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-133bafbc6b2f6452c18dd716327aa81218314b64%2Feditor-overview.png?alt=media)

See [Scene Editor Essentials](/creator/scene-editor/get-started/scene-editor-essentials.md) for a tour of each section.

## Moving around

To find your way around the Scene Editor:

* Use **W** and **S** to move close or far. You can also use the mouse scroll wheel, or **+** and **-** keys
* Use **A** and **D** to move sideways.
* Use **Q** and **E** to move up and down.
* Use the **Left Mouse Button** to click and select items and to move them around.
* Use the **Right Mouse Button** and drag to rotate the camera.

{% hint style="info" %}
**💡 Tip**: You can also rotate the camera by pressing **Alt** on Windows, or **Option** on Mac while dragging. This is especially handy when using a trackpad instead of a mouse.
{% endhint %}

* Press **Space bar** to reset the camera back to the default position

## Add items

Navigate the themed asset pack categories on the menu on the bottom to find different items that you can place on your scene.

![](https://45449780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-533d4553c3a38522cdd08dce8040a08c038699e7%2Fasset-packs.png?alt=media)

To place an item, click and drag it in from the asset pack menu into a location on your scene in the canvas.

![](https://45449780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-30237e6006c76b69f5cfe737e543875987ed67b8%2Fdrop-item.gif?alt=media)

Click and drag a selected item to move it freely around the scene at ground level. See [Scene editor essentials](/creator/scene-editor/get-started/scene-editor-essentials.md#position-items) for more details.

{% hint style="info" %}
**💡 Tip**: Some items are **Smart items**, these come with built-in interactive behaviors. See [Smart items](/creator/scene-editor/interactivity/smart-items.md) for more details.
{% endhint %}

![](https://45449780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-f368bfdf7894d18f29875528bdd91cf8429e70b3%2Fsmart-items.jpg?alt=media)

## Preview

To test your scene and experience it like a player, click the *Preview* button on the top-right corner. This will open a new window with the Decentraland Desktop Explorer, running just your scene. There you can move around the scene and interact with interactive items.

{% hint style="warning" %}
**📔 Note**: If you don't have it installed on your machine, download the **Decentraland Launcher** from [Decentraland.org](https://decentraland.org).
{% endhint %}

![](https://45449780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-30317b50bc4b4e646a1b28effe1ff76939ab0f28%2Fpreview-button.png?alt=media)

Configure different preview options from the dropdown menu next to the **Preview** button. See [Preview your scene](/creator/scenes-sdk7/getting-started/preview-scene.md) for a full list of all available options.

## Scene renderer

The Scene Editor uses **Babylon** as its default renderer for the editing canvas. You can switch to **Bevy (experimental)**.

To change the renderer:

1. Click the Creator Hub logo in the top-left corner and select **Settings**.
2. Go to the **EXPERIMENTAL** tab.
3. Switch on **Enable Bevy Scene Renderer**.

![The App Preferences dialog on the EXPERIMENTAL tab, with the switches Enable Bevy Scene Renderer, Enable UI Editor and Enable AI Assistant.](https://45449780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-f6da3df8ec8d9406ec57a9eabac5665b12d7011d%2Fsettings-experimental.png?alt=media)

The Bevy renderer is an alternative engine for the editing canvas. It affects how your scene looks while editing, not how it looks to players after publishing.

When using the Bevy renderer, the toolbar gains a camera mode dropdown, play and stop buttons to run the scene in the canvas, and an **Interact** toggle (the gamepad icon).

![The editor toolbar under the Bevy renderer: undo and redo, the gizmo tools, a camera dropdown reading Free, play and stop buttons, the Interact gamepad toggle, the Preferences gear and the Inspector button.](https://45449780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-6fc9e97a2b94bc9f72334ce6691f80760c50dfb6%2Feditor-toolbar-bevy.png?alt=media)

Use the **Interact** toggle to test a running scene directly in the editor canvas without opening a separate preview window. This lets you quickly check interactions without stopping the scene. While interacting, smart items show their hover hints, such as the key to press, right in the canvas.

The Bevy editor also loads [custom items](/creator/scene-editor/interactivity/custom-items.md), shows placeholder markers for broken or missing assets, and provides friendly error messages with fix actions when your scene's SDK dependencies are outdated. The camera toggle in the toolbar reads **Free** or **Player**, depending on the mode you're in.

{% hint style="warning" %}
**📔 Note**: The scene metrics tab is not available under Bevy. Run a scene preview in the desktop or mobile client and view the stats from there.
{% endhint %}

{% hint style="warning" %}
**Note:** The Bevy renderer is experimental and may not support all editing features that the default Babylon renderer does.
{% endhint %}

## Scene settings

Click the **Pencil icon** on the top-right of the screen. This opens a series of scene-level properties to edit, including name, thumbnail, scene size, and more.

![](https://45449780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-d2147688ebde75948ba26a9fbe1261f9abdc66c7%2Fpencil-icon.png?alt=media)

See [Scene Settings](/creator/scene-editor/configure/scene-settings.md) for more details.

## Publish your scene

Once you're happy with your scene, press the **Publish** button.

![](https://45449780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-a9b358ccf604ec11addf4852ce36c321e35745e0%2Fpublish-options.png?alt=media)

See [Publish scene](/creator/scene-editor/publish/publish-scene.md) for more details.

## See also

* See [Scene Editor Essentials](/creator/scene-editor/get-started/scene-editor-essentials.md) for more details about the Scene Editor's interface.
* See [Smart items](/creator/scene-editor/interactivity/smart-items.md) for how to add simple interactivity to your scene.
* See [Combine with code](/creator/scene-editor/extend-with-code/overview.md) for how to edit the code of your scene.
* See [Publish scene](/creator/scene-editor/publish/publish-scene.md) for how to publish your scene to Decentraland.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.decentraland.org/creator/scene-editor/get-started/about-editor.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.