UGUI動畫效果

新增流光效果

建立兩個圖片，父物體白圖，子物體流光特效

子圖片編寫指令碼

publicclassEffect01 : MonoBehaviour {

    publicSprite[] sprites;

    privateImage bgImage;

         // Use this for initialization

         void Start () {

        Array.Sort(sprites, (x, y) => { return x.name.CompareTo(y.name); });

        bgImage = GetComponent<Image>();

         }

    float count = 0;

    int index = 0;

         // Update is called once per frame

         void Update () {

        count++;

        if (index == sprites.Length -1)

        {

            index = 0;

        }

        else

        {

            index++;

        }

        bgImage.sprite = sprites[index];

        count = 0;

         }

}

給子物體插入圖片時右上角上鎖，插入十六張圖片，執行後顯示流光圖

 

買裝備時裝備明暗變化即購買過程變化

建立一個Button按鈕，插入精靈圖片，Reset初始化，建立一個圖片作為子物體，插入Button中插入的圖片，顏色調灰一點，透明度調第一半，Fill Origin調成Top

publicclassCDEffect : MonoBehaviour {

    publicfloat leftTime;

    publicfloat totalTime;

    privateImage effectImage;

    privateButton cdButton;

         // Use this for initialization

         void Start () {

        effectImage = transform.FindChild("Image").GetComponent<Image>();

        leftTime = totalTime;

        cdButton = transform.GetComponent<Button>();

        cdButton.interactable = false;

         }

         // Update is called once per frame

         void Update () {

        leftTime -= Time.deltaTime;

        if (effectImage.fillAmount > 0)

        {

            effectImage.fillAmount = leftTime /totalTime;

        }

        else

        {

            effectImage.fillAmount = 0;

            cdButton.interactable = true;

        }

    }

    publicvoid FireSkill()

    {

        Debug.Log("技能使用了");

        leftTime = totalTime;

        cdButton.interactable = false;

    }     

}

調整一下兩個圖片的透明度，在Button按鈕中的Button元件中最下面On Click外掛，點選加號，左上角的不用動，左邊插入按鈕，右面選擇CDEffect 然後選擇FireSkill；

給物體新增動畫

①  右鍵Assets    建立一個Animation

②  建立一個立方塊，掛載Animation元件，元件中Animation項載入剛建立的動畫，size改為1，Element載入動畫

③  選中立方塊，ctrl+6，creat按鈕儲存動畫，Add Propert——Transform——position控制物體的移動

④  右上角鎖後面選單改成Debug     Animation中Legacy對勾點上，顯示元件中沒有的項

注：position裡的豎排點可以移動調整速度。