UNITY UGUI Sprite

在永强的带动下,全村激进好学,拼搏向上,以建设现代化新农村为己任年轻人都开始学习UNITY了。刘英也是不落后。偷偷摸摸的自己学起来。今天在大脚婶店门口遇到了永强。含蓄的问了小问题。令永强哭笑不得。就是图片和Sprite有啥关系呢?永强瞬间被问懵逼了。我就知道怎么用。也没研究过它俩有啥关系 。。。我回去研究研究。

Sprite 精灵


01
Image组件

Sprite 用在 Image 组件上.,可以用来制作动画,
可以设置Simple模式,作为一般UI,
设置为Sliced模式,即九宫格模式,在图集中设置图图片边界后,使图片的拉伸只拉伸中间部分,不拉伸边界
设置为Tiled 模式,实现过个图片重复平铺的效果,
设置为Filed模式,实现图片的部分到整体的播放,可以用来做技能冷却,或者游戏的进度条(不是压缩的拉伸)
材质通常不需要选择,很少用到,可以用来实现一些特殊效果,如凹凸感觉


02
图集

Sprite 有图集的概念,可以选择整图导入,UNITY中使用SpriteEditor切割,也可以选择导入后设置图片的packageTag系统 ,自动打包图集,图片小的,重复性比较高的图片最好打成图集,
注意:
1.一个图集内的图片用UISprite,那么它就是一个DrawCall。但是如果你做了一个图集是1024X1024的。此时你的界面 上只用了图集中的一张很小的图,那么很抱歉1024X1024这张大图都需要载入你的内存里面,1024就是4M的内存,如 果你做了10个1024的图集,你的界面上刚好都只用了每个图集里面的一张小图,那么再次抱歉你的内存直接飙40M
2.带透明通道和不带透明通道的,CreatMipMap和不Create 的,不能制作成同一图集


03
如何将图片转成Sprite

这个问题有点小白,但是有人我我就答!
首先选择一张导入的图片


选中他然后看Inspector

在texture type中 选中Sprite 2D and UI
最后在右下角 点击 Apply这样就成功转换成Sprite了
点击Sprite Editor 可以把图片切割成九宫格这个前面有讲过 这里也不多说了 ,想看的可以翻翻前面的帖子。

玉田!学会了么?如果你没学会没有关系。或者你有什么不明白。或者你有什么有什么想学的可以给我留言。如果我学明白了,我再教你如何制作。叩谢各位拜读。赏个脸关注一下小弟的阅读订阅号。关不出吃亏,关不出上当。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 面试时候遇到个机试实现如下一个 轮转效果: Okay , Talk is cheap , show me the ...
    EwanKiller阅读 1,168评论 5 3
  • UGUI 控件是UGUI内置的,控件上面因因包含不同的组件而不同。 Image组件Image等价于NGUI的Spr...
    元宇宙协会阅读 2,645评论 0 5
  • 原文地址:https://unity3d.com/cn/learn/tutorials/temas/perform...
    hellokazhang阅读 4,597评论 0 13
  • 一、界面制作 Q1:UGUI里的这个选项 ,应该是ETC2拆分Alpha通道的意思,但是在使用中并没起作用?请问有...
    hcq666阅读 2,964评论 0 57
  • 人生是要經歷風雨與磨勵,在你還能呼吸的時候,必須勇敢經歷且能放下執著。人生的這場游戲,所有走過的路,都是為了訓練心...
    瘋人阅读 332评论 0 0