Step 4: Creating Animations from Sprite Sheet slices These images can now easily be used to create animations. You will see now in your Project panel, Unity has created an image for each of the slices, WHAT IS THIS SORCERY!!? If you are happy with how your sprites are sliced up, click ‘Apply’ in the top right corner of the Sprite Editor window. Texture Packer is good for this, as well as Flash CS6 / Flash CC. To avoid this happening, its important to use a good texture packing program. If this ever happens, I recommend opening the file in Photoshop and manually re-positioning the problematic sprites. Sometimes if the graphics on the sprite sheet are too close together, there will be problems with Unity determining where one sprite ends and another starts. One useful thing you can do is rename each sprite, doing so will more easily allow you to differentiate which image goes with which animation. Unity has now separated all the sprites, this is really cool!Įach sprite should have its own bounding box, clicking them give information on each sprite and allow fine tuning of sizes and pivot points. By setting the Pivot to ‘Bottom’ it sets the pivot point to the center bottom of the sprite, and slicing ‘Type’ in this particular case should be set to be automatic. Lets start By clicking the ‘Slice’ drop down in thye top left corner of the Sprite Editor window. It allows for easy animation setup and management. The Sprite Editor is one of the powerful new 2D work-flow features introduced to Unit圓D. Step 3: Slicing up Sprites in the Sprite Editor Ok, so lets see some Unity magic, click and open the Sprite Editor.
If not, you can change the settings in Edit > Project Settings >Editor then selecting ‘2D’ for the Default Behavior Mode. Note* Make sure the ‘Texture Type’ is set to Sprite 2D, this should be selected as default if you created a 2D project in step 1. This tells Unity that our sprite sheet has more then one image. We will want to change a few of the default settings to better suit our needs, firstly in the ‘Sprite Mode’ drop down, change it to ‘Multiple’. Once you have placed the sprite sheet file into your sprite-sheet folder, clicking it in the Project panel will show you several options as shown below.
#Texturepacker sprite sheet center download#
In this tutorial I will be using the sprite sheet below, Please download it here – Ken Sprite Sheet – and place it the sprite-sheet folder you created if you want to make high performance 2D games, you should be using them. In a nut-shell, a sprite sheet is a way of packing images together as one image, which is then used to create animations and sprite graphics which lower memory usage and increase performance of games. Step 2: Import and setup the Sprite Sheet In the project panel create the following 5 folders. We will now want to create a few folders to help organize our project. If you do not have this drop down, you are using an old version of Unit圓D. In the Unity Project Wizard, select ‘2D’ from the drop down highlighted in the image below then click ‘Create’. This process will include importing and slicing a Sprite Sheet (Ken from Street Fighter), assigning animation states with the new animation controller, and scripting simple keyboard controls to change the animation states.įirst thing we will want to do is make sure our Unit圓D version is up to data and then create a new project.
#Texturepacker sprite sheet center how to#
In this tutorial I will be explaining how to manage 2D animation states for characters in Unit圓D using the new 2D tools that shipped with version 4.3.
0 kommentar(er)
