Cocos2D-JS-Quick-Tutorials icon indicating copy to clipboard operation
Cocos2D-JS-Quick-Tutorials copied to clipboard

Published 20 hours ago • verified publisher icon Gurigraphics

13 | Cocos2D-JS | How create a tilemap

Open Gurigraphics opened this issue 7 years ago • 0 comments

13 | How create a tilemap

Step 1

Save this image in folder "res" as "tileset.png" enter image description here

Step 2

Download the Tiled, export and run -> link

Step 3

Create new map enter image description here

Step 4

Set the configurations: enter image description here Orientation: Orthogonal Tile layer format: Base64 (zlib compressed) Tile render order: Right Down Map Size. Fixed: 40 tiles by 30 tiles (640x480) Tile Size: 16px by 16px

Step 5

Save As... "map.tmx" Save inside folder "res".

Step 6

Click in "New Tileset" or in "icon" enter image description here

Step 7

Set configurations: enter image description here Name: tileset Type: Based on Tileset Image Select "Embed in map" Click in "Browse" and select the "image" Tile width: 16px Tile height: 16px Click ok

Step 8

Draw a tilemap and click in save enter image description here

Gurigraphics avatar Apr 30 '18 19:04 Gurigraphics