HowToUseTiledToCreateStendhalMaps: Difference between revisions

Jump to navigation Jump to search
Content deleted Content added
imported>Kiheru
m Editing the map: Explicitly mention the layer(s) where tree tops should be
imported>Kiheru
Editing the map: Added instructions for drawing trees
Line 166: Line 166:
Now let's add houses and a tree to our village. As you can see adding elements isn't hard, you simply must flip between layers.
Now let's add houses and a tree to our village. As you can see adding elements isn't hard, you simply must flip between layers.


And now for the tree. Trees are a bit more complex than houses because they are split over two layers: 1 and 2. <br>Make sure that the <b>upper part</b> of the tree is <b>always</b> on either <b>3_roof or 4_roof_add</b>. This will mean it is drawn over player when they stand 'behind' it.
And now for the tree. Trees are a bit more complex than houses because they are split over two layers: 1 and 2. <br>Make sure that the <b>upper part</b> of the tree is <b>always</b> on either <b>3_roof or 4_roof_add</b>. This will mean it is drawn over player when they stand 'behind' it.


First we add ''tileset/plant/tree/spruce.png'', and then draw the lower part of it to the ''1_terrain'' layer.
http://arianne.sourceforge.net/wiki_images/tiled_25.jpg <br><small>Figure 17: The foot of the tree on the floor layer</small><br>
[[Image:Tiled12.png]] <br><small>Figure 10: The foot of the tree on the terrain layer</small><br>


Now switch to the roof layer. The roof layer is for objects that are drawn on top of players and creatures in the game.
We add the bottom of the tree, tile by tile.<br> Now switch to the roof layer.


Draw the upper part of the tree on roof layer.
http://arianne.sourceforge.net/wiki_images/tiled_26.jpg <br><small>Figure 18: The roof layer is for objects on top of everything</small><br>


Now we add the upper part of the tree on layer roof
[[Image:Tiled13.png]] <br><small>Figure 11: The upper part of the tree on the roof layer</small><br>

http://arianne.sourceforge.net/wiki_images/tiled_27.jpg <br><small>Figure 19: The upper part of the tree on the roof layer</small><br>


Let's practice this. Let's add another tree.
Let's practice this. Let's add another tree.


http://arianne.sourceforge.net/wiki_images/tiled_28.jpg <br><small>Figure 20: The bottom of our second tree</small><br>
[[Image:Tiled14.png]] <br><small>Figure 12: The bottom of our second tree</small><br>


Remember how to deal with two layers? Make sure the top of the tree is on the roof layer.
Remember how to deal with two layers? Make sure the top of the tree is on the roof layer.

[[Image:Tiled15.png]] <br><small>Figure 13: The Top of our second tree</small><br>


Still there? Good, now let's add lots of details to make a good map!
Still there? Good, now let's add lots of details to make a good map!