Skip to content

Latest commit

 

History

History
69 lines (37 loc) · 3.54 KB

getting-started-tileset.md

File metadata and controls

69 lines (37 loc) · 3.54 KB

Slate - Getting Started with Tilesets

Contents

Step 1: Creating a New Project

Whether you have an existing tileset or wish to create a new one from scratch, the first step is to create a new project. There are two ways to do this: Ctrl+N or via the File menu.

In the screenshot below, we'll use the File menu.

File menu

When creating a new project in Slate, you can either start from scratch with a blank tileset, or use an existing tileset.

In the screenshot below, we'll create a new tileset using the default options provided for us.

Default options

Step 2: Drawing Tiles

Now we've got an empty canvas.

Default options

In Slate, the editing process is: draw tiles, draw pixels on those tiles. By default, the tool mode is set to tiles ( ), so that all tools operate on tiles, rather than pixels.

Let's use the pen tool ( ) to draw a tile onto the canvas.

Pen tool

Notice that the canvas is displayed in both panes. To make it easier to do pixel-perfect editing, each pane can have its own zoom level. Let's try this out by using the mouse's scroll wheel to zoom in on the pane on the right side of the screen:

Zoom

The zoom functionality works by using the mouse cursor as the focus point, so that whatever is under the cursor will be in the centre of the pane.

It's also possible to centre the views of both panes over the centre of the canvas by clicking View > Centre.

Zoom

To pan (move the position of) a pane's view, hold the space key down while dragging.

Step 3: Drawing Pixels

Now that we have a tile on the canvas, let's draw some pixels onto it.

To draw pixels, ensure that the tile mode tool button is unchecked. You can also use the T key to toggle the tool mode.

Pen mode

Using the same pen tool ( ) that we used earlier, draw on the tile.

Drawing pixels

Notice that the tileset swatch in the lower right side of the screen contains the changes we just made.

Most actions in Slate can be undone and redone, using either the tool buttons shown below, or the standard keyboard shortcuts for your operating system.

Undo, Redo

WIP