Keolot Phaser Editor 2D

O Keolot Phaser Editor é um ambiente de desenvolvimento visual gratuito para jogos de navegador 2D no motor Phaser de código aberto com física Matter JS integrada. O aplicativo possui recursos integrados para criar e editar visualmente cenas, objetos de jogo, animações, áudio e teclas, além de escrever lógica de jogo em JavaScript com a capacidade de conectar plugins e scripts globais. Graças à representação visual, o processo de criação de um design de jogo é significativamente simplificado, em comparação com o trabalho direto com a biblioteca Phaser sem uma representação visual.

No editor interativo, você pode criar visualmente um design, mover objetos e adicionar novos. Você pode navegar pelo design tanto com o mouse quanto com a ajuda de elementos da interface, incluindo a alteração do zoom, e réguas com coordenadas ajudam a navegar convenientemente. É possível adicionar, copiar, editar e excluir visualmente os seguintes objetos de jogo Phaser:
- Imagem
- Texto
- Sprite
- Partículas
- Vídeo
- Retângulo
- TileSprite

Além do modo de editor interativo, há também dois modos de visualização do jogo:
1) Visualização da cena atual. Nele, você pode pausar o jogo e retomar a reprodução, além de interagir com objetos e alterar seus parâmetros no inspetor em tempo real. No modo de pré-visualização de uma cena específica, você não pode alternar entre as cenas dentro do jogo; esta é exatamente a visualização de uma cena específica. Além disso, o modo de pré-visualização de cena é iniciado no modo de Depuração de Física.
2) Pré-visualização do jogo. Iniciando o jogo como está, sem a possibilidade de inspecionar objetos e pausar a reprodução.

Há um console para depuração e visualização de erros.

O Inspetor de Objetos permite definir parâmetros para objetos do jogo (por exemplo, coordenadas X, Y, Ângulo, Opacidade, Textura, Profundidade, etc.), ajustar parâmetros físicos, parâmetros de partículas e sua aparência (por exemplo, Tempo de Vida, Frequência, Velocidade, Alfa, etc.) e ajustar outras propriedades nos painéis, como a escolha de tipos de animação e configurações de áudio.

Objetos de imagem e sprite podem ser transformados em objetos físicos de matéria diretamente no Inspetor de Objetos com um clique, especificando parâmetros físicos (por exemplo, Densidade, Forma de Colisão, Categoria de Colisão, Restituição, Ignorar Gravidade, etc.). No Editor de Scripts, você pode criar e ajustar outras propriedades e objetos do jogo, como se estivesse trabalhando diretamente no Phaser, mas o editor visual fornece tudo o que você precisa.

O ambiente de desenvolvimento suporta a criação visual dos seguintes recursos pré-carregados:
- Imagem (imagens bitmap JPG, PNG, WEBP, AVIF, GIF, SVG)
- SVG (imagens vetoriais)
- Áudio (MP3, WAV, OGG, M4A)
- Fonte (TTF, OTF)
- Vídeo (MP4, WEBM)
- Folha de Sprites
- Atlas
- Animação
- BitmapFont
- JSON
- TXT
- XML
- GLSL
- TilemapTiledJSON

No inspetor de cenas, você pode mover cenas para cima ou para baixo, alterar a cor de fundo local da cena, definir limites físicos padrão com um clique e também definir scripts de cena para as principais funções da cena do jogo Phaser:
- Init()
- Preload()
- Create()
- Update(time, delta)

Você também pode adicionar um script personalizado para a cena, por exemplo, com suas próprias funções, que será adicionado ao código do jogo antes do Init. Se você escrever qualquer uma das funções Init, Preload, Create, Update em Custom, ela será ignorada, pois existem seções especializadas para isso.

No editor de texto com destaque de sintaxe, você pode editar scripts (JS, TS) e arquivos de texto (JSON, TXT). O editor de texto suporta funções básicas, o que é suficiente, mas para um trabalho mais conveniente com o código, é recomendável usar seu editor de código de terceiros favorito para criar e editar arquivos de script. Ao escrever scripts, você deve se orientar pela documentação oficial da biblioteca Phaser 3.90.

O editor de código também contém modelos de código para situações comuns, como adicionar um evento a um objeto, interpolação de animações, criação de um objeto físico personalizado, eventos-chave, tratamento de colisões, etc.

O projeto criado pode ser salvo, exportado para ZIP e o jogo finalizado pode ser exportado para ZIP para ser executado no navegador.