Level editor

[cdroulers]

Level editor current features

• Modify default-levels.json levels
• Level chooser
• Add / remove levels
• That's it!

Level editor missing features

• Load remote or local file (should be simple, re-use existing code + dialogs)
• Bug when placing tiles when viewport is smaller than screen
• Fix panning max / min
• Allow changing level size
• Export level set to JSON file

Level editor COOL FEATURES FOR LATER

• Validate level (has player, has door, player can't fall off map)
• Easily test level

[olafleur]

Would be interested on working on this.

If I'm not mistaken, here is what would be needed (please tell me if I'm wrong or if you would see a better way) :

• Extract levels to files (that are for the moment hardcoded in the app)

• Add the ability to load a level file in the game

• Create another application/page nearby in this repo that allows to create/modify these files

Right ?

[olafleur]

Oh, but for the moment everything is client-side, so files are not really allowed...

What would be preferable? Extract level loading to a server? Using localStorage ?

[cdroulers]

YESSSSSSSSSSSSSSSSSSSSSSS

Sounds about right for the steps.

They can actually be done in three different steps / PR.

Extract the levels and load them via XHR using a promise

• Put them in a good ol' regular JSON file (default-levels.json or whatever).
• In app.ts, start the load using XHR, when done, actually bind the controls and display the canvas

Allow loading external levels

• Add a UI control (textbox or whatever) to type an URL, then click a button
• Load the levels using XHR (same as first step) and bootstrap app

Different page for level editor

Create a different page for the level editor. I'm guessing a canvas with click events to set the tiles, but that's up to you.

JUST DO IT

I think splitting it in small PRs is the best approach, to minimize dev time and conflicts.

Being client-side does not prevent loading files. You could add a browse button and use the HTML5 File API to read the local file. it could also do both.

for the UI, simply add the fields in the index.html file for now, a rework of the UI to be better with menus and more mobile friendly is coming in another PR.

Glad to have some help!

[cdroulers]

Two first step are actually for issue #5!