/thing-editor

pixi.js based visual game editor

Primary LanguageJavaScriptMIT LicenseMIT

Thing-editor

Visual game editor for pixi.js 5.

Editor screenshot

Installation

Please check if you have latest git, nodejs, npm, chrome, and ffmpeg on your computer, before installlation. Use next script to install editor and example project. After succesfull installation editor should start automaticly as chrome page. To start editor manually use npm start in thing-editor folder


mkdir game_editor_here
cd game_editor_here
git clone https://github.com/Megabyteceer/thing-editor.git
git clone https://github.com/Megabyteceer/thing-project-example.git games/thing-project-example
cd thing-editor
npm i
npm run-script create_env
npm start

What is ready:

  • Scene tree editor (no drag and drop yet);
  • Property editor;
  • MovieClip component with physic-based timeline;
  • Portrait/landscape switching;
  • multilanguage text;
  • build project as release folder;
  • load custom user components form project's js folder
  • postponed resources loading for each scene

What is need to do:

  • drag and drop for "scene-tree" and "classes list"
  • examples and documentation

How it is works:

Editor uses nodejs as local server to access project's filesystem, and chrome as UI.

Documentation is coming-soon. Use example project to understand beginigs. Use double click on component in scene tree - to open component's source file to view and edit. Work still in progress.

Sponsored:

BGaming

Projects made with thing-editor

Documentation

For detailed documentation please check our Wiki.