Keolot Phaser Editor 2D

Keolot Phaser Editor è un ambiente di sviluppo visuale gratuito per browser game 2D basato sul motore open source Phaser con fisica Matter JS integrata. L'applicazione offre la possibilità di creare e modificare visivamente scene, oggetti di gioco, animazioni, audio e tasti, scrivere la logica di gioco in Javascript e collegare plugin e script globali. Grazie alla rappresentazione visuale, il processo di creazione di un game design è notevolmente semplificato rispetto al lavoro diretto con la libreria Phaser senza una rappresentazione visuale.

Nell'editor interattivo, è possibile creare visivamente un game design, spostare oggetti e aggiungerne di nuovi. È possibile navigare nel game design sia con il mouse che con l'aiuto degli elementi dell'interfaccia, inclusa la modifica dello zoom, e i righelli con le coordinate facilitano la navigazione. È possibile aggiungere, copiare, modificare ed eliminare visivamente i seguenti oggetti di gioco Phaser:
- Immagine
- Testo
- Sprite
- Particelle
- Video
- Rettangolo
- TileSprite

Oltre alla modalità editor interattivo, sono disponibili anche due modalità di anteprima del gioco:
1) Anteprima della scena corrente. In questa modalità, è possibile mettere in pausa il gioco e riprendere la riproduzione, nonché interagire con gli oggetti e modificarne i parametri nell'ispettore in tempo reale. Nella modalità di anteprima di una scena specifica, non è possibile passare da una scena all'altra all'interno del gioco, poiché questa è esattamente la visualizzazione di una scena specifica. Inoltre, la modalità di anteprima della scena viene avviata nella modalità fisica Debug.
2) Anteprima del gioco. Avvia il gioco così com'è, senza la possibilità di ispezionare gli oggetti e mettere in pausa la riproduzione.

È presente una console per il debug e la visualizzazione degli errori.

L'ispettore oggetti consente di impostare i parametri degli oggetti di gioco (ad esempio, coordinate X, Y, angolo, opacità, texture, profondità, ecc.), regolare i parametri fisici, i parametri delle particelle e il loro aspetto (ad esempio, durata, frequenza, velocità, alfa, ecc.) e regolare altre proprietà nei pannelli, come la scelta del tipo di animazione e le impostazioni audio.

Gli oggetti Immagine e Sprite possono essere trasformati in oggetti Matter fisici direttamente nell'Object Inspector con un clic e specificare parametri fisici (ad esempio, Densità, Forma di Collisione, Categoria di Collisione, Restituzione, Ignora Gravità, ecc.). Nello Script Editor, puoi creare e modificare altre proprietà e oggetti di gioco, come se stessi lavorando direttamente in Phaser, ma l'editor visuale fornisce tutto ciò di cui hai bisogno.

L'ambiente di sviluppo supporta la creazione visiva delle seguenti risorse precaricate:
- Immagine (immagini bitmap JPG, PNG, WEBP, AVIF, GIF, SVG)
- SVG (immagini vettoriali)
- Audio (MP3, WAV, OGG, M4A)
- Font (TTF, OTF)
- Video (MP4, WEBM)
- Spritesheet
- Atlas
- Animazione
- BitmapFont
- JSON
- TXT
- XML
- GLSL
- TilemapTiledJSON

Nell'ispettore della scena, è possibile spostare le scene verso l'alto o verso il basso, modificare il colore di sfondo locale della scena, impostare i limiti fisici standard con un clic e anche impostare script di scena per le funzioni principali della scena di gioco Phaser:
- Init()
- Preload()
- Create()
- Update(time, delta)

È anche possibile aggiungere uno script personalizzato per la scena, ad esempio con le proprie funzioni, che verrà aggiunto al codice di gioco prima di Init. Se si scrive una qualsiasi delle funzioni Init, Preload, Create, Update in modalità Custom, questa verrà ignorata, poiché sono presenti sezioni dedicate.

Nell'editor di testo con evidenziazione della sintassi, è possibile modificare sia script (JS, TS) che file di testo (JSON, TXT). L'editor di testo supporta funzioni di base, il che è più che sufficiente, ma per lavorare con il codice in modo più pratico, si consiglia di utilizzare il proprio editor di codice di terze parti preferito per creare e modificare i file di script. Durante la scrittura di script, è consigliabile consultare la documentazione ufficiale della libreria Phaser 3.90.

L'editor di codice contiene anche modelli di codice per situazioni comuni, come l'aggiunta di un evento a un oggetto, animazioni interpolate, la creazione di un oggetto fisico personalizzato, eventi chiave, gestione delle collisioni, ecc.

Il progetto creato può essere salvato, esportato in formato ZIP e il gioco finito può essere esportato in formato ZIP per l'avvio nel browser.