Added new functions to documentation
This commit is contained in:
117
doc/doc_files/nirvana_tile_editor.html
Normal file
117
doc/doc_files/nirvana_tile_editor.html
Normal file
@@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
|
||||
<title>Nirvana2D [RCBasic Doc] </title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p><h2>Nirvana2D Tile Editor </h2></p>
|
||||
<p>
|
||||
The Tile editor allows you to edit tile sets used to create tile maps in the stage editor. A tile set can have animations and tile mask which are ways of flaging tiles.
|
||||
</p>
|
||||
<p>
|
||||
At the far left of the screen there are 2 buttons:
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Load Tileset - Loads a tile sheet into the tile set list.
|
||||
<ul>
|
||||
<li>
|
||||
NOTE: This will also load any existing animation and mask data for the sheet as well.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
Delete Tileset - Removes a tile set from the editor.
|
||||
<ul>
|
||||
<li>
|
||||
NOTE: This will remove any layer in the stage that uses this tile set.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
At the top of the Tile Editor is a text field labeled "Tileset ID" where you can change the name of the Tileset. To the right of the Tileset ID field, the dimensions of the tile selected.
|
||||
</p>
|
||||
<p>
|
||||
<h2>Animation Editor</h2>
|
||||
</p>
|
||||
<p><img src="images/nirvana_tile_animation_editor.png" width=640 height=380></p>
|
||||
<p>
|
||||
<p>#1 - Tile Sheet - View and select tiles
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Movement - With the mouse hovered over the Sprite Sheet, you can use W/A/S/D to move around the sheet
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
</p>
|
||||
</p>
|
||||
<p>
|
||||
<p>#2 - Frame Panel - Select the animation frame to set
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
NOTE: Must be in animate mode to change a frame from the tile sheet. Otherwise selecting a tile on the tile sheet will change the base tile to animate.
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
</p>
|
||||
</p>
|
||||
<p>
|
||||
<p>#3 - Select Base Tile - Switches to Base Tile Select Mode</p>
|
||||
</p>
|
||||
<p>
|
||||
<p>#4 - Animate Tile - Switches to Animate Mode</p>
|
||||
</p>
|
||||
<p>
|
||||
<p>#5 - Frame Count - Sets the number of frames in the base tile animation</p>
|
||||
</p>
|
||||
<p>
|
||||
<p>#6 - Speed - Sets the frames per second the base tile animation plays at</p>
|
||||
</p>
|
||||
<p>
|
||||
<p>#7 - Preview - Play the sprite animation</p>
|
||||
</p>
|
||||
<p>
|
||||
<h2>Mask Editor</h2>
|
||||
</p>
|
||||
<p><img src="images/nirvana_tile_mask_editor.png" width=720 height=440></p>
|
||||
<p>
|
||||
<p>#1 - Mask List - Select a mask to edit
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
New Mask - Create a new mask in the current tile set
|
||||
</li>
|
||||
<li>
|
||||
Delete Mask - Delete the selected mask
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
</p>
|
||||
</p>
|
||||
<p>
|
||||
<p>#2 - Mask ID - Change the mask ID from this field</p>
|
||||
</p>
|
||||
<p>
|
||||
<p>#3 - Tile Sheet - View and select tiles
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Movement - With the mouse hovered over the Sprite Sheet, you can use W/A/S/D to move around the sheet
|
||||
</li>
|
||||
<li>
|
||||
Flag Tile - To flag a tile in the mask, left click the tile. To unflag a tile, Right Click on it.
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
</p>
|
||||
</p>
|
||||
<p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user