Introdução
O Easelt Builder é um designer visual para interfaces dx do MTA:SA — desenhe o seu HUD ou menu, conecte a sua lógica e exporte um resource pronto a executar.
O Easelt Builder é um designer visual baseado em navegador para criar GUIs dxDraw do MTA:SA — HUDs, menus, painéis, ecrãs de login, lojas e fluxos com múltiplas janelas. Você desenha numa tela, aplica estilo a cada elemento no inspetor, conecta a lógica no Blueprint, testa ao vivo em qualquer resolução e exporta um resource do MTA pronto a executar — tudo sem sair do seu navegador.
É novo por aqui? Vá diretamente ao Quickstart para criar e exportar o seu primeiro HUD em poucos minutos e depois volte a esta página para ter uma visão completa.
O que é o Easelt Builder
O Easelt Builder transforma as partes tediosas do trabalho de UI com dxDraw — calcular posições em pixels à mão, adivinhar a escala, voltar a testar em várias resoluções — num fluxo de trabalho direto e visual. Tudo o que você normalmente escreveria à mão com dxDrawRectangle, dxDrawText e dxDrawImage, você em vez disso desenha, arrasta e estiliza numa tela ao vivo, e depois exporta como um resource executável.
A aplicação inteira roda no seu navegador. O seu trabalho é guardado localmente e encriptado em repouso — nada é enviado para um servidor. Os seus designs permanecem na sua máquina.
Como os projetos vivem no armazenamento local do seu navegador, ficam vinculados ao navegador que você usa. Exporte o seu resource para mover um design entre máquinas.
Responsivo por frações
A ideia central por trás do Easelt Builder é responsivo por frações: cada posição e tamanho é armazenado como uma fração do ecrã, um número entre 0 e 1 — exatamente como código dxDraw bem escrito. Um elemento em x = 0.40 fica a 40% da largura do ecrã em *qualquer* resolução, para que a sua UI mantenha o layout quer um jogador use 1080p, 1440p ou ultrawide.
Para a pré-visualização, o Easelt Builder renderiza numa resolução escolhida. Ele converte cada fração armazenada num valor de pixel real e dimensiona o texto e o espaçamento para que o que você vê corresponda ao que os jogadores obtêm no jogo.
| Conceito | Como funciona |
|---|---|
| Valor armazenado | Cada x, y, width, height é uma fração de 0 a 1. |
| Conversão em pixels | pixel = fraction * gameWidth — uma fração torna-se um pixel real no ecrã na resolução de pré-visualização. |
| Fator de escala | S = gameHeight / 1080 — texto e espaçamento dimensionam-se em relação a uma base de 1080p. |
| Exemplo | x = 0.40 renderiza a 40% da largura do ecrã em todas as resoluções. |
Pensar em frações significa que você desenha uma vez e fica bem em todo o lado — sem ajustes por resolução.
O que você pode criar
O fluxo de trabalho
- Desenhe na telaPosicione e organize os seus elementos visualmente na tela ao vivo.
- Estilize no inspetorDefina cores, tamanhos, fontes e outras propriedades para o elemento selecionado.
- Adicione lógica no BlueprintConecte a interatividade — cliques, estado e fluxo de janelas — usando o editor visual Blueprint.
- Teste ao vivoPré-visualize a sua GUI a correr numa resolução escolhida para confirmar o layout e o comportamento.
- Exporte um resourceGere um resource do MTA:SA executável que você pode colocar no seu servidor.
Como este guia está organizado
A documentação está dividida em cinco partes para que você encontre o que precisa em cada etapa de um projeto:
Idiomas
O Easelt Builder está disponível em cinco idiomas, para que você possa trabalhar naquele com que se sente mais confortável:
- Inglês
- Árabe
- Francês
- Português
- Espanhol
© Easelt · C4