Sprite Editor

Sprite Editor

The Sprite Editor, also known as Spriteward, is a tool created by Big Bad Waffle (the developer of Isleward) to assist players, developers, and modders in creating images (also called assets or sprites) that work well in the game.

While the Sprite Editor works well for prototyping images and making quick edits, it can be tedious to test the created images in the Isleward server, since there is no way to download a created image.

The Sprite Editor can be accessed [spriteward.herokuapp.com/spriteEditor here], but the source code is currently not public.

User Interface

The user interface (or "UI") of the Sprite Editor is simple to start using. It consists of the canvas, the palette, the tool selection area, and the preview area. Additionally, the save and load menus can be used for saving your work, viewing the work of others, and remixing your past work and the work of other users.

Canvas

On the left side of the screen, there is a canvas or drawing area. Hovering over the canvas will cover the currently selected pixel with the currently selected color. Clicking with the left mouse button will change a pixel to the selected color. Clicking with the right mouse button will select the color that is being hovered over (commonly called the "eyedropper" or "color picker" tool in other image editing software). The canvas is where all the editing happens when using the Sprite Editor.

Color Palette

The color palette is how you select colors to draw with. It can be found at the top right of the Sprite Editor. Left-clicking on a color in the palette will select that color. The currently selected color will have a white outline/border around it. Scrolling up and down with a mouse wheel (or scrolling up and down on a trackpad, if your trackpad is capable of doing that) will also scroll through color choices. When using the Sprite Editor, the colors in the color palette are the only ones you are allowed to use. There is currently no way to change the palette when using the editor.

Tool Selection

The tool selection area, located below the color palette, allows you to select different tools to use when creating your TBF

Preview

TBA

Load Menu

TBA

Save Menu

TBA

Tools

TBA

Controls

TBA