代码收藏家技术教程 2025-01-07

unity 播放序列帧图片动画

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言

一、方法一：代码控制播放序列帧

1、设置图片属性

2、创建Image组件

3、简单的代码控制

4、挂载代码并赋值

二、方法二：直接使用

1.Image上添加 Animator组件，并New Animation

总结

前言

适用于一下简单的动态效果，不建议大量使用序列帧。

一、方法一：代码控制播放序列帧

1、设置图片属性

把序列帧导入编辑器Assets中，并修改图片属性，如下图所示，其中，Texture Type修改为Sprite(2D and UI),Sprite Mode修改为Single模式，然后点击Apply应用。

2、创建Image组件

创建一个Image组件，并把序列帧第一帧赋予Image的Source Image，作为默认或者起始状态样子。

3、简单的代码控制

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;
namespace Twq
{
 public class TestPlay : MonoBehaviour
 {
        public Sprite[] sprites; // 存储序列帧动画的所有帧
        public float framesPerSecond = 10.0f; // 每秒播放的帧数

        public Image image;

        // Start is called before the first frame update
        void Start()
        {
            StartCoroutine(PlaySprites());
        }
      
        IEnumerator PlaySprites()
        {
            while (true)
            {
                for (int i = 0; i < sprites.Length; i++)
                {
                    image.sprite = sprites[i];
                    yield return new WaitForSeconds(1f / framesPerSecond);
                }
            }
        }
    }
}