开启辅助访问
 找回密码
 注册帐号

扫一扫,访问微社区

开发者专栏

关注:1585

当前位置:游戏蛮牛 技术专区 开发者专栏

__________________________________________________________________________________
开发者干货区版块规则:

  1、文章必须是图文形式。(至少2幅图)
      2、文章字数必须保持在1500字节以上。(编辑器右下角有字数检查)
      3、本版块只支持在游戏蛮牛原创首发,不支持转载。
      4、本版块回复不得无意义,如:顶、呵呵、不错......【真的会扣分的哦】
      5、......
__________________________________________________________________________________
查看: 940|回复: 8

[雨松MOMO] Unity3D之UGUI安卓自动ETC1通道分离(九十一)

[复制链接]  [移动端链接]
排名
4722
昨日变化
5

191

主题

201

帖子

2050

积分

Rank: 9Rank: 9Rank: 9

UID
36308
好友
0
蛮牛币
4872
威望
0
注册时间
2014-7-25
在线时间
64 小时
最后登录
2017-2-13

专栏作家

发表于 2017-1-3 10:06:30 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册帐号

x

网上已经有类似的解决方案,原理就是在做一张通道图,然后在shader里混合。代价就是需要做个shader在做一个脚本代替Image 和RawImage。

今天我发现其实unity自己已经做了这个功能了,不用写shader,也不用替换脚本,原生支持就是方便啊。

先看看我的图集,ETC1 压缩格式

1.jpg

1.升级你的unity到5.5(有可能unity5.4也可以)

2.Sprite必须设置Packing Tag(只有图集才支持)

3.设置所有UI贴图的格式为ETC1(无论透明还是不透明)

4.如下图所示,勾选Compress using ETC1(split alpha channel) (可以写个工具自动批量修改)

2.png

5.搞定

测试机器是小米pad1,先看看真机上的效果。

3.png

今天我还发现了另外一个问题,在某些android机器上可能会显示成这样。

4.png

我第一反应这肯定是unity的bug,我想办法解决了一下。

下载unity5.5的内置shader。有一个叫UI-DefaultETC1的shader拖入工程,在ProjectSetting->GraphicsSettings里添加进去。

5.png

真机Profiler下,很清楚的看见透明图已经被unity分离了。

6.png

大家请在看上面的安卓真机Profiler的图。Unity把一张1024X1024的图拆分成 0.5M大小 和1M大小 的两张图, 0.5M 就是ETC1的压缩图, 另外一个1M 我猜就是对应 Alpha  8 格式。 这样就算图片有的透明渐变的效果也会是很好的。 强烈建议大家使用啊~ 如果是1024大小 这样从truecolor的4M减少到现在1.5M 效果还是很可观的。

大家赶紧测试吧。。 有问题欢迎在下面给我留言哈。。

评分

参与人数 2蛮牛币 +20 鲜花 +21 收起 理由
z7232124 + 20 + 16 很给力!
wangyel1 + 5 很给力!

查看全部评分

本帖被以下淘专辑推荐:

  • · I Like|主题: 76, 订阅: 7

回复

使用道具 举报

7日久生情
2885/5000
排名
154
昨日变化
1

1

主题

377

帖子

2885

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
13097
好友
1
蛮牛币
4527
威望
0
注册时间
2014-1-21
在线时间
931 小时
最后登录
2017-2-19

活力之星

发表于 2017-1-3 10:25:12 | 显示全部楼层
终于可以设置了,truecolor太占地方了
感谢分享,这就去试试
[发帖际遇]: 一个袋子砸在了 wangyel1 头上,wangyel1 赚了 1 蛮牛币. 幸运榜 / 衰神榜

回复 支持 反对

使用道具 举报

7日久生情
2885/5000
排名
154
昨日变化
1

1

主题

377

帖子

2885

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
13097
好友
1
蛮牛币
4527
威望
0
注册时间
2014-1-21
在线时间
931 小时
最后登录
2017-2-19

活力之星

发表于 2017-1-3 11:42:46 | 显示全部楼层
亲测可用啊,感谢

回复

使用道具 举报

排名
18641
昨日变化
19

0

主题

34

帖子

85

积分

Rank: 2Rank: 2

UID
52183
好友
0
蛮牛币
16
威望
0
注册时间
2014-10-30
在线时间
37 小时
最后登录
2017-1-23
发表于 2017-1-3 14:11:11 | 显示全部楼层
难道项目又要升级了

回复 支持 反对

使用道具 举报

7日久生情
2885/5000
排名
154
昨日变化
1

1

主题

377

帖子

2885

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
13097
好友
1
蛮牛币
4527
威望
0
注册时间
2014-1-21
在线时间
931 小时
最后登录
2017-2-19

活力之星

发表于 2017-1-3 15:23:11 | 显示全部楼层
试了下,但为什么Profiler里面显示的Texture2D除了图集,连图集里面的各个图片都显示出来了,这只是显示而已么

微信截图_20170103152148.png



回复 支持 反对

使用道具 举报

7日久生情
2702/5000
排名
81
昨日变化

0

主题

374

帖子

2702

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
239
好友
2
蛮牛币
4877
威望
0
注册时间
2013-6-6
在线时间
524 小时
最后登录
2017-2-28
发表于 2017-1-4 09:37:06 | 显示全部楼层
good!!!!!!!!!!!!!

回复

使用道具 举报

排名
9231
昨日变化
8

3

主题

172

帖子

555

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
27630
好友
4
蛮牛币
529
威望
0
注册时间
2014-6-1
在线时间
264 小时
最后登录
2017-2-27
发表于 2017-1-4 09:39:03 | 显示全部楼层
spriteRender 也采用这种格式,但是有白边,不知道你遇到了吗?

回复 支持 反对

使用道具 举报

3偶尔光临
206/300
排名
7827
昨日变化
3

0

主题

23

帖子

206

积分

Rank: 3Rank: 3Rank: 3

UID
163466
好友
0
蛮牛币
30
威望
0
注册时间
2016-8-22
在线时间
91 小时
最后登录
2017-2-28
发表于 2017-1-5 00:01:51 | 显示全部楼层
感谢分享,马上试试

回复 支持 反对

使用道具 举报

排名
32714
昨日变化
22

0

主题

7

帖子

12

积分

Rank: 1

UID
194634
好友
0
蛮牛币
16
威望
0
注册时间
2016-12-20
在线时间
1 小时
最后登录
2017-1-17
发表于 2017-1-17 12:28:40 | 显示全部楼层
很给力的
[发帖际遇]: wujianguo 发帖时在路边捡到 2 蛮牛币,偷偷放进了口袋. 幸运榜 / 衰神榜

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

快速回复 返回顶部 返回列表