Tilemap/tileset system

Before we can do anything with the tileset, we need to create a tilemap layer first. See how we do that here.

Note that we can only operate with the tileset/tilemap system when the tilemap layer is selected.

Know the tileset window

1. The available tiles

2. Tile eraser

3. Add new tile - new tile will be added after the selected tile or at the end if nothing is selected

4. Remove the selected tile

5. More button and the options

6. Window resize

Assign tile to the tilemap

To assign tiles to the grid on the canvas, we need to first select the tile. Tap on a tile to select it.

The selected tile will have a border around it. Now select the brush button on top of the tileset window and then draw the tiles onto the canvas.

Removing an assignment is the same as assigning tiles, but we need to select the eraser button instead of the brush.

Reorder tiles

To reorder tiles within the tileset, we need to long press on a tile, and then drag it to the new position. The assignment on the tilemap grid will be updated automatically to match the new order.

Import/Export

There are 2 supported file types for tilesets:

• pxts: Pixquare's own tileset file format, for effortless transfer within Pixquare

• png: For better compatibility with other software and game engines

We can also convert regular layers into tilemap layers. To do that active the contextual menu, then tap "New tilemap layer".

Tileset exporting

To access this menu, select the "..." button of the tileset panel, then "Export"

These tinkerings are only needed for png format. We can select "Individual PNGs" to export the tiles into individual pngs instead of in one sheet.

Tileset importing

We can import tilesets when we create new tilemap layers. And again, pxts file will just work, while png importing will require tinkerings like the above image.

What else?

That's it, we can now start drawing and see the magic of the tileset system.

We can animate tilemap layers just like regular layers.