
Start by clicking on the tile you wish to use in the Tile Palette. Once you have selected an Animation and Frame to edit you can use the Tile Palette and Frame Canvas to create an animation frame. Make sure that the spritesheet you're using has animations defined for the state you've chosen in the event! Frame Canvas This allows you to choose an actor and which animation state you should switch to. To switch which animation state an actor should use in your game you can use a Set Actor Animation State event. The list of sprite names is global for your project and it's recommended to keep the number of unique names low as each one you add increases the amount of memory required for all sprites in your game, e.g rather than having two sprites with states Explode and Squash, consider making a single state used by both called Destroy. Once you've created a new Animation States you can name it by typing in the State Name input in the Editor Sidebar or by selecting an existing sprite name. Using the + button in the Animation Navigator you can create new Animation States, these let you create custom animations that can be triggered from scripts.
Some sprite types also allow you to “Flip ‘Right’ to Create ‘Left’ Facing Frames”, this lets you create both the left and right sprite animations from a single animation that gets flipped automatically saving you from creating these animations manually. For example while you can use any sprite type for a Platformer scene player, it's recommended to set the type to be Platformer Player as this will allow you to configure the Jump and Climbing animations. In the Editor Sidebar you can choose from a list of sprite types, setting this will determine the number of animations available for your sprite and what names they have in the Animation Navigator.
A Collision Bounding Box this is the width, height and position of an invisible box used for collision detection within the game engine, set this to fit as closely as possible around the collidable area of your sprite. A Canvas Size this is the width and height of your Frame Canvas, set this from the Editor Sidebar to the size you want your sprite to be. Click into the tiles palette to select a tile, you can then draw it by clicking into the Frame Canvas. Each animation state consists of multiple animation frames, viewable in the Frames Navigator, click the + button to create a new frame, and click a frame to view it in the Frame Canvas for editing. Multiple Animation States, by default only a single animation state is created for a sprite, you can make a new one by clicking the + button in the Animation Navigator. When you want to progress to making more complex sprites you can use the Sprite Editor by clicking the Project View Button and selecting Sprites. png` containing six frames, two forward facing, two upwards facing and two right facing animation frames.Īs there are limits to how many sprites tiles can be loaded into a single scene don't use animated sprites unless you know your NPCs will need animated movement. To make sprites that have animated movement, or that can be used as a player character, create a 96px x 16px`. The left facing sprite is automatically generated by flipping the right facing sprite horizontally so does not need to be created. png` containing the three frames forward facing, upwards facing and right facing. To make sprites that can face in four directions turning towards the player, create a 48px x 16px`. Using these sprites on an actor will enable you to select which frame you want to display by default and will allow an animation to be played at a specified speed. png with between 2 frames at 32px x 16px and 25 frames at 400px x 16px. If you want to have sprites that play short animations you can make a. png as a 16px x 16px image containing just the one frame required. static items such as signposts) create your. Static spritesįor sprites that only need a single frame (e.g. A sprite with a single frame will be 16px x 16px while a sprite with three frames will be 48px x 16px. A simple sprite consists of one or more 16px x 16px frames laid out horizontally in file. The easiest way to create a new sprite in GB Studio is to use simple sprites. png files in your project's assets/sprites folder. Sprites are the graphics used by playable or interactive characters in your scenes.