Sorry your browser is not supported!

I have been reading the documentation but for some reason either I missed it completely or it is not there but how do I use a tileset called tileset.png

Like first how do I split it up into the different tiles, it has 16 tiles in a row and 12 rows of image data on a 512 by 384 pixels. I mean like I said I could of missed it or couldn't find an example in the examples section but this would be very useful as I have around 32gb's of game resources and a lot of them are for RPG games and they have a whole lot of spritesheets in png format. I just figured to use the assets I have for prototyping instead of making the assets myself tbh

You could do something like CopyImage and loop through spritesheet.

This " 16 tiles in a row and 12 rows of image data on a 512 by 384 pixels", what do you mean? 16 columns and 12 rows?

Here is some code that will compile directly but you can get the idea.

The easiest way to use a tileset at the moment is to use Tiled to draw your map and use importer code (search forum there is lots of TMX importers out there) to draw the map in AppGameKit, most people end up writing there own map editors its a relatively simple process once you know your way round the function set.

in short a tile is simply a sprite setup the same as an animated sprite 'SetSpriteAnimation' and it displays a tile from your tileset with 'SetSpriteFrame'

That is what I was thinking too, only I would save using the array for the layout of the map.

Just make a set of sprites from the sprite sheet then make a little map editor to clone the sprites for the array for the map grid.


Yes, from his dimensions given, they are 32 x 32 pixels for each image.

My code is like yours but a bit different for the example... (image is attached to run this code if you want)



I am using a temporary counter to go from 1 to 192 for the images, and each sprite being created is using an image assigned with the same number.

You can use the up and down arrow keys to cycle through the tiles. (notice that I resized the sprites to 64 x 64 to make them easier to see)

You can see the nested loop is like his, 16 inside of 12, because we increment the x position in the inner loop for each column.

Then, the outer loop is dropping down a row by an increment to the y position for the copied image.

Notice you have to reset the x position back to 0 each time you start the outer loop so we start our new row back at the starting position.

Like I said, I would save the array for the actual layout of the map for a logical order for the sprites made from the sprite sheet that are being cloned for the array.

That way, the array would be set up logically for the grid of the map and not the sprite sheet, but it can be set up multiple ways so it doesn't really matter.

That is just one way of doing it, and it would really depend on the map editor being used as to how you want to load these images and build your array.

As PartTimeCoder says, there should be some great tools for map making already in the forums that you will find by searching.

If you replace my image with yours, then you will cycle through your tiles with the sprite number being shown for each one.

I thought that numbering an image for you would help you understand how we are copying these images.

A map? Oh, I read it as he wanted something like a character sprite :-P

yea I should of being more specific but yea basically it's a bunch of images used for creating a map. Just trying to figure out if I want to hard code my maps or use a map editor like tiled

If you are going to make multiple large maps, then a map editor is great. A few small maps can be hardcoded.

_mySprite = createsprite(loadimage("tileset.png"))

setSpriteAnimation(_mySprite , 32, 32, 192)

Determine the size of your tiles:
512 / 16 = 32
384 / 12 = 32

The last number is how many tiles you have in your sprite sheet: 16*12 = 192

Now you can clone that sprite all you want and it'll share that same texture. Then use setSpriteFrame() to set the desired tile for that particular sprite.