ufdada / wfto-mapeditor Goto Github PK
View Code? Open in Web Editor NEWA html based map editor for "War for the Overworld"
Home Page: http://ufdada.github.io/wfto-mapeditor/
A html based map editor for "War for the Overworld"
Home Page: http://ufdada.github.io/wfto-mapeditor/
To merge the branch minor the following tasks have to be done:
It shows the message "invalid filename".
It only happens if you import the map via the options menu (not the drag and drop feature).
The filename is "Basions_001 (2).wfto".
This mainly happens because if you export a map 2 times in a row.
There are two things that should be fixed:
filename.replace(/\s\([0-9]{1,}\)/g, "");
Instead of saving a map to a file, it should be saved as an image.
These should have a height/width of 32 instead of 64. Should be rather easy to integrate.
When clicking the "?" Button in the menu, the readme should be opened in a new tab instead of the same window.
like window.open("http://awesome.url/readme", "_blank")
Check for popup blocking!
As they are not placeable anyway, they are not shown.
This should be improved.
The in-game map editor's x and y axes start at the bottom left of the map, and increase in number from 1 to whatever the map's size is (so in a 50x50 map, the bottom left-most tile will be 1,1 and the top right-most tile will be 50,50). Currently the y axis in wfto-mapeditor is the wrong way round (so in the same 50x50 map, the bottom left most tile will be 1,50 and the top right-most tile will be 50,1). Below are two images to illustrate what I mean:
It's easier to translate a map from wfto-mapeditor to the in-game map editor if the coordinates on the x-y axes are the same, but currently only the x axis is the same. Would it be possible to flip the y axis around so it starts at the bottom of the map and counts up to the top?
To save the progress of a map for unpredictable situations (browser-crash, accidental tab closing etc.) the mapeditor should be smart enough to set and reset a draft after every action.
Sideeffects: As the browser has a max of 5MiB to store, i just would store one map as draft (no undo/redo - data).
Actions where a draft should be
set | reset |
---|---|
after setting a tile | generate new map |
redo | import map file |
mirror map | import csv file |
resize map | export map |
undo |
Edit: There is no confirm message, the map file gets immediately restored now. It is more convienent that way.
Maybe an innerText issue. Only the div is visible, but not the textmessage.
Actions should be logged and the user should be able to redo/undo actions.
Maybe just save the whole map with export and restrict the history to 10 (so we don't get too much overhead).
Watching for difference seems rather difficult to implement and may lead to several restrictions and limitations (importing map / generate new map / mirror map) as there is a lot going on.
As selenium ide only works in firefox and the webdrivers are not really convenient i decided to switch to dalekjs.
Just to throw in some ideas:
Folderstructure:
This may be handy if the normal rooms get implemented.
Currently it isn't because usually you want to do this for normal tiles.
On mirroring there are several possibilities that a room gets overwritten by itself and by other rooms as well.
If this is the case a room that is not complete (because partially overwritten) should be deleted from the map.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.