Add files via upload
This commit is contained in:
arc1tec4
@@ -25,8 +25,67 @@
|
|||||||
tile_h - The height of each tile
|
tile_h - The height of each tile
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
<p id="rc_code"><code>
|
||||||
|
isFullScreen = <span class="rc_keyword">false</span> <br>
|
||||||
|
vSync = <span class="rc_keyword">true</span> <br>
|
||||||
|
winWidth = <span class="rc_number">640</span> <br>
|
||||||
|
winHeight = <span class="rc_number">480</span> <br>
|
||||||
|
canViewPortX = <span class="rc_number">0</span> <br>
|
||||||
|
canViewPortY = <span class="rc_number">0</span> <br>
|
||||||
|
<br>
|
||||||
|
OpenWindow<b>(</b><span class="rc_string">"TestTileset"</span>, winWidth, winHeight, isFullScreen, vSync<b>)</b> <br>
|
||||||
|
mCanvas = OpenCanvas<b>(</b>winWidth, winHeight, canViewPortX, canViewPortY, winWidth, winHeight, <span class="rc_number">1</span><b>)</b> <br>
|
||||||
|
Canvas<b>(</b>mCanvas<b>)</b> <br>
|
||||||
|
<br>
|
||||||
|
mAtlas = LoadImage<b>(</b><span class="rc_string">"testTileSet.png"</span><b>)</b> <span class="rc_comment">'Load in our atlas or tile set image </span><br>
|
||||||
|
<br>
|
||||||
|
mTileSet = CreateTileSet<b>(</b>mAtlas, <span class="rc_number">24</span>, <span class="rc_number">24</span><b>)</b> <span class="rc_comment">'Create a tile set and assign it a holder to access </span><br>
|
||||||
|
<br>
|
||||||
|
mTileMap = CreateTileMap<b>(</b>mTileSet, <span class="rc_number">20</span>, <span class="rc_number">20</span><b>)</b> <span class="rc_comment">'Create a tile map with our tile set holder "mTileSet" </span><br>
|
||||||
|
<br>
|
||||||
|
<span class="rc_comment">'Now we have a blacnk tilemap to fill with tiles, we now use the mAtlas image to fill in the map </span><br>
|
||||||
|
<span class="rc_comment">'First we will assign a grass tile across our entire tile map. lets grab a grass tile to fill in. </span><br>
|
||||||
|
<br>
|
||||||
|
FillTile<b>(</b>mTileMap, <span class="rc_number">166</span>, <span class="rc_number">0</span>, <span class="rc_number">0</span>, <span class="rc_number">20</span>, <span class="rc_number">20</span><b>)</b> <span class="rc_comment">'The tile number goes by starting at the top left corner to the right edge of the image, </span><br>
|
||||||
|
<span class="rc_comment">'then wraps around and comntinues the count, the image is 13 wide (0-12) so 166 would be </span><br>
|
||||||
|
<span class="rc_comment">'2 in from the end of the last row of images on the tileset. </span><br>
|
||||||
|
<br>
|
||||||
|
SetTile<b>(</b>mTileMap, <span class="rc_number">15</span>, <span class="rc_number">0</span>, <span class="rc_number">0</span><b>)</b> <span class="rc_comment">'With the map filled with grass tiles we can change a single tile, to a little guy in the </span><br>
|
||||||
|
<span class="rc_comment">'top left corner. </span><br>
|
||||||
|
<br>
|
||||||
|
<span class="rc_comment">'Before we begin our main loop, we need to make some variables for holding some important info </span><br>
|
||||||
|
mOffsetX = <span class="rc_number">0</span> <br>
|
||||||
|
mOffsetY = <span class="rc_number">0</span> <span class="rc_comment">'Offset values for where the tile is to be drawn from, used for scrolling. </span><br>
|
||||||
|
mViewportX = <span class="rc_number">640</span> <br>
|
||||||
|
mViewportY = <span class="rc_number">480</span> <span class="rc_comment">'How much of the tile map is to be drawn on the canvas </span><br>
|
||||||
|
<br>
|
||||||
|
<span class="rc_keyword">While</span> <span class="rc_keyword">Not</span> Key<b>(</b>K_ESCAPE<b>)</b> <br>
|
||||||
|
ClearCanvas<b>(</b><b>)</b> <br>
|
||||||
|
<br>
|
||||||
|
DrawTileMap<b>(</b>mTileMap, <span class="rc_number">0</span>, <span class="rc_number">0</span>, mViewportX, mViewportY, mOffsetX, mOffsetY<b>)</b> <br>
|
||||||
|
<br>
|
||||||
|
<span class="rc_keyword">If</span> Key<b>(</b>K_UP<b>)</b> <span class="rc_keyword">Then</span> <br>
|
||||||
|
mOffsetY = mOffsetY - <span class="rc_number">0.5</span> <br>
|
||||||
|
<span class="rc_keyword">ElseIf</span> Key<b>(</b>K_DOWN<b>)</b> <span class="rc_keyword">Then</span> <br>
|
||||||
|
mOffsetY = mOffsetY + <span class="rc_number">0.5</span> <br>
|
||||||
|
<span class="rc_keyword">ElseIf</span> Key<b>(</b>K_LEFT<b>)</b> <span class="rc_keyword">Then</span> <br>
|
||||||
|
mOffsetX = mOffsetX - <span class="rc_number">0.5</span> <br>
|
||||||
|
<span class="rc_keyword">ElseIf</span> Key<b>(</b>K_RIGHT<b>)</b> <span class="rc_keyword">Then</span> <br>
|
||||||
|
mOffsetX = mOffsetX + <span class="rc_number">0.5</span> <br>
|
||||||
|
<span class="rc_keyword">End</span> <span class="rc_keyword">If</span> <br>
|
||||||
|
<br>
|
||||||
|
Update<b>(</b><b>)</b> <br>
|
||||||
|
<span class="rc_keyword">Wend</span> <br>
|
||||||
|
<br>
|
||||||
|
<span class="rc_comment">'As you can see this replaces the grass tile with a character tile, if we wanted to place the character or any other object or image ontop of the tile </span><br>
|
||||||
|
<span class="rc_comment">'we would DrawImage() an image not using the tilemap. </span><br>
|
||||||
|
</code></p>
|
||||||
|
<p><img src="images/testTileSet.png" ></p>
|
||||||
<br><p>Related:
|
<br><p>Related:
|
||||||
<a href="createtilemap.html">CreateTileMap</a>
|
<a href="createtilemap.html">CreateTileMap</a>
|
||||||
|
<a href="settile.html">SetTile</a>
|
||||||
|
<a href="filltile.html">FillTile</a>
|
||||||
|
<a href="drawtilemap.html">DrawTileMap</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user