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

扫一扫,访问微社区

开发者专栏

关注:2212

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

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

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

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

[复制链接]  [移动端链接]
2初来乍到
147/150
排名
31738
昨日变化
14

6

主题

12

帖子

147

积分

Rank: 2Rank: 2

UID
73054
好友
3
蛮牛币
228
威望
0
注册时间
2015-2-4
在线时间
23 小时
最后登录
2018-4-29

专栏作家

发表于 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日久生情
2533/5000
排名
3334
昨日变化
2

2

主题

1780

帖子

2533

积分

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

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

回复

使用道具 举报

7日久生情
1554/5000
排名
1076
昨日变化
2

5

主题

102

帖子

1554

积分

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

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

回复 支持 反对

使用道具 举报

4四处流浪
388/500
排名
4643
昨日变化
33

0

主题

12

帖子

388

积分

Rank: 4

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

回复

使用道具 举报

7日久生情
1863/5000
排名
770
昨日变化
4

4

主题

65

帖子

1863

积分

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

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

回复

使用道具 举报

5熟悉之中
978/1000
排名
3371
昨日变化
16

1

主题

367

帖子

978

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

排名
1068
昨日变化
5

13

主题

1031

帖子

2761

积分

Rank: 9Rank: 9Rank: 9

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

回复 支持 反对

使用道具 举报

4四处流浪
495/500
排名
5433
昨日变化
25

1

主题

64

帖子

495

积分

Rank: 4

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

回复

使用道具 举报

5熟悉之中
702/1000
排名
4117
昨日变化
20

0

主题

224

帖子

702

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

7日久生情
1730/5000
排名
1243
昨日变化
3

1

主题

220

帖子

1730

积分

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

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

回复 支持 反对

使用道具 举报

5熟悉之中
549/1000
排名
6264
昨日变化
48

4

主题

224

帖子

549

积分

Rank: 5Rank: 5

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

回复 支持 反对

使用道具 举报

2初来乍到
141/150
排名
24550
昨日变化
9

2

主题

52

帖子

141

积分

Rank: 2Rank: 2

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

回复 支持 反对

使用道具 举报

5熟悉之中
998/1000
排名
3264
昨日变化
14

7

主题

189

帖子

998

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

排名
19400
昨日变化
6

0

主题

15

帖子

58

积分

Rank: 2Rank: 2

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

回复

使用道具 举报

5熟悉之中
963/1000
排名
2469
昨日变化

9

主题

95

帖子

963

积分

Rank: 5Rank: 5

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

回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

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

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