wejesuss / TileME

A Tile Set Map Editor using canvas, HTML, CSS, and JavaScript

TileME

---

About | Reason | Technologies | How to Contribute |

---

ℹ️ About

TileMe allows you to draw with the mouse using a pre-configured set of "colors" (actually a set of tile), you can draw block-by-block dynamically, save and download your drawing.

With TileMe you can copy a tile (Ctrl+Click), a la the below:

You can delete a tile (Shift+Click):

Change the layer:

Prevent mistakes, blocking the layer:

Undo actions (Alt+Click):

Export the image and clear the entire drawing:

⁉️ Reason

The first version of this project was based on this tutorial.

I found this project very interesting, so I decided to make the original version and add other features.

🚀 Technologies Used

The project was developed using basic knowledge of HTML, CSS, and JavaScript, and depends a lot on the HTML tag <canvas> and JS to manipulate the attributes and functions of the <canvas>.

🔗 How to Contribute

You are welcome to add new features or fix some bugs:

1. Fork this repostory

2. Clone your fork

   $ git clone https://github.com/your-username/tileME && cd tileME

• Create a branch with your changes

  $ git checkout -b my-awesome-changes

• Make the commit with your changes

  $ git commit -m 'feat: add a shortcut to copy a tile of the canvas'

• Push your branch

  # Send the code to your remote branch
  $ git push origin my-awesome-changes

• Create a Pull Request