在游戏中,还有一种比较常见的动画,这是进球后产生,分数将被显示在游戏,而快速移动,使其失去位置加入。就打算使用NGUI的Tween来制作这样的分数动画效果。
依据 Unity插件之NGUI学习(2),创建一个UI Root。然后使用NGUI创建一个Label和一个Button。
在Project窗体中,在Resources/Prefabs目录中创建一个Prefab。该Prefab就是一个NGUI的Label,然后在菜单中选择NGUI->Tween->Rotation和NGUI->Tween->Position
Play Style表示动画播放方式。
Animation Curve动画速度曲线。点击后能够自己定义。
Duration指定一次动画的时长。Start Delay进行延迟play。秒为单位。
Tween Group表示渐变动画组ID。
Ignore TimeScale是否忽略TimeScale。
Tween Rotation中
From和To,分别设置该GameObject開始和结束时在x,y,z上的旋转角度,如今我在To的z轴上设置了-720,表示该物体会在z轴上按顺时针旋转2圈。
Tween Position中
From和To,分别设置该GameObject開始和结束时在x,y,z上的坐标,该值为NGUI下的坐标系,这里暂且不设置To的坐标值,后面会在代码中进行设置。
在Project窗体中创建一个TweenTest的脚本文件。代码例如以下:
using UnityEngine;
using System.Collections;
public class TweenTest : MonoBehaviour {
private GameObject prefab;
private UIButton btn;
private UILabel scoreLabel;
private int score;
private int add;
private GameObject addscore;
void Awake() {
// 预先创建好经常使用的得分Prefab
prefab = (GameObject)Resources.Load("Prefabs/AddScore");
}
// Use this for initialization
void Start () {
score = 1000;
btn = GameObject.Find("Button").GetComponent<UIButton>();
scoreLabel = GameObject.Find("Score").GetComponent<UILabel>();
scoreLabel.text = "" + score;
// 设置button响应函数
EventDelegate.Add(btn.onClick, AddScore);
}
// Update is called once per frame
void Update () {
}
void AddScore() {
// 克隆得分GameObject
addscore = (GameObject)Instantiate(prefab, new Vector3(0, 0, 0), transform.rotation);
UILabel addlabel = addscore.GetComponent<UILabel>();
System.Random random = new System.Random();
// 随机得分数
add = random.Next(50, 100);
addlabel.text = "" + add;
// 获取TweenPosition对象
TweenPosition tweenP = addscore.GetComponent<TweenPosition>();
// 设置To的坐标值,该值为NGUI的坐标系的值,所以须要逆转world坐标值transform.InverseTransformPoint
tweenP.to = transform.InverseTransformPoint(scoreLabel.transform.position);
Debug.Log(tweenP.to.ToString());
// 设置动画播放结束后的回调函数
EventDelegate.Add(tweenP.onFinished, ScoreMoveFinished);
// 在Inspector窗体Tween Position勾选去掉了脚本名字那里的复选框,所以Tween
Position不会运行,须要手动Play
tweenP.Play();
}
void ScoreMoveFinished() {
score += add;
scoreLabel.text = "" + score;
Destroy(addscore);
}
}
当中关键的代码就是tweenP.to = transform.InverseTransformPoint(scoreLabel.transform.position);由于Tween
Position的To,From的值是基于NGUI的坐标系,而我能眼下能取得的是scoreLabel.transform.position,它是世界坐标系的值,所以须要转换为NGUI坐标系的值。
这正好是(8)中坐标系的逆转。
然后将脚本加入到UI Root下,执行后。点击button就会在中间随机产生一个分数,然后会高速旋转并移动到总分的位置,并使总分累加。
版权声明:本文博主原创文章。博客,未经同意不得转载。