"Unity3d Basic Tutorial" for beginners to see the Unity Tutorial (iii): Through the production of Flappy Bird learn native 2D sprite,animation

Wang Xuan Yi, Source: http://www.cnblogs.com/neverdie/ Welcome reprint , please also keep this paragraph statement. If you like this article, please click "Recommend". Thank you!

Introduction

The last time we talked about Monobehaviour's past life, we learned that every gameobjec in the game is controlled by a script, and this time we started to native the sprite in unity in 2D and use animation to get the sprite moving.

In the next few blogs, I will be doing a Flappy Bird to explain the use of components in unity, the source of the project is here: Unity Flappy Bird. You are welcome to fork and star.

How to create a sprite

To create a Sprite, follow these steps

1. Add a sprite resource by dragging a picture to a folder in Project view.
2. Modify the properties of the sprite resource and, if it is Spritesheet, split it in the Sprite editor.
3. Drag a sprite resource into the scene view, or hold down the CTRL key while you drag several pictures in Spritesheet to the scene view, which creates an animation at the same time.

In the process of creating a Sprite, please note that:

• A sprite is added to a gameobject as a property of the sprite renderer component.
• The sorting Layer property in the sprite renderer allows you to set the priority of the sprite being rendered.
• Spriterenderer uses the texture in the Sprite property, but using shader (shader) in material, the sprites/default of the default selection is ignored by the illumination, and Sprites/diffuse This shader is not to ignore the light. If you set material to none, you will find that the sprite cannot be displayed because you are not coloring the sprite.

Detailed settings for Sprite

Spritesheet: As the name implies, it means putting multiple sprites in a single picture. In general, a frame animation is placed in a picture, the game engine will split the Spritesheet, take turns to play each frame in the Spritesheet, forming an animation sequence. Such as:

Corresponds to 1, 2, 33 points, I say the notes separately

1. When the sprite mode is single, you can set the pivot point of the sprite in inspector, and if you have used cocos2d-x before, you will know that this pivot Point is the equivalent of anchor point in Cocos2d-x. In scene, we will use this pivot point as the center to rotate the sprite, translate the transform settings. If you are using Spritesheet, you can set pivot settings for each sprite in the sprite editor.
2. Since the units are unit in unity, in order to guarantee 3D and 2D consistency, we also use unit as the unit of measure in 2D games. Pixel to units a few of this conversion ratio. For example, a sprite picture with a width of 100, displayed in scene with a length of 1Unit.
3. In the sprite editor can be automatic and grid two forms of cutting, in general, Automatic has been able to better solve the problem, once encountered we need a few sprite picture size consistent, you can use Grid (GRID) segmentation, To limit the size of each sprite.

How to add a animation to a sprite

There are two ways to create animations, one we've said above, to drag several sprites from Spritesheet to the scene view at the same time.

The other is in the scene view, select the gameobject you want to animate, and in Animation view, click Add curve to animate the various properties of the Gameobject.

In unity, animation is a relatively broad concept and is not limited to frame animations. It includes dynamic changes in the various properties of the Gameobject. If you click on Add curve, you will see this interface:

In the above picture you can see that from position to color, from rotation to Sprite, it is possible to animation, because animation in unity is actually adding a change curve. Rather than the animation we generally understand.

Another thing to explain is the difference between animator and animation, to note that if you want to lay a animation move up, then you must need two assest resources, respectively, animation clip and animator controller two kinds of resources. In project, it is the following representation:

Animator is an animated state machine that controls the switching between the various animation. In the following blog we will talk about its use. =w=

Detailed settings for animation

In the diagram above, I have highlighted some of the important cases in the animation view.

1. KeyFrames are the turning point of the animation, where you set some of the sprite's points of change, or a turning point for position data.
2. An animated event can be set at a frame of the animation, and the so-called animated event that can be set in this frame is the non-overloaded function of all the script components on this gameobject (that is, functions such as removing onupdate,start). After the animation event is set. You'll notice that every time the animation loops over, the function is called at that frame.
3. Add a change curve, as stated above, to transform any property.
4. Sample refers to the sampling, that is, in the 1s set how many frames, in the figure we can see the 1s interval of 12 dashed lines, which means that in this second, we set 12 frames to adjust the animation. Note that the sample here is not related to the refresh frame rate that we set for the game.

Summarize

In general, it's very handy to edit animations in Unity's animation, and it's kind of niaoqianghuanpao when you used cocos2d-x to edit animations. But the support of the sprite itself is a bit uncomfortable, because do 2D, or not used to unity in the German coordinate system, because the production of 2D games we often killed the pixel pixel as the most important unit of measurement, Unity replaced unit units, feel a little overwhelmed, But this is a change in the way the 3D engine thinks.

Resources

Official Documents of Spriterenderer