Keolot Phaser Editor 2D

Keolot Phaser Editor는 오픈 소스 Phaser 엔진을 기반으로 하는 2D 브라우저 게임을 위한 무료 비주얼 개발 환경으로, Matter JS 물리 엔진이 통합되어 있습니다. 이 애플리케이션에는 장면, 게임 객체, 애니메이션, 오디오 및 키를 시각적으로 생성 및 편집하고, 플러그인 및 글로벌 스크립트를 연결하여 Javascript로 게임 로직을 작성하는 기능이 내장되어 있습니다. 시각적 표현 덕분에 시각적 표현 없이 Phaser 라이브러리에서 직접 작업하는 것보다 게임 디자인 제작 과정이 훨씬 간소화됩니다.

인터랙티브 편집기에서는 시각적으로 디자인을 생성하고, 객체를 이동하고, 새 객체를 추가할 수 있습니다. 마우스와 확대/축소 변경을 포함한 인터페이스 요소를 사용하여 디자인을 탐색할 수 있으며, 좌표가 있는 눈금자를 통해 편리하게 탐색할 수 있습니다. 다음 Phaser 게임 객체를 시각적으로 추가, 복사, 편집 및 삭제할 수 있습니다.
- 이미지
- 텍스트
- 스프라이트
- 파티클
- 비디오
- 사각형
- 타일 스프라이트

인터랙티브 편집기 모드 외에도 두 가지 게임 미리보기 모드가 있습니다.
1) 현재 장면 미리보기. 이 모드에서는 게임을 일시 정지하고 재생을 재개할 수 있으며, 실시간으로 인스펙터에서 객체와 상호 작용하고 매개변수를 변경할 수 있습니다. 특정 장면의 미리보기 모드에서는 게임 내에서 장면을 전환할 수 없으며, 이는 특정 장면을 보는 것과 같습니다. 또한, 장면 미리보기 모드는 디버그 물리 모드에서 실행됩니다.
2) 게임 미리보기. 객체를 검사하고 재생을 일시 정지할 수 없는 상태로 게임을 시작합니다.

디버깅 및 오류 확인을 위한 콘솔이 있습니다.

객체 인스펙터를 사용하면 게임 객체의 매개변수(예: X, Y 좌표, 각도, 불투명도, 텍스처, 깊이 등)를 설정하고, 물리적 매개변수, 파티클 매개변수 및 모양(예: 수명, 주파수, 속도, 알파 등)을 조정하고, 패널에서 애니메이션 유형 선택, 오디오 설정 등의 기타 속성을 조정할 수 있습니다.

이미지 및 스프라이트 객체를 오브젝트 인스펙터에서 클릭 한 번으로 직접 물리적인 매터 객체로 만들고, 물리적 매개변수(예: 밀도, 충돌 모양, 충돌 범주, 복원력, 중력 무시 등)를 지정할 수 있습니다. 스크립트 편집기에서는 마치 Phaser에서 직접 작업하는 것처럼 다른 속성과 게임 객체를 생성하고 조정할 수 있으며, 시각적 편집기는 필요한 모든 기능을 제공합니다.

개발 환경은 다음과 같은 미리 로드된 에셋의 시각적 생성을 지원합니다.
- 이미지(비트맵 이미지: JPG, PNG, WEBP, AVIF, GIF, SVG)
- SVG(벡터 이미지)
- 오디오(MP3, WAV, OGG, M4A)
- 글꼴(TTF, OTF)
- 비디오(MP4, WEBM)
- 스프라이트시트
- 아틀라스
- 애니메이션
- 비트맵 글꼴
- JSON
- TXT
- XML
- GLSL
- TilemapTiledJSON

씬 인스펙터에서 씬을 위아래로 이동하고, 씬의 로컬 배경색을 변경하고, 한 번의 클릭으로 표준 물리적 경계를 설정하고, Phaser 게임 씬의 주요 기능에 대한 씬 스크립트를 설정할 수 있습니다.
- Init()
- Preload()
- Create()
- Update(time, delta)

씬에 대한 사용자 지정 스크립트를 추가할 수도 있습니다. 예를 들어, 사용자가 직접 만든 함수는 Init 전에 게임 코드에 추가됩니다. Custom에서 Init, Preload, Create, Update 함수를 작성하더라도 해당 함수에 대한 전문 섹션이 있으므로 무시됩니다.

구문 강조 기능이 있는 텍스트 편집기에서 스크립트(JS, TS)와 텍스트 파일(JSON, TXT)을 모두 편집할 수 있습니다. 텍스트 편집기는 기본적인 기능을 지원하며 충분히 활용 가능하지만, 코드 작업을 더욱 편리하게 하려면 선호하는 타사 코드 편집기를 사용하여 스크립트 파일을 생성하고 편집하는 것이 좋습니다. 스크립트를 작성할 때는 Phaser 3.90 라이브러리 공식 문서를 참조하세요.

코드 편집기에는 객체에 이벤트 추가, 애니메이션 트윈, 사용자 지정 물리적 객체 생성, 키 이벤트, 충돌 처리 등 일반적인 상황에 맞는 코드 템플릿도 포함되어 있습니다.

생성된 프로젝트는 저장하고 ZIP 파일로 내보낼 수 있으며, 완성된 게임은 브라우저에서 실행하기 위해 ZIP 파일로 내보낼 수 있습니다.