欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

用脚本实现UGUI Image图片 、NGUI Sprite图片 帧动画

程序员文章站 2022-05-30 12:06:09
...

写在前面:2DSprite图片的帧动画,直接选中Assets里所有素材图片,往它身上一拖,就会自动生成(2DSprite即右键——>2D Object——>Sprite)。但UGUI的Image图片、NGUI的Sprite图片,不能如此——可以用脚本来实现。
UGUI Image图片 帧动画
用脚本实现UGUI Image图片 、NGUI Sprite图片 帧动画

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class ScriptPlayAnim : MonoBehaviour
{
    public bool ActivateWait = false;
    float fireRate = 0.2f;
    int i = 0;
    float nextFire;
    public Sprite[] ActivatorTexture = new Sprite[] { };
    // Use this for initialization
    void Start ()
    {
        this.GetComponent<Image>().enabled = false;
    }
	
	// Update is called once per frame
	void Update ()
    {
        if (ActivateWait)
        {
           this.GetComponent<Image>().enabled = true;
            if (i < ActivatorTexture.Length)
            {
                if (Time.time > nextFire)
                {
                    nextFire = Time.time + fireRate;
                    this.GetComponent<Image>().sprite = ActivatorTexture[i];
                    i++;
                }
            }
            else
            {
                i = 0;
            }
        }
        else
        {
            this.GetComponent<Image>().enabled = false;
        }
    }
}

素材图片,挨个儿拖入数组
用脚本实现UGUI Image图片 、NGUI Sprite图片 帧动画
在Inspector面板里,勾选bool变量ActivatorWait后,图片显现,并循环播放
用脚本实现UGUI Image图片 、NGUI Sprite图片 帧动画
NGUI Sprite图片 帧动画
与以上类似,(等有空儿再编辑)