Keolot Phaser Editor 2D

Keolot Phaser Editor to darmowe środowisko graficzne do tworzenia gier przeglądarkowych 2D, oparte na silniku open source Phaser z wbudowaną fizyką Matter JS. Aplikacja posiada wbudowaną funkcję wizualnego tworzenia i edycji scen, obiektów gry, animacji, dźwięku i klawiszy, a także pisania logiki gry w Javascript z możliwością łączenia wtyczek i skryptów globalnych. Dzięki wizualnej reprezentacji, proces tworzenia projektu gry jest znacznie uproszczony w porównaniu z pracą bezpośrednio z biblioteką Phaser bez reprezentacji wizualnej.

W interaktywnym edytorze możesz wizualnie tworzyć projekt, przesuwać obiekty i dodawać nowe. Możesz poruszać się po projekcie zarówno za pomocą myszy, jak i za pomocą elementów interfejsu, w tym zmiany powiększenia, a linijki ze współrzędnymi ułatwiają nawigację. Istnieje możliwość wizualnego dodawania, kopiowania, edycji i usuwania następujących obiektów gry Phaser:
- Obraz
- Tekst
- Sprite
- Cząsteczki
- Wideo
- Prostokąt
- TileSprite

Oprócz trybu interaktywnego edytora dostępne są również dwa tryby podglądu gry:
1) Podgląd bieżącej sceny. Można w nim wstrzymać grę i wznowić odtwarzanie, a także wchodzić w interakcję z obiektami i zmieniać ich parametry w inspektorze w czasie rzeczywistym. W trybie podglądu konkretnej sceny nie można przełączać się między scenami w grze, jest to po prostu podgląd konkretnej sceny. Tryb podglądu sceny uruchamia się również w trybie debugowania fizyki.
2) Podgląd gry. Uruchamianie gry bez możliwości inspekcji obiektów i wstrzymywania odtwarzania.

Dostępna jest konsola do debugowania i przeglądania błędów.

Inspektor obiektów umożliwia ustawianie parametrów obiektów gry (np. współrzędnych X, Y, kąta, krycia, tekstury, głębokości itp.), dostosowywanie parametrów fizycznych, parametrów cząsteczek i ich wyglądu (np. czasu życia, częstotliwości, prędkości, alfa itp.) oraz dostosowywanie innych właściwości w panelach, takich jak wybór typów animacji i ustawień dźwięku.

Obiekty obrazu i sprite'a można przekształcić w fizyczne obiekty materii bezpośrednio w Inspektorze obiektów jednym kliknięciem i określić parametry fizyczne (np. gęstość, kształt kolizji, kategorię kolizji, restytucję, ignorowanie grawitacji itp.). W Edytorze skryptów można tworzyć i dostosowywać inne właściwości i obiekty gry, tak jak w programie Phaser, ale edytor wizualny zapewnia wszystko, czego potrzebujesz.

Środowisko programistyczne obsługuje wizualne tworzenie następujących wstępnie załadowanych zasobów:
- Obraz (obrazy bitmapowe JPG, PNG, WEBP, AVIF, GIF, SVG)
- SVG (obrazy wektorowe)
- Dźwięk (MP3, WAV, OGG, M4A)
- Czcionka (TTF, OTF)
- Wideo (MP4, WEBM)
- Arkusz sprite'ów
- Atlas
- Animacja
- Czcionka bitmapowa
- JSON
- TXT
- XML
- GLSL
- TilemapTiledJSON

W inspektorze scen możesz przesuwać sceny w górę lub w dół, zmieniać lokalny kolor tła sceny, ustawiać standardowe granice fizyczne jednym kliknięciem, a także konfigurować skrypty scen dla głównych funkcji sceny gry Phaser:
- Init()
- Preload()
- Create()
- Update(time, delta)

Możesz również dodać własny skrypt dla sceny, na przykład z własnymi funkcjami, który zostanie dodany do kodu gry przed Init. Jeśli napiszesz którąkolwiek z funkcji „Init”, „Preload”, „Create” lub „Update” w trybie „Custom”, zostanie ona zignorowana, ponieważ istnieją do tego specjalne sekcje.

W edytorze tekstu z podświetlaniem składni można edytować zarówno skrypty (JS, TS), jak i pliki tekstowe (JSON, TXT). Edytor tekstu obsługuje podstawowe funkcje i jest w zupełności wystarczający, ale dla wygodniejszej pracy z kodem zaleca się korzystanie z ulubionego, zewnętrznego edytora kodu do tworzenia i edycji plików skryptów. Podczas pisania skryptów należy kierować się oficjalną dokumentacją biblioteki Phaser 3.90.

Edytor kodu zawiera również szablony kodu dla typowych sytuacji, takich jak dodawanie zdarzenia do obiektu, animacje międzyklatkowe, tworzenie niestandardowego obiektu fizycznego, zdarzenia klawiszowe, obsługa kolizji itp.

Utworzony projekt można zapisać i wyeksportować do pliku ZIP, a gotową grę można wyeksportować do pliku ZIP w celu uruchomienia w przeglądarce.