--- title: "Visão geral do editor" slug: "editor-overview" updated: 2026-06-12T10:30:51Z published: 2026-06-12T10:30:51Z canonical: "docs.xtremepush.com/editor-overview" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.xtremepush.com/llms.txt > Use this file to discover all available pages before exploring further. # Visão geral do editor Uma visão geral do editor e suas ferramentas para personalizar a interface do seu jogo. Com o Editor, você pode ver como os assets são organizados para formar a interface do jogo. O editor exibe todas as telas com as quais seus usuários interagem no jogo. Esta seção guia você pelas diversas ferramentas e visões disponíveis no editor. ## Veja layouts de jogos Os jogos consistem em vários layouts diferentes. Esses layouts incluem a tela que o usuário vê ao carregar ou jogar um jogo, ou quando ganha um prêmio. Para visualizar os layouts incluídos no seu jogo, selecione **o menu suspenso Layout** no topo da tela, conforme mostrado na imagem abaixo: ![Navigating to the **Main Screen** layout in the Editor](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/448eba44d5e951f089b7db30216a8816eacf7d9fcd9b298e159eea63e755ce41-Screenshot_2025-07-01_at_15.44.20(3).png?sv=2026-02-06&spr=https&st=2026-11-04T06%3A16%3A18Z&se=2026-11-04T07%3A16%3A18Z&sr=c&sp=r&sig=d%2BHbhJNOAYlDD%2Fgdf6Vy7FXS8c0JEOn%2FnQ%2FGnnPl95c%3D) Navegando para o layout da **Tela Principal** no Editor O layout **da Tela Principal** mostrado na imagem acima inclui todos os componentes do seu jogo. Componentes individuais do jogo, como carregadores ou pop-ups, também podem ser visualizados em seus respectivos layouts. ## Veja a Prévia do Jogo Todos os jogos são responsivos, ou seja, eles se adaptam automaticamente para se encaixar na tela de qualquer dispositivo, desde um celular até um navegador de desktop. No Editor, você pode ver como seu jogo aparece em diferentes proporções de aspecto. Para pré-visualizar seu jogo, selecione o layout **da Tela Principal** e depois a janela suspensa **de Pré-visualização** no topo da tela, conforme mostrado na imagem abaixo: ![Navigating the different previews in the Editor](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/60a40bb22df2bad4a771b4302d7ab67c5802e35824643679c15a01db67b75f56-Screenshot_2025-07-01_at_15.46.53(3).png?sv=2026-02-06&spr=https&st=2026-11-04T06%3A16%3A18Z&se=2026-11-04T07%3A16%3A18Z&sr=c&sp=r&sig=d%2BHbhJNOAYlDD%2Fgdf6Vy7FXS8c0JEOn%2FnQ%2FGnnPl95c%3D) Navegando pelas diferentes prévias no Editor Para ver como o jogo renderiza em celulares, selecione o layout **Retrato da Tela Principal** e depois o menu **suspenso da Janela de Prévia.** ## Visualizar Camadas do Jogo Camadas representam os componentes individuais, como imagens, textos e áudio, que são exibidos na sua tela. Para visualizar todas as camadas de um jogo, selecione o layout **da Tela Principal** e navegue até o painel direito do editor, como mostrado na imagem abaixo: ![Viewing the game layers in the Editor](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/41e1b68d515868a4ddc7c4b26ac7422e95b5e3cd9d9aa579370beb414c096c7e-Screenshot_2025-06-25_at_16.28.46(3).png?sv=2026-02-06&spr=https&st=2026-11-04T06%3A16%3A18Z&se=2026-11-04T07%3A16%3A18Z&sr=c&sp=r&sig=d%2BHbhJNOAYlDD%2Fgdf6Vy7FXS8c0JEOn%2FnQ%2FGnnPl95c%3D) Visualizando as camadas do jogo no Editor À medida que você navega por diferentes layouts, as camadas exibidas vão mudar. Isso porque cada layout tem sua própria camada e conjunto de componentes únicos. Por exemplo, selecionar o layout das peças no jogo Thunderboard mostra apenas a camada e os componentes específicos da peça, como mostrado na imagem abaixo: ![Layers in the tile layout of an example Thunderboard game](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/bab30d2a3a963820ba0e9fa88e7881db300ff3a94aa3047a0d9605e2d538661f-Screenshot_2025-06-25_at_16.38.28(3).png?sv=2026-02-06&spr=https&st=2026-11-04T06%3A16%3A18Z&se=2026-11-04T07%3A16%3A18Z&sr=c&sp=r&sig=d%2BHbhJNOAYlDD%2Fgdf6Vy7FXS8c0JEOn%2FnQ%2FGnnPl95c%3D) Camadas no layout de tiles de um jogo de Thunderboard de exemplo Você pode esconder temporariamente qualquer camada da sua visualização atual clicando no ícone de visualização ao lado do nome, conforme mostrado na imagem abaixo. Esconder uma camada só afeta sua visibilidade no editor. ![Control the visibility of layers in the Editor](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/42cde5eb524b28024338d99bec8a7634826d7ec49033db188836be8b04978fdd-new_asset_test(3).png?sv=2026-02-06&spr=https&st=2026-11-04T06%3A16%3A18Z&se=2026-11-04T07%3A16%3A18Z&sr=c&sp=r&sig=d%2BHbhJNOAYlDD%2Fgdf6Vy7FXS8c0JEOn%2FnQ%2FGnnPl95c%3D) Controle a visibilidade das camadas no Editor ## Propriedades da Camada de Visualização Quando você clica em um componente na aba **Camadas** , verá suas propriedades personalizáveis no painel esquerdo. Modificar essas propriedades permite que você personalize a aparência e o comportamento do seu jogo. Mais detalhes sobre a edição dessas propriedades são discutidos em [Gerenciar Ativos](/documentation/docs/pt-br/customize-game-design-manage-assets) e [Gerenciar Textos do Jogo](/documentation/docs/pt-br/customize-game-design-manage-game-texts).