Cozy Top-Down Path Tileset

Top-down path tileset for tower defense maps

In short

Cozy Top-Down Path Tileset is a free CC0 set of 20 square tiles seen from straight above: three grass tiles, 15 sandy path pieces for every straight, curve, T junction, crossing and dead end, a stone build slot and a blocked tile. 8 decor sprites add trees, bushes, rocks and logs. One tile covers 2 × 2 m at 128 px or 64 px.

Tiles
20
Decor
8 decor sprites
Tile size
2x: 128 px · 1x: 64 px
Grid
1 tile = 2 × 2 m
Format
PNG, tile sheet with JSON, prop atlas, Tiled TMX and TSX
License
CC0 1.0

CC0 1.0 · no account, no attribution

Example level · example_2x.tmx
Top-down map with green grass, winding sandy paths, stone build slots and trees seen from above

0120 tiles in the sheet

  • Grass 3

    grass_agrass_bgrass_plain

  • Build slot and blocked tile 2

    build_slotblocked

  • Path pieces with exits 15

    path_straight_ns (NS)path_straight_we (EW)path_cross (NESW)path_corner_ne (NE)path_corner_se (ES)path_corner_sw (SW)path_corner_nw (NW)path_t_nse (NES)path_t_swe (ESW)path_t_nsw (NSW)path_t_nwe (NEW)path_end_n (N)path_end_e (E)path_end_s (S)path_end_w (W)

Cozy Top-Down Path Tileset: all 20 tiles of the 2x sheet
sheets/2x/tileset.png · 640 × 512 px · 5 columns

028 decor sprites

Frame size in whole tiles and the size seen from above in metres. The pivot is the centre of the sprite.

03Technical details

View
Orthographic top-down, north up, light from the upper left
Tile
2x: 128 × 128 px, 64 px/m · 1x: 64 × 64 px, 32 px/m
Tile sheet
2x: 640 × 512 px, 5 columns · 1x: 320 × 256 px, 5 columns, no spacing
Tiles per group
Grass 3 · Build slot and blocked tile 2 · Path pieces with exits 15
Path exits
15 tiles with pathExits (N, E, S, W)
Decor
8, frames in whole tiles, atlas 1,292 × 225 px (2x)
Tiled
cozy-topdown-decor_1x.tsx, cozy-topdown-decor_2x.tsx, cozy-topdown-tiles_1x.tsx, cozy-topdown-tiles_2x.tsx, example_1x.tmx, example_2x.tmx
Download
ZIP 1.8 MB, 73 files
License
CC0 1.0

Setup for Tiled, Godot, Unity, Phaser and PixiJS, auto-tiling and collision are explained on the tilesets overview.

Inside the ZIP: cozy-topdown-path-tileset.zip

  • cozy-topdown-path-tileset/LICENSE.txt
  • cozy-topdown-path-tileset/README.md
  • cozy-topdown-path-tileset/vorschau.png
  • cozy-topdown-path-tileset/atlas/4 json/png
  • cozy-topdown-path-tileset/png/1x/decor/8 png
  • cozy-topdown-path-tileset/png/1x/tiles/20 png
  • cozy-topdown-path-tileset/png/2x/decor/8 png
  • cozy-topdown-path-tileset/png/2x/tiles/20 png
  • cozy-topdown-path-tileset/sheets/1x/2 json/png
  • cozy-topdown-path-tileset/sheets/2x/2 json/png
  • cozy-topdown-path-tileset/tiled/6 tmx/tsx
Download ZIP (1.8 MB)

04About the tileset

The path is one metre wide and always leaves a tile exactly at the middle of an edge, so any path piece connects to any other. Each piece stores its open sides as pathExits, which makes placing paths by code a matter of looking at the four neighbours. Light falls from the upper left on every tile, and because each rotation was rendered on its own, the tiles should be placed as they are and not rotated in the engine.

The build slot is a stone platform with a gold ring in the middle, the natural spot for a tower, and the blocked tile with rocks and small plants marks ground where nothing can be built. The 8 decor sprites come from the same top view: pine, birch and apple tree, a bush, boulders, a stump, a fern and a fallen log. The whole set was rendered from the Cozy Tower Defense Kit, so a 2D map can match a 3D version tile for tile.

Good for

  • Tower defense maps with fixed build slots
  • Overworld maps for RPGs and board game adaptations
  • Procedural path generation with the pathExits data
  • Small strategy and puzzle games on a square grid

Questions and answers

How do I pick the right path tile automatically?

Check which of the four neighbours (north, east, south, west) is path, then take the tile whose pathExits list the same letters. One open side gives a dead end, two give a straight or a curve, three a T junction, four the crossing.

Why should I not rotate the tiles in the engine?

Every orientation is a separate render with the light from the upper left. A rotated tile would suddenly be lit from another side and stand out next to its neighbours.

How big is one tile in the world?

2 × 2 m, the grid of the 3D tower defense kit. At 2x that is 128 px per tile, 64 px per metre, so a 3.45 m pine crown spreads over about two tiles.