Hitbox Editor

Need a way to visualize your hitboxes?

Hitbox Editor is what you're looking for

How to use

Step 1. Select "Browse", and put in your sprite (Note: It doesn't have to be a singular sprite, it can be a spritesheet)

Step 2. Play with these values until you get a hitbox you want

Step 3. (KaplayJS Variant) Paste this in your code: k.area({shape: new k.Rect(x,y,w,h)}), and replace the x, y, w, and h accordingly

Step 3. (Haxeflixel Variant) Paste this in a character's code: offset.set(x, y); setSize(w, h);, and replace the x, y, w, and h accordingly

What's that "Data" thing for?

If you want to save or load your progress (Useful when you change your mind about a thing's hitbox)

Click "Save data" to save all your progress in a JSON file

Click "Load data" to load your progress from a JSON file

Click "Reset to default" to erase all your progress (If you saved it, you don't have to worry, but if you didn't... you're screwed bro.)

Feedback

If there's something you'd want implemented in this tool, or an edit to this description. Let me know by adding a new issue in the Github Repo