Unity 如何切割帧图,并且利用Image播放帧动画

前言

有些时候,我们需要利用UI播放动画,这时我们就需要利用到帧图,并通过切换帧图实现动画的播放。

修改帧图属性

首先我们去下载一个帧图
在这里插入图片描述
导入Unity,到他的Inspector面板修改一些属性,将Texture type修改为 Sprite,Sprite Model修改为 Multiple,Filter Mode 修改为Point,Compression 为None(不压缩)。
在这里插入图片描述

切割帧图

点击Sprite Editor
在这里插入图片描述
出现Sprite Editor面板
在这里插入图片描述
点击Slice,选择type为 Automatic,Unity会自动帮忙切割图片,最后点击Slice,成功切割图片
在这里插入图片描述
或者如果知道帧图的尺寸的话,就选择type为Grid By Cell Size,然后填写pixel size,最后点击Slice。
成功切割图片后,我们在project 面板会发现原始的图片下面出现了8个Sprite
在这里插入图片描述

使用Image播放帧图

创建一个Image,添加组件Animation。选中Image,点击Window->Animation
出现Animation面板,点击Add Property->Image->Image->Sprite,添加Sprite。
在这里插入图片描述
将切割后的帧图一个个拉到Animation面板的右边,按Ctrl S保存
在这里插入图片描述
成功创建动画,将生成的动画拉到Image的Animation下的Animation框中,大功告成

  • 0
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值