tool / imaging

Sprite Asset Detector

Upload a sprite sheet and visualize bounding boxes for every detected asset. Uses alpha transparency or a color key to identify sprites — exports a JSON atlas or annotated preview image.

Back to tools index

Drop a sprite sheet here or browse

Any image format supported

What It Does

Scans a sprite sheet pixel-by-pixel using a connected-component BFS algorithm to locate all distinct non-background regions. Each detected region gets a labeled bounding box drawn over the original image so you can visually verify the detection. The JSON export follows the standard sprite atlas format compatible with Phaser, PixiJS, and Unity.

How To Use

  • Drop a sprite sheet onto the canvas.
  • Choose Alpha for transparent PNGs or Color key for solid backgrounds.
  • Click the canvas to sample a background color when using color-key mode.
  • Set a minimum sprite size to filter out noise.
  • Click Detect Sprites to see overlaid bounding boxes.
  • Adjust Edge smoothing — downloaded assets will have the background removed with a soft alpha falloff at the border.
  • Export the annotated image or the JSON atlas for use in your game engine.

// huntermussel

Need automated sprite pipeline integration?

HunterMussel designs workflow systems that connect asset detection, atlas generation, and delivery pipelines — eliminating manual steps at scale.

Explore Workflows & BPM →

Advertisement · Publicidade