Keolot Phaser Editor 2D

Keolot Phaser Editor is een gratis visuele ontwikkelomgeving voor 2D-browsergames op de open-source Phaser-engine met geïntegreerde Matter JS-fysica. De applicatie heeft een ingebouwde mogelijkheid om scènes, game-objecten, animaties, audio en toetsen visueel te creëren en te bewerken, gamelogica in Javascript te schrijven en plug-ins en globale scripts te koppelen. Dankzij de visuele weergave is het proces van het creëren van een game-ontwerp aanzienlijk vereenvoudigd in vergelijking met het direct werken met de Phaser-bibliotheek zonder visuele weergave.

In de interactieve editor kun je visueel een ontwerp maken, objecten verplaatsen en nieuwe toevoegen. Je kunt door het ontwerp navigeren met de muis en met behulp van interface-elementen, waaronder het wijzigen van de zoomfunctie, en linialen met coördinaten helpen je gemakkelijk te navigeren. Je kunt de volgende Phaser-gameobjecten visueel toevoegen, kopiëren, bewerken en verwijderen:
- Afbeelding
- Tekst
- Sprite
- Deeltjes
- Video
- Rechthoek
- TileSprite

Naast de interactieve editormodus zijn er ook twee previewmodi voor de game:
1) Preview van de huidige scène. Hierin kun je de game pauzeren en hervatten, en in realtime met objecten interacteren en hun parameters in de inspector wijzigen. In de previewmodus van een specifieke scène kun je niet tussen scènes binnen de game wisselen; dit is precies het bekijken van een specifieke scène. De previewmodus voor scènes wordt ook gestart in de Debug physics-modus.
2) Preview van de game. De game starten zoals hij is, zonder de mogelijkheid om objecten te inspecteren en de weergave te pauzeren.

Er is een console voor het debuggen en bekijken van fouten.

Met de Object Inspector kun je parameters instellen voor game-objecten (bijv. X-, Y-coördinaten, hoek, dekking, textuur, diepte, enz.), fysieke parameters, deeltjesparameters en hun uiterlijk aanpassen (bijv. levensduur, frequentie, snelheid, alfa, enz.) en andere eigenschappen in panelen aanpassen, zoals het kiezen van animatietypen en audio-instellingen.

Afbeeldingen en sprites kunnen met één klik rechtstreeks in de Object Inspector worden omgezet in fysieke materie-objecten en fysieke parameters specificeren (bijv. dichtheid, botsingsvorm, botsingscategorie, restitutie, zwaartekracht negeren, enz.). In de Script Editor kun je andere eigenschappen en game-objecten maken en aanpassen, alsof je rechtstreeks in Phaser werkt, maar de visuele editor biedt alles wat je nodig hebt.

De ontwikkelomgeving ondersteunt de visuele creatie van de volgende vooraf geladen assets:
- Afbeelding (bitmapafbeeldingen JPG, PNG, WEBP, AVIF, GIF, SVG)
- SVG (vectorafbeeldingen)
- Audio (MP3, WAV, OGG, M4A)
- Lettertype (TTF, OTF)
- Video (MP4, WEBM)
- Spritesheet
- Atlas
- Animatie
- BitmapFont
- JSON
- TXT
- XML
- GLSL
- TilemapTiledJSON

In de scène-inspector kun je scènes omhoog of omlaag verplaatsen, de lokale achtergrondkleur van de scène wijzigen, standaard fysieke grenzen met één klik instellen en ook scènescripts instellen voor de belangrijkste functies van de Phaser-gamescène:
- Init()
- Preload()
- Create()
- Update(tijd, delta)

Je kunt ook een aangepast script voor de scène toevoegen, bijvoorbeeld met je eigen functies. Dit wordt dan vóór Init aan de gamecode toegevoegd. Als u een van de functies Init, Preload, Create of Update in Custom schrijft, wordt deze genegeerd, omdat er speciale secties voor zijn.

In de teksteditor met syntaxisaccentuering kunt u zowel scripts (JS, TS) als tekstbestanden (JSON, TXT) bewerken. De teksteditor ondersteunt basisfuncties en is ruim voldoende, maar voor handiger werken met de code is het raadzaam om uw favoriete externe code-editor te gebruiken om scriptbestanden te maken en te bewerken. Bij het schrijven van scripts kunt u zich het beste laten leiden door de officiële documentatie van de Phaser 3.90-bibliotheek.

De code-editor bevat ook codesjablonen voor veelvoorkomende situaties, zoals het toevoegen van een gebeurtenis aan een object, het toevoegen van tween-animaties, het maken van een aangepast fysiek object, belangrijke gebeurtenissen, het afhandelen van botsingen, enz.

Het gemaakte project kan worden opgeslagen, geëxporteerd naar een ZIP-bestand en de voltooide game kan worden geëxporteerd naar een ZIP-bestand om te starten in de browser.