> 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/content-creator-pt/scene-editor/primeiros-passos/about-editor.md).

# Editando Scenes

O Scene Editor é uma ferramenta visual simples que permite criar e publicar scenes do Decentraland.

O Creator Hub inclui um poderoso Scene Editor que combina uma interface simples sem código com a possibilidade de escrever código para personalizar ainda mais as suas cenas.

![Creator Hub](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-4bb587d1b095c40805b28f7194d42697474dea03%2Ficon-creator-hub.png?alt=media\&token=65114cd1-c26b-4aca-99dd-b5e4c5c5dbab)

Consulte [Instalação do Creator Hub](/creator/content-creator-pt/scene-editor/primeiros-passos/editor-installation.md) para começar.

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

## Criar uma cena

Para criar uma nova cena, abra o Creator Hub e clique na seta ao lado do **Create** botão. No menu suspenso, selecione **New Scene**.

![O menu suspenso do botão Create, aberto, com as opções New Scene e Import Scene.](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-36abbf1843260b86209d7b723e8cbd6c70036e7d%2Fcreate-dropdown.png?alt=media\&token=93d582f4-c379-4b20-8a0f-04dbb29eb3c7)

Em seguida, será pedido que dê um nome à sua cena e escolha um local para a guardar. Para começar a partir de um projeto com algum conteúdo inicial em vez de uma cena vazia, clique em **Templates** no **Scenes** separador e escolha um.

Consulte [Gerir cenas](/creator/content-creator-pt/scene-editor/primeiros-passos/manage-scenes.md) para mais detalhes.

Quando a cena abrir, verá a entity tree à esquerda, o canvas no centro, as propriedades do item selecionado à direita e os asset packs na parte inferior.

![O Scene Editor com uma pequena cena aberta: a entity tree à esquerda lista Player, Camera, Scene e alguns itens, o canvas mostra um ground relvado com um barbecue e uma bird fountain, e o properties panel à direita mostra os componentes Transform e GLTF da Bird Fountain selecionada.](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-133bafbc6b2f6452c18dd716327aa81218314b64%2Feditor-overview.png?alt=media\&token=01f5222c-a0e7-42c2-8e6b-d886cc889977)

Consulte [Noções básicas do Scene Editor](/creator/content-creator-pt/scene-editor/primeiros-passos/scene-editor-essentials.md) para uma visita guiada por cada secção.

## Mover-se

Para se orientar no Scene Editor:

* Use **W** e **S** para aproximar ou afastar. Também pode usar a roda de scroll do rato, ou **+** e **-** teclas
* Use **A** e **D** para se mover lateralmente.
* Use **Q** e **E** para se mover para cima e para baixo.
* Use o **Botão esquerdo do rato** para clicar e selecionar itens e movê-los.
* Use o **Botão direito do rato** e arraste para rodar a câmara.

{% hint style="info" %}
**💡 Dica**: Também pode rodar a câmara premindo **Alt** no Windows, ou **Option** no Mac enquanto arrasta. Isto é especialmente útil quando usa um trackpad em vez de um rato.
{% endhint %}

* Prima **Barra de espaço** para repor a câmara na posição predefinida

## Adicionar itens

Navegue pelas categorias temáticas de asset packs no menu na parte inferior para encontrar diferentes itens que pode colocar na sua cena.

![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-533d4553c3a38522cdd08dce8040a08c038699e7%2Fasset-packs.png?alt=media\&token=99210953-9718-4fa7-895c-317c45f74d6e)

Para colocar um item, clique e arraste-o do menu de asset pack para um local na sua cena no canvas.

![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-30237e6006c76b69f5cfe737e543875987ed67b8%2Fdrop-item.gif?alt=media\&token=5d263b79-cd82-4436-bc8e-3a07e68df559)

Clique e arraste um item selecionado para o mover livremente pela cena ao nível do solo. Consulte [noções básicas do Scene Editor](/creator/content-creator-pt/scene-editor/primeiros-passos/scene-editor-essentials.md#position-items) para mais detalhes.

{% hint style="info" %}
**💡 Dica**: Alguns itens são **Smart items**, estes vêm com comportamentos interativos integrados. Consulte [Smart items](/creator/content-creator-pt/scene-editor/interatividade/smart-items.md) para mais detalhes.
{% endhint %}

![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-f368bfdf7894d18f29875528bdd91cf8429e70b3%2Fsmart-items.jpg?alt=media\&token=8f5f5b70-db16-4d37-b41c-4ee0eafe87e4)

## Preview

Para testar a sua cena e experimentá-la como um jogador, clique em **Play** botão no canto superior direito. Isto abrirá uma nova janela com o Decentraland Desktop Explorer, a executar apenas a sua cena. Aí pode deslocar-se pela cena e interagir com itens interativos.

{% hint style="warning" %}
**📔 Nota**: Se não o tiver instalado na sua máquina, descarregue o **Decentraland Launcher** a partir de [Decentraland.org](https://decentraland.org).
{% endhint %}

![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-30317b50bc4b4e646a1b28effe1ff76939ab0f28%2Fpreview-button.png?alt=media\&token=fbed0f2f-8063-4283-9b07-2d964c9c0e68)

Clique na seta junto ao **Play** botão para abrir o **Play Options** menu, onde escolhe se pretende fazer a pré-visualização no cliente para desktop, num navegador ou num telemóvel. Consulte [Faça preview da sua scene](/creator/content-creator-pt/scenes-sdk7/primeiros-passos/preview-scene.md) para uma lista completa de todas as opções disponíveis.

## Renderer da scene

O Scene Editor usa **Babylon** como o seu renderizador predefinido para o canvas de edição. Pode mudar para **Bevy (experimental)**.

Para mudar o renderizador:

1. Clique no logótipo do Creator Hub no canto superior esquerdo e selecione **Settings**.
2. Vá para o **EXPERIMENTAL** separador.
3. Ative **Enable Bevy Scene Renderer**.

![A caixa de diálogo App Preferences no separador EXPERIMENTAL, com o interruptor Enable Bevy Scene Renderer.](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-f6da3df8ec8d9406ec57a9eabac5665b12d7011d%2Fsettings-experimental.png?alt=media\&token=f31b0e80-88ef-4e66-80f7-4f7139783082)

O renderizador Bevy é um motor alternativo para o canvas de edição. Afeta a aparência da sua cena durante a edição, não a aparência para os jogadores após a publicação.

Ao usar o renderizador Bevy, a barra de ferramentas ganha um dropdown do modo de câmara, botões play e stop para executar a cena no canvas, um **Interact** alternador (o ícone do gamepad) e um **Mute scene audio** alternador (o ícone do altifalante).

![A barra de ferramentas do editor sob o renderizador Bevy: undo e redo, as ferramentas gizmo, um dropdown de câmara com Free, botões play e stop, o alternador de gamepad Interact, a engrenagem Preferences e o botão Inspector.](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-6fc9e97a2b94bc9f72334ce6691f80760c50dfb6%2Feditor-toolbar-bevy.png?alt=media\&token=66943bd3-3fba-4e0b-99ed-3e257d99ef2f)

Use o **Interact** alternador para testar uma cena em execução diretamente no canvas do editor sem abrir uma janela de pré-visualização separada. Isto permite verificar rapidamente as interações sem parar a cena. Enquanto interage, os Smart items mostram as suas dicas de hover, como a tecla a premir, diretamente no canvas.

Clique no botão do altifalante, com o rótulo **Mute scene audio**, para silenciar a cena enquanto trabalha. Silencia todos os [Audio Source](/creator/content-creator-pt/scenes-sdk7/fundamentos-de-conteudo-3d/sounds.md) e streams de áudio na cena, tanto enquanto edita como enquanto a cena é executada no canvas, e a cena permanece silenciada se voltar a carregar. Clique novamente, agora com o rótulo **Unmute scene audio**, para reativar o som. O botão só aparece sob o renderizador Bevy, porque o renderizador Babylon não reproduz o áudio da cena.

O renderizador Bevy também carrega [itens personalizados](/creator/content-creator-pt/scene-editor/interatividade/custom-items.md), mostra marcadores de placeholder para assets danificados ou em falta e fornece mensagens de erro amigáveis com ações de correção quando as dependências do SDK da sua cena estão desatualizadas. O alternador da câmara na barra de ferramentas mostra **Free** ou **Player**, consoante o modo em que se encontra.

{% hint style="warning" %}
**📔 Nota**: O separador scene metrics não está disponível no Bevy. Execute uma pré-visualização da cena no cliente para desktop ou móvel e veja as estatísticas aí.
{% endhint %}

{% hint style="warning" %}
**Nota:** O renderizador Bevy é experimental e pode não suportar todas as funcionalidades de edição que o renderizador Babylon predefinido suporta.
{% endhint %}

## Definições da cena

Clique no **Ícone de lápis** no canto superior direito do ecrã. Isto abre uma série de propriedades ao nível da cena para editar, incluindo nome, miniatura, tamanho da cena e muito mais.

![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-d2147688ebde75948ba26a9fbe1261f9abdc66c7%2Fpencil-icon.png?alt=media\&token=21677d31-8915-4809-a60a-6674c7497d98)

Consulte [Definições da Cena](/creator/content-creator-pt/scene-editor/configurar/scene-settings.md) para mais detalhes.

## Publique a sua cena

Quando estiver satisfeito com a sua cena, prima o **Publish** botão.

![](https://2402076176-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPnXBby9S6MrsW83Y9qZ%2Fuploads%2Fgit-blob-a9b358ccf604ec11addf4852ce36c321e35745e0%2Fpublish-options.png?alt=media\&token=8790912e-6224-459d-94da-4d3d86816f2e)

Consulte [Publish scene](/creator/content-creator-pt/scene-editor/publicar/publish-scene.md) para mais detalhes.

## Veja também

* Consulte [Noções básicas do Scene Editor](/creator/content-creator-pt/scene-editor/primeiros-passos/scene-editor-essentials.md) para mais detalhes sobre a interface do Scene Editor.
* Consulte [Smart items](/creator/content-creator-pt/scene-editor/interatividade/smart-items.md) para saber como adicionar interatividade simples à sua cena.
* Consulte [Combine com código](/creator/content-creator-pt/scene-editor/expandir-com-codigo/overview.md) para saber como editar o código da sua cena.
* Consulte [Publish scene](/creator/content-creator-pt/scene-editor/publicar/publish-scene.md) para saber como publicar a sua cena no 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.decentraland.org/creator/content-creator-pt/scene-editor/primeiros-passos/about-editor.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.