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

扫一扫,访问微社区

开发者专栏

关注:2006

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

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

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

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

[复制链接]  [移动端链接]
排名
33443
昨日变化
21

3

主题

5

帖子

45

积分

Rank: 1

UID
73054
好友
2
蛮牛币
140
威望
0
注册时间
2015-2-4
在线时间
15 小时
最后登录
2017-12-5
发表于 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日久生情
1525/5000
排名
5628
昨日变化
46

2

主题

1119

帖子

1525

积分

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

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

回复

使用道具 举报

6蛮牛粉丝
1259/1500
排名
1247
昨日变化
1

3

主题

63

帖子

1259

积分

Rank: 6Rank: 6Rank: 6

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

回复 支持 反对

使用道具 举报

排名
12893
昨日变化
12

0

主题

8

帖子

91

积分

Rank: 2Rank: 2

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

回复

使用道具 举报

6蛮牛粉丝
1485/1500
排名
1060
昨日变化
5

4

主题

56

帖子

1485

积分

Rank: 6Rank: 6Rank: 6

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

回复

使用道具 举报

5熟悉之中
729/1000
排名
4247
昨日变化
31

1

主题

282

帖子

729

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

7日久生情
2024/5000
排名
1457
昨日变化
2

9

主题

745

帖子

2024

积分

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

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

回复 支持 反对

使用道具 举报

4四处流浪
350/500
排名
6531
昨日变化
6

0

主题

39

帖子

350

积分

Rank: 4

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

回复

使用道具 举报

3偶尔光临
290/300
排名
8486
昨日变化
74

0

主题

117

帖子

290

积分

Rank: 3Rank: 3Rank: 3

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

回复

使用道具 举报

6蛮牛粉丝
1423/1500
排名
1437
昨日变化
2

1

主题

179

帖子

1423

积分

Rank: 6Rank: 6Rank: 6

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

回复 支持 反对

使用道具 举报

2初来乍到
104/150
排名
15027
昨日变化
9

0

主题

40

帖子

104

积分

Rank: 2Rank: 2

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

回复 支持 反对

使用道具 举报

排名
54045
昨日变化
332

1

主题

23

帖子

60

积分

Rank: 2Rank: 2

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

回复 支持 反对

使用道具 举报

4四处流浪
486/500
排名
6353
昨日变化
59

5

主题

135

帖子

486

积分

Rank: 4

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

回复

使用道具 举报

排名
18672
昨日变化
15

0

主题

12

帖子

48

积分

Rank: 1

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

回复

使用道具 举报

5熟悉之中
645/1000
排名
3541
昨日变化
18

9

主题

71

帖子

645

积分

Rank: 5Rank: 5

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

回复 支持 反对

使用道具 举报

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

本版积分规则

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