117 lines
2.8 KiB
HTML
117 lines
2.8 KiB
HTML
<!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> |