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

扫一扫,访问微社区

开发者专栏

关注:2102

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

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

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

[elsong] [初级]Unity Shader-模仿炉石传说卡牌动态效果(一)

[复制链接]  [移动端链接]
排名
34655
昨日变化
4

4

主题

6

帖子

68

积分

Rank: 2Rank: 2

UID
73054
好友
2
蛮牛币
174
威望
0
注册时间
2015-2-4
在线时间
16 小时
最后登录
2018-1-22

专栏作家

发表于 2017-11-20 23:26:58 | 显示全部楼层 |阅读模式

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

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

x
此篇为鄙人在卡牌项目中,尝试模仿《炉石传说》卡面特效所制作的特效Shader总结回顾,几经修改,最终成为了现在的样子,因为使用简单,效果明显,虽然距离炉石传说的卡面特效还有不少距离,但加之特效妹子做的一些点缀,比如加点粒子什么的,看起来也挺不错,所以记录一下,恐日后年龄大了记忆力减退再给忘喽。

此总结回顾将分为以下三个部分呈现:
第一部分:会展示部分成品效果,简单介绍材质编辑器的组成及特点,基本使用方法及第一种效果:“扰动”的实现;
第二部分:将介绍“移动”、“旋转”效果的实现及两种混合效果的显示差异;
第三部分:会对自定义材质编辑器作出介绍,并对全文作出总结。

那就开车吧。

效果展示
↑ 黄盖身上起火了
↑ 关羽身上起火了
↑ 李儒身上起火了
↑ 典韦身上起火了
特点
方便特效同学编辑的材质界面,使用自定义材质编辑器,可根据需求自由选择开启层数,开启层数越多,特效表现力越强,特效越复杂,渲染开销也更高。
使用的时候感觉就像这样:

目前,每层特效仅包含最基本的两种模式:移动、旋转,第一层特效额包含一种扰动效果。

下面对效果分别做一下介绍:
扰动:
↑ 扰动标签下面板的配置

↑ 扰动标签下的相关说明
扰动的原理其实很简单,就是在对图片采样时,给采样UV坐标一点“无规律”的偏移,比如采样(0.11,0.51)时偏移到(0.12, 0.50),采样(0.23,0.15)时偏移到(0.22,0.17),可以想象,如果对图片上每个点都做这种“无规律”的偏移,那么最终结果一定是画面将变得扭曲,而随着偏移量的增加,扭曲程度也增加,如:

只要理解这种偏移的原理,那么稍加利用,就能实现扰动的效果,比如从一张图片中采样颜色并转换为坐标偏移量来代替上述的无规律的偏移,而这张图一般就叫做噪声贴图(NoiseTexture)如:
↑ 一张噪声贴图

网络上有很多成品噪声图,以及生成噪声图的方法,因此这里就不再赘述了。

如果进一步将噪声图"流动"起来,画面的流动效果也就随之出现了,再加之一张遮罩图控制噪声影响区域,就可以基本实现画面的扰动效果了。
]
↑ Ps下编辑遮罩图(这里使用红色通道作为噪声强度)

↑ 典韦背后的火光扰动了起来

关键部分代码


以下是鄙人总结的几项实现扰动效果时需要注意的事项:
1、环绕模式一定要选择Repeat,因为这样才能让噪声图正确的“流动”起来。

2、从噪声图采样后,乘了一个适配UV单位的参数,因为坐标偏移范围在-1~1之间,但这对于UV坐标显然是太大了,因此我使用了0.005作为转换参数,这个参数可以自己制定,也可以用原图尺寸处理一下,在这就不赘述了。

3、遮罩不仅可以控制扰动区域,同时可以控制扰动强度,只需要在绘制遮罩的时候调整R值即可(当然,你也可以用绿色(G)或者蓝色(B)通道),同时,遮罩贴图的底色必须为黑色,如果使用了白色,全屏都会是扰动效果,原因很简单就不再解释了。

4、最重要的一点,要保护好眼睛颈椎,不要久坐,我个人采用番茄工作法,每工作45分钟到1个小时,就要起来拉伸活动5~10分钟。

以上就是第一部分内容,过几天在总结后面的吧,嘻嘻哒

评分

参与人数 2鲜花 +8 收起 理由
小枫小 + 3 很给力!
zuig + 5 很给力!

查看全部评分


回复

使用道具 举报

7日久生情
2517/5000
排名
3691
昨日变化

2

主题

1840

帖子

2517

积分

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

UID
241666
好友
0
蛮牛币
10028
威望
0
注册时间
2017-9-6
在线时间
341 小时
最后登录
2018-2-21
发表于 2017-11-21 09:10:05 来自Mobile--- | 显示全部楼层
感谢分享

回复

使用道具 举报

6蛮牛粉丝
1353/1500
排名
1184
昨日变化

3

主题

73

帖子

1353

积分

Rank: 6Rank: 6Rank: 6

UID
106862
好友
1
蛮牛币
5182
威望
0
注册时间
2015-6-9
在线时间
441 小时
最后登录
2018-2-5
发表于 2017-11-21 09:44:56 | 显示全部楼层
有完整的shader吗

回复 支持 反对

使用道具 举报

3偶尔光临
212/300
排名
7314
昨日变化
1

0

主题

10

帖子

212

积分

Rank: 3Rank: 3Rank: 3

UID
104581
好友
0
蛮牛币
462
威望
0
注册时间
2015-7-29
在线时间
62 小时
最后登录
2018-2-10
发表于 2017-11-21 09:50:31 | 显示全部楼层
很酷炫,感谢分享~

回复

使用道具 举报

7日久生情
1684/5000
排名
899
昨日变化
7

4

主题

61

帖子

1684

积分

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

UID
49949
好友
3
蛮牛币
5432
威望
0
注册时间
2014-10-20
在线时间
631 小时
最后登录
2018-2-21
QQ
发表于 2017-11-21 10:00:05 | 显示全部楼层
楼主牛逼

回复

使用道具 举报

5熟悉之中
915/1000
排名
3505
昨日变化
1

1

主题

357

帖子

915

积分

Rank: 5Rank: 5

UID
122160
好友
0
蛮牛币
1508
威望
0
注册时间
2015-9-10
在线时间
209 小时
最后登录
2018-2-12
发表于 2017-11-21 10:06:05 | 显示全部楼层
感谢分享

回复

使用道具 举报

7日久生情
2332/5000
排名
1277
昨日变化

12

主题

866

帖子

2332

积分

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

UID
68430
好友
4
蛮牛币
8451
威望
0
注册时间
2015-1-14
在线时间
616 小时
最后登录
2018-2-11
发表于 2017-11-21 10:06:42 | 显示全部楼层
66666666666666666

回复 支持 反对

使用道具 举报

4四处流浪
406/500
排名
5927
昨日变化

0

主题

43

帖子

406

积分

Rank: 4

UID
139214
好友
0
蛮牛币
629
威望
0
注册时间
2016-3-12
在线时间
173 小时
最后登录
2018-1-23
发表于 2017-11-21 10:11:08 | 显示全部楼层
厉害厉害,。。。

回复

使用道具 举报

4四处流浪
488/500
排名
5736
昨日变化
44

0

主题

171

帖子

488

积分

Rank: 4

UID
229748
好友
0
蛮牛币
1695
威望
0
注册时间
2017-7-1
在线时间
119 小时
最后登录
2018-2-21
发表于 2017-11-21 10:35:03 | 显示全部楼层
感谢分享
[发帖际遇]: 苏洛 乐于助人,奖励 2 蛮牛币. 幸运榜 / 衰神榜

回复

使用道具 举报

7日久生情
1525/5000
排名
1368
昨日变化
1

1

主题

191

帖子

1525

积分

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

UID
19402
好友
0
蛮牛币
1810
威望
0
注册时间
2014-3-28
在线时间
577 小时
最后登录
2018-2-7
QQ
发表于 2017-11-21 11:15:03 | 显示全部楼层
66666666666666666

回复 支持 反对

使用道具 举报

4四处流浪
352/500
排名
9781
昨日变化

2

主题

184

帖子

352

积分

Rank: 4

UID
209710
好友
0
蛮牛币
1011
威望
0
注册时间
2017-6-15
在线时间
80 小时
最后登录
2018-2-9
发表于 2017-11-21 11:23:27 | 显示全部楼层
666666666666666666

回复 支持 反对

使用道具 举报

2初来乍到
107/150
排名
27306
昨日变化
1

1

主题

39

帖子

107

积分

Rank: 2Rank: 2

UID
162813
好友
0
蛮牛币
185
威望
0
注册时间
2016-8-17
在线时间
48 小时
最后登录
2018-2-14
发表于 2017-11-21 12:39:16 | 显示全部楼层
想问下楼主在哪个公司上班?我想Shader相关的,但是不知道有什么好公司

回复 支持 反对

使用道具 举报

5熟悉之中
744/1000
排名
4368
昨日变化
18

6

主题

164

帖子

744

积分

Rank: 5Rank: 5

UID
241851
好友
0
蛮牛币
2588
威望
0
注册时间
2017-9-6
在线时间
308 小时
最后登录
2018-2-20
发表于 2017-11-21 13:17:48 | 显示全部楼层
感谢分享

回复

使用道具 举报

排名
19315
昨日变化
3

0

主题

12

帖子

48

积分

Rank: 1

UID
222850
好友
0
蛮牛币
75
威望
0
注册时间
2017-5-19
在线时间
16 小时
最后登录
2017-12-5
发表于 2017-11-21 14:27:36 | 显示全部楼层
大佬强无敌

回复

使用道具 举报

5熟悉之中
802/1000
排名
2881
昨日变化

9

主题

83

帖子

802

积分

Rank: 5Rank: 5

UID
123642
好友
0
蛮牛币
840
威望
0
注册时间
2015-9-23
在线时间
288 小时
最后登录
2018-2-13
发表于 2017-11-21 14:56:01 | 显示全部楼层
楼主牛逼。。有没有完整Shader

回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

站长推荐 上一条 /1 下一条

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