magnongames/dtile

The tilemap editor for everyone

DTile - The tilemap editor for everyone

DTile aims to be the best tilemap editor available today. It runs in your browser (right now only Chrome) and has the ability to adapt to what you need it to do. If you're making a complete game with it, you can make your own custom game plugin that allows you to have all the options you need right at your fingertips or if you just want to show off a cool tileset you made, DTile is already configured with all the essentials out of the box.

DTile is in Alpha

DTile is using some of the latest cutting edge features of the web-platform and is only functional in Chrome right now. It's also not super stable, though you can certainly play around with it or even use it for a game if your feeling daring.

Contributing

We want to make contributing to DTile as easy and frictionless as possible. If you want to help out, but you have something you're unsure about, send an email to [email protected] and someone (most likely @magnonellie) will help you out! We don't bite and you can help out no matter what your skillset is. You don't have to be able to code to make a good contribution!

If you want to add a new feature, a good idea is to open an issue first before starting to write code to see if others may have valuable feedback.

Developing

Requirements

• Git, NPM and Bower installed

Getting started

First of all, the usual JavaScript gobble applies with the catch that DTile still uses bower, meaning that you have to fetch all bower dependencies too. (This is subject to change very soon as Polymer 3.0 comes around)

$ cd path/to/DTile
$ npm i && bower i

With that done, you need to download the Polymer CLI if you don't already have it installed. Then, execute polymer serve and open one of the links presented by the serve command and you're done! Do keep in mind that Google Chrome is currently the only browser that can handle this development setup for now.

dtile's Issues

All tilemaps reamain in all prodjects

Even if you create a new project all old tilemaps will be crated with the same name in this project. Thogh they are empty with only layers remaining

Marked in blue does are not supposed to be in that project

Camera behavior

Slightly related to #17.

The camera should be able to align with the map and should have more predictable MMB drag, etc. Animations would also be pretty cool.

Merge dtile-three-renderer into this repo

It will allow for faster iteration.

Pressing enter on a dialogue doesn't apply it

Updating tilesets

Creates new tileset when trying to update old ones.

Tile selection doesn't dissapear

When turning off the tile selection tool, the tiles previously selected while using the tile selection tool still stay selected.

Map loading indicator positional issue

When loading in a new map, the indicator that shows that DTile is loading the map ends up on the row below the Import map button, rather than on the same row.

Unsaved progress dialog

DTile should prevent people from navigating away from the page if there is unsaved progress.

Tile properties overwriteing eachother

Implement some kind of pub/sub

It's getting pretty apparent that our codebase is pretty messy due to us not having a proper event system implemented. I would say that the most appropriate system to implement would be a pub/sub, but I'm open for suggestions. My main reason for pub/sub would be that (from my basic understanding) it fits in pretty well with the whole flux way of doing things. Again, I'm very much open for suggestions, but this is what I personally would go for.

Remove tileset background color

I'm thinking we could analyse the tileset to find all tiles with just a single color and rule out the one that occurs the most. I think that should cover all edge-cases.

Lazy loading

We should make loading of different pages be on demand instead of sending everything down to the client on page load.

Merge map and tileset selection code

Will reduce code duplication and remove a bug when selecting tileset tiles.

Random errors when going out of bounds

Errors do appear quite often when accidentally going out of bounds, such as when you try to paint outside of the border or trying to redo / undo when there is nothing left to redo / undo. While it's nothing breaking, I still feel like it should be fixed.

Plus sign for creating new map isn't obvious enough

Map export options

A few examples of things that should be configurable:

• Scale in image export (currently defaults to 1:1)
• Include tileset data in DTile and Tiled exports (currently just doesn't although there is an option internally in the Tiled exporter IIRC)
• More?

Selection tool/Scrolling Issue

When the Selection tool is active, it is not possible to use the mouse wheel to scroll.

Copy paste

Map tab not responsive

When you are in "all projects" the first map tab is not responsive

Action log not clearing propably

How to reproduce bug:
If you paint three tiles with three clicks, then undo twice then paint a new tile, then click redo twice. The third tile is back when it should not be. Its deleting the first action but not the action branch making you be able to redo things that are not suppose to be able to redo.

Fix HTML imports deprecations

Chrome M65 is gonna deprecate a bunch of HTML imports stuff and since Polymer 3 is nowhere near ready, we might as well comply with the new rules. More info here: https://goo.gl/EGXzpw

Using deprecated packages

It seems like one (or more) of our dependencies relies on quite a few deprecated and / or outdated packages. We should figure out which dependency this is and take action accordingly, either replacing it or updating it.

Objects should spawn where camera is

When creating objects, they shouldn't just spawn in the top left corner, but rather in the center of the screen, probably aligned to the grid.

Zoom Behavior

Zoom from mouse as a referace instead of the top left corner.
This would improve workflow and make the aplication seem more fluid.

Mobile support

While it is very much a secondary thing, there is technically nothing limiting us from allowing mobile devices to use DTile. The only thing voicing right now is our UI which isn't designed for mobile at all. There are two options for going about this:

1. Resign the UI to work with both mobile and desktop
2. Make some minor tweaks just for mobile devices

Weird tile select

Trying to drag from tile selector to outside of the tile selector. The dragning then keeps on going on the tile selector even though you're not on the tile selector anymore.

Layers can be added with no name

You can add layers with no name

Add tileset offset / spacing

These options are necessary to allow importing maps like these:

http://www.kenney.nl/assets/map-pack

Image export

Allow for exporting rendered images of a tilemap

Auto-build to gh-pages

Have travis build and publish to the (currently non-existing) gh-pages branch on push.

Importing high resulotion pictures as tilesets

When you impost a high resoulotion picture as a tilemap the picture gets disoriented

Wrong Tile Selection

The tile selection gets wrong when you switch between tilesets

Scroll Creates huge black bar

When you scroll down your layers and tileset it creates a black bar witch has no use.

Object templates

You should be able to create templates for objects that you commonly want to place.

Swapping to new group when creating a new tilegroup

When pressing "All projects" no projects appeas

As title indicates

Tiles overlapping instead of snaping on besides them

The tiles are overlapping eachother when you hold in left click and draging while they should snap on to the side of the tiles.

Better Add Buttons

Instead of having all the action (add) buttons on the top of the different pages, it probably makes more sense, especially for the user, if they are integrated into where the thing would be added to. Basically, add a card at the end of the projects list for example and have it display just an add button.

Can somebody rewrite this?

Obviously I'm not asking somebody to come in and rewrite the entire thing for me, but we seriously need a rewrite... With proper testing... And probably better separation.

Remember sizes

When you get to specify sizes such as tile and map sizes, chances are, the next time the user is asked to input these calls, they are gonna want the exact same ones. Therefore, we should remember them, probably even between sessions.

Selecting tile set issue

When you have a portion of the tile set selected
You then pick the selection tool and select a portion of your tilemap
Then you select another poriton of your tile set

You will see that there will be two visulal selections on the tile set though only the latest one is active.

Rewrite renderer

The renderer is quite a mess currently and needs to be rewritten, probably from scratch.

Here are some things the new renderer has to be capable of:

• Rendering in chunks as to not slow down when editing very large maps.
• Render additional detail as provided by a plugin or something else.
• Be fast.
• Have a straightforward way of updating it. (compared to what we have now)
• Support easily updating individual tiles.
• Support future rendering in 3D
• More?

Fix focus hack

The focus hack is ugly and takes up way too much performance. We should either get rid of it completely and take the consequences, whatever they may be, or find a better solution.

Lag/memory issues with large tile sheet

Tile selection issue

The tile selection tool does not select tiles when the tool's starting point lays outside of the currently existing tile map.

Opening a map tab from another project results in an empty map

When entering a map tab from a project it is not included in or fram the "all projects" it appeas black with no tile sets or anything tiled out.

Location of Tilemap issue

After you crate your tilemap there is no way to locate its boarders on the screen.

Object graphics

Objects should be customizable with your own graphics.

Logging system

A global logging system would be pretty nice so we could save the logs for when something goes wrong, not to mention that I would ease debugging slightly.

Fix sidescrolling