Tile Collision Tool

This tool is designed for developers interested in making an Android game which uses a "tiled map". The tool allows the developer to easily specify the collision boundaries to be used on a map, tile by tile. The output of this tool can be used by TiledMapHelper.

Read more about the tool in part 2 of my libgdx/bo2d tutorial.

This tool was made using jQuery-File-Upload, written by blueimp, made available under the MIT license. The files uploaded to this tool will be purged on a regular basis and, for what it is worth, will not be used by me (I will respect your copyright) or shown to anyone else (unless they guess the path to the images).

Instructions

• Upload the image you want to work with

  The image must be a PNG and should be the proper dimensions (powers of 2), due to requirements of OpenGL ES. See part 1 of my libgdx/box2d tutorial for details.

• Enter the tile dimensions and the spacing used around each tile

  This is the size of the individual tiles inside of the overall graphic and the spacing specified in your TexturePacker Settings class.

• Starting with tile 1, draw the lines you want to use as collision boundaries

  Lines are drawn in the usual way, dragging from one point to another.

• If you make a mistake, you can change or remove the line by editing the output directly.

  Click "Edit", change the text, and then click "Save" when you're done. The lines on all of the tiles will redraw.

This tool does not support loading or saving. However, if you have used this tool before and are simply adding new tiles or changing existing rules, you can paste your original collision boundary file contents in to the Output field, in effect "loading" your previous work.

---