Sprite-Mapper

A simple, lightweight webpage designed for easily mapping sprite tiles from a sprite sheet. This tool eliminates the need for manually counting columns and rows to find coordinates.

✨ Features

• Effortless Upload: Quickly upload your sprite sheet image.
• Customizable Tile Dimensions: Easily input the tile size and margin size in pixels.
• Interactive Coordinate Mapping: Click on any tile in your sprite sheet to instantly get its x and y coordinates.
• Visual Feedback: The selected tile is highlighted with a red square for clear identification.
• User-Friendly Interface: A clean and intuitive design built with Tailwind CSS for a smooth experience.

🚀 How to Use

1. Upload Sprite Sheet: Click the "Upload Sprite Sheet" button and select your image file.
2. Set Tile Size: Enter the width and height of a single sprite tile in pixels into the "Tile Size (px)" input field (e.g., 16 for 16x16 pixel tiles).
3. Set Margin Size (Optional): If there's a margin or spacing between your tiles, enter that value in pixels into the "Margin Size (px)" input field.
4. Click and Map: Click anywhere on your uploaded sprite sheet. The "Coordinates" display will instantly show the x and y coordinates of the tile you clicked on. The selected tile will be highlighted visually.