Envision, Create, Share

Welcome to HBGames, a leading amateur game development forum and Discord server. All are welcome, and amongst our ranks you will find experts in their field from all aspects of video game design and development.

Fast Cave Mapping

Fast Cave Mapping
A tutorial on mapping caves by Dwight Delleva

The following tutorial can be applied when making other maps using the other cave dungeon tilesets.

You can also read the Portuguese version of this guide here translated by Gemstone.

Note: The picture examples are simply done so you can easily understand the tile's use. 

Contents:
Introduction
Tileset Review
Mapping Caves the Usual Way
Mapping Caves the Easier Way
Other Tilesets and Other Ways to Use Them

Credits:
Rocky Cave - Unknown
Hell Tileset - Zanyzora
Tree Tileset - Unknown

Introduction:

The Drawing Buttons
Use the three drawing buttons at your convenience.

pen.jpg
Pencil - the pencil makes a small dot when you click on the mapping area, as you drag the mouse, you can make a line.  Click this button to manually draw something like the line of the dark soil as shown in the picture below. 

square.jpg
Rectangle - the rectangle button makes a square as you drag your mouse.

circle.jpg
Ellipse - the ellipse button makes a circular shape.

layer1-1.jpg
Layer Buttons - These are the map layers.  The orange color corresponds to the layer level.  The icon in the farthest left side is the lower layer or we'll call it layer 1.  The second icon after layer 1 is the middle layer or layer 2, the third icon is the upper layer or layer 3.  The last blue cube is the event layer.  This is useful when some tiles are missing when testing the game like for example, take a look at the picture below.  Look at the orb as marked hidden under an elevated floor tile.  To fix this problem, you just insert and event in the event layer.

example.jpg


By inserting an event in the event layer using the right tile, the orb becomes visible during game play.

orbvisible.jpg


This is done by using the always on top option:

top.jpg



Tileset Review:

The marked tiles in the picture below are what I call the elevated floor tiles.  The upper tiles can be used in layer 2 or 3 while the lower tiles can be used in layer 1.  The tiles marked with "S" are used with the elevated floor tiles.

icemarked1.jpg


For you hero get to the upper level of the elevated floors of your cave, we can use the following marked tiles.

markedway.jpg


Look below example on how the tiles can be used.  The stairs can be used in layer 2 or 3.  The slope as seen under can be used in layer 1.  The rope ladders can even be used like the one I did below.

path.jpg


The following marked tiles (below) are the tiles that I refer as edges.  They can be used to add the darker spaces that makes up the shape of the cave.

edgesmarked.jpg


The following marked tiles (below) are the cave's walls that can be used in layer 1.  The tiles with broken lines are still part of the walls of the cave.  The longer wall below with the shades darkening are used for pits.  Other wall parts are marked and seen in the next fourth picture.

walls.jpg


Look below example on how the pit tiles can be used.

pit.jpg


Look at the left side of the picture (below) to see the tiles used in the mapping area.  The same tiles could be found in other cave tilesets only with their appearance and other elements changed.  Layer 1 is the best layer to put on the walls and the floor autotiles.

caveref5.jpg


Look at the picture below to learn how to extend cave walls.

wallsextend.jpg


The marked tiles on the tileset seen on the left side correspond to the colors in the marked tiles on the mapping area.  It can be used as what you can find in the picture examples below.

caveref3.jpg


The marked tiles above picture can be used the same way as with the next marked tiles in the next picture.

caveref4.jpg


For the usual cave mapping, the upper half of the cave (from the orange marked tile to the light blue tile including the red and gray) below are put in layer 1 while the lower area, the cave's edges (tiles marked with yellow, green, and brown) can be put in layer 2 or 3. 

caveref2.jpg


If we add the elevated floor of the cave in layer 2, we should put the edges in layer 3.  If you don't put the elevated floor tiles, you can also use layer 2.  You can always use any layer to place your tiles.  Test play and make sure that everything looks fine.  When following another approach (learn this on the section "mapping caves the easier way"), you can either use layer 2 or layer 3 for the cave autotile.  Read the section on how to easily design cave's using the prepared autotiles.

caveref1.jpg


The orange marked tile on the tileset below, can be used to extend the height and width of your caves.  The same with the pink and light blue tiles.  For a "variation" on the walls, you can use the following tiles as marked below.  To add shadows on the walls, use the marked tiles as seen below.  To really understand the marked tiles, refer to the pictures under "mapping caves the easier way".  The yellow marked tile with the stretched rectangle in the mapping area is the shadow of the wall.

iceref.jpg
 
Mapping Caves the Usual Way
If you want to do it the slow way, follow this tutorial.

You can use layer 1 to put on the walls, edges and the floor of the cave.  We used the tile as marked below for the ground of the cave.

earthground.jpg


On layer 1, Use the following autotiles as marked below picture for the cave's floor.  Draw them in a random manner.

ground.jpg


Use the marked black tile as shown in the picture below to add the dark space.

dark.jpg


Refer to the picture below to know what tiles are used on the mapping area.

caveref2.jpg


We use the layer 2 or the middle layer for the upper edges of the cave.  Refer to the marked tiles on the left side of the picture below.  These are the tiles used for layer 2.

dark2.jpg


If you will use the sunlight tile, you can put it on layer 1.

sunlight.jpg


You'll then have to put the edges in layer 2.

dark3.jpg


If you decide to add more things like elevation in layer 2...

dark4.jpg


...Put the elevated floor tiles in layer 3.

dark5.jpg


And this what will look like during game play:

dark6.jpg
 
Mapping Caves the Easier Way

Follow this tutorial if you want to map caves faster and easier.

Note: In this tutorial, you can follow either two of my approaches.  For type 1,  the autotiles are used in layer 3 so that the elevated floor tiles of the cave can be used easily in layer 2.  Follow type 2 so you can use more tiles from the tileset.  Type 2 uses the second layer for the autotiles.  In this approach you can still use the elevated floor tiles.  You'll just need to cover tiles in layer 3.

We can use the following autotiles for easily mapping cave interiors. 

earthcave.png

firecave.png

Icecave.png

watercave-2.png

mine.png

EvilCastle.png

innerbody.png


Go to the database and set them to their specific tilesets.  Set the passability to square and the priority to 5.  This will make the autotile feel like the normal tileset.

setup.jpg


The autotile goes here as shown below picture.

tilehere.jpg


Type 1

We used the tile as marked below for the ground of the cave.

earthground.jpg


Click on the flood fill button
fill.jpg
and click the lower layer button
layer1-1.jpg
.

Click anywhere on the mapping area.  The fill button fills up all the white area in  layer1 or the lower layer.

layer1s.jpg


ground.jpg


Use the following autotiles as marked above picture for the ground of the cave in layer 1.  Draw them in a random manner.

earthscreen1.jpg


Let's go to layer 3
layer3.jpg
or the upper layer. Choose the earth cave autotile and draw any shape that will make up the cave area using the pencil tool.  Add a small area for the entrance.  Make this noticeable to your player's eyes as seen below in the lowest part of the map.

draw3.jpg


Use the fill tool and click outside the line you draw before.  This makes the dark area as shown below picture.

fillin.jpg


Get back to the first layer and put on the walls.  Use the tiles as marked on the left side of the picture below.

wall.jpg


You can use the sunlight tile in the cave's entrance on layer 1.

layer1earth.jpg


Go to layer 2
middle.jpg
or the middle layer.  This is where we can add the cave's "things".

layer2earth.jpg


Use the third layer to fix things or add more things.

layer3earth.jpg


This what will look like during game play.

finalscreen.jpg
 
Type 2

Layer 1
We can use the lower tiles of the elevated floor tiles in the first layer.

ice1.jpg


Layer 2
We use the upper tiles of the elevated floor tiles in the second layer.

ice2.jpg


Layer 3
We use the third layer to cover tiles we need to hide so that we can still use the elevated floor tiles in layer 2.

ice3.jpg


Output

icefinal.jpg


The marked tiles named variation on the left side of the picture as shown below is the same as the tiles you can see above with the orange square.  The marked tiles named shadow are the tiles you can use to add shadows on your cave.  Look at the layer 1 picture before for reference of the cave's shadows.  The yellow marked tile with the stretched rectangle in the mapping area uses the shadow tiles.  As you can see with the 6 orange marked tiles in the mapping area, we use the same orange marked tile in layer 1 to extend the height of the walls of the cave in the upper area of the map.  The same method used with the 2 light-blue marked tiles.

iceref.jpg
 
Other Tilesets and Various Ways to Use Them

Rocky Cave
Note: Do not right-click to save the tileset, the picture below is only a preview.  Click on the picture for the actual tileset.

Using this Tileset

Layer 1
bc1.jpg


Layer 2
bc2.jpg


Layer 2
bc3.jpg


Output
bcfin.jpg



Hell
Note: Do not right-click to save the tileset, the picture below is only a preview.  Click on the picture for the actual tileset.

Using this Tileset

Other things you can use with this tileset:
Burning.png


The three following resources are original modifications of mine so you can use them with the hell tileset.
hellcaveautotile.png


hellwater.png


hellwaterfall.png


Layer 1
h1.jpg


Layer 2
h2.jpg


Layer 3
h3.jpg


Output
hellscreen.jpg


Inside Tree
Note: Do not right-click to save the tileset, the picture below is only a preview.  Click on the picture for the actual tileset.

Using this Tileset

Layer 1
t1.jpg


Layer 2
t2.jpg


Layer 3
t3.jpg


Output
Interior
insidetreescreen.jpg


Exterior
tree1.jpg


FIN...
 
The Inside Tree one is smexi. I've never been able to use that tileset right, but I love the tileset.

Now I can actually use it!

Good work.
 
Damn nice tutorial, I find that too many people don't know how to map a cave, which is weird since it's very similar to mapping interiors.
 
Pretty good tutorial.
BTW - the hell tileset should credit to Zanyzora. Not sure about the other one, but think that might be their's also.
 

Thank you for viewing

HBGames is a leading amateur video game development forum and Discord server open to all ability levels. Feel free to have a nosey around!

Discord

Join our growing and active Discord server to discuss all aspects of game making in a relaxed environment. Join Us

Content

  • Our Games
  • Games in Development
  • Emoji by Twemoji.
    Top