Tile Editor
Tile Editor
Create a new Tile Image
Create Tile Image
Load an existing Tile Image (PNG Recommended!)
Browse Image File
File Name: -
Tile Width (X):
Tile Height (Y):
Using Mouse Event
(You can move a tile by mouse, and You'll get the information about where your mouse tile position is.)
Download Result Tile
Extract Tile to Per Image
Reposition Tile Image
Canvas MouseEvent Info
Your mouse position is in tile X: 0 and Y: 0
Action: None
X: 0, Y: 0
Edit Tile
×
Image Preview
Image Filtering:
Nearest
Smooth
Change Image Tile
Download Original Size
Download Preview Image Size
Preview Image Width:
Preview Image Height:
Apply Size Preview Image
Delete with a Reposition Tile
(So after the tile is deleted, the other tile will be moved and repositioned to the current tile.)
Delete Image Tile
Extract Tile to Per Image
×
Using Original Size Image
Image Width:
Image Height:
Image Filtering:
Nearest
Smooth
Name Image as:
Index (0.png)
X and Y (x0y0.png)
Ignore Empty Image
Create Tile Image
×
Image per Tile Width:
Image per Tile Height:
Total Tile in X:
How many tile total you want to create in X Position (Left Right)
Total Tile in Y:
How many tile total you want to create in Y Position (Up Down)