查看: 22967|回复: 656
[特效设计研究向] 手机端模拟的热扭曲。shaderforge教程

671

薇星辰

9

薇积分

750

精灵币

三星会员

发表于 2017-4-13 10:18
好吧,我也来发一贴shaderforge的教程。关于热扭曲的。pc端没什么,但是手机端实时渲染确实太卡。那么在某些特定的情况下,用另外的办法模拟一下,还是不错的。
注:本篇教程偏原理为主,效果并不炫。其中原理适用鱼很多地方

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

上节点图,老鸟不用看原理了~会了原理的话,基本上简单的,海面起伏,飘动效果都可以实现了
进入教程,最开始就是简单的菲涅尔。菲涅尔用了两种颜色,代表两种效果切换。要其他效果的可以自行实现。

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

这里讲几点,
1,lerp命令,也就是线性插值。分别输入两种不同的效果,效果可以是颜色,贴图,甚至更为复杂的效果,例如我这里的菲涅尔(好像也并不复杂--囧)。而T代表的是融合值,lerp有点类似于ps的某种混合模式,乃们就这么理       解吧。

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

您属于三星会员以上,可以直接查看需要回复的内容

2,shaderforge的菲尼尔和虚幻的菲涅尔在关键点的连法上是存在差异的,我也还没弄清,弄清了再说吧。
3,3应该没人不知道吧,菲涅尔后面的数值,越大,菲涅尔越细。
      

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

好了。主体效果出来,剩下的就是扭曲了。
扭曲就是链接定点偏移通道。

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

我们需要的是一个类似于这样的渐变

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程
,让他下到上进行偏移。这样,黑的地方不偏移,白的地方偏移。
当然,你也可以直接用这样的贴图去偏移,不过注重原理的话,我还是来讲解一下uv节点的意思。
uv节点,

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程
可以理解为U向和v向,也就是x轴和Y轴。拆开来就是这样的,

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程
也可以用数值表示
好,基于这点后,就可以开始制作了。

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

然后再去乘以一个常数,让他的渐变变得更剧烈,而不是那么平滑

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

然后加上一个变量参数,可以得到一个值逐渐递增的值。最大值和最小值自己试试哈

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

好,这样的话,lerp就完成了,注意哈,我们我面练了一个clamp0-1的意思是,让输出值锁定在0-1之间!

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

好的,继续做顶点偏移

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

好,做到这一步的时候,这就是我们最开始想要的贴图了。别急,继续往下做

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程

好,这里有两个重点,同学们做一下笔记哈,我乘以了一个绿色,其实并不是绿色,是0.1.0的值,别注意颜色哈!这样相乘的意思是,我们只对y轴方向的东西进行偏移,并不需要x和z轴!xyz分别对应3维数组,xy也分别对应u和v。昏了的同学,麻烦回到前面重新看一下uv的意思。
好,接下来是乘以一个向量,什么是向量?我也不知道,反正就是方向。让各自的定点超自己的方向偏移,而不是固定的y轴偏移!最后限制一下输出。就行了!
这里最后的限制输出给的是clamp simple,在里面输入最大值和最小值即可。
最后,丢给程序优化吧!
好,本篇教程到此结束!最后附上节点图~
校长,很走心的原理教程啊,求书啊~

cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程










cgwell手机端模拟的热扭曲。shaderforge教程

cgwell手机端模拟的热扭曲。shaderforge教程




上一篇:U3D 项目DC优化实战篇教程,告别和程序撕逼
下一篇:如何设计出符合要求又有创新的技能?

232

薇星辰

16

薇积分

715

精灵币

二星会员

发表于 2018-7-13 11:15



简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了
楼层回复(0) 收起

133

薇星辰

0

薇积分

367

精灵币

二星会员

发表于 2018-7-11 10:15


简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了
楼层回复(0) 收起

41

薇星辰

0

薇积分

22

精灵币

一星会员

发表于 2018-11-19 19:18
t直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简直太棒了简
楼层回复(0) 收起

312

薇星辰

6

薇积分

658

精灵币

二星会员

发表于 2017-4-13 17:39
一个shader如果已经用了加法,那尽量后便能用加法解决的都有加法。少一种计算也是节省。可以加负来解决。
同理用到乘法切记不要在用除法。如果要除2可以用乘0.5解决
多一种算法可比多一串节点要浪费啊
楼层回复(2) 收起

28

薇星辰

1

薇积分

21

精灵币

一星会员

发表于 2018-7-30 16:12
热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲热扭曲
楼层回复(0) 收起

44

薇星辰

0

薇积分

40

精灵币

一星会员

发表于 2017-8-17 12:17
手游就是各种节省资源,像热扭曲、溶解、Bloom等等。 只用Additive做出来的效果也总感觉少了什么~
楼层回复(0) 收起

176

薇星辰

3

薇积分

2291

精灵币

二星会员

发表于 2017-7-12 12:16
  手游就是各种节省资源,像热扭曲、溶解、Bloom等等。 只用Additive做出来的效果也总感觉少了什么~
楼层回复(0) 收起

88

薇星辰

5

薇积分

5807

精灵币

三星会员

发表于 2017-6-23 19:52
提示: 该帖被管理员或版主屏蔽
楼层回复(0) 收起

102

薇星辰

12

薇积分

926

精灵币

二星会员

发表于 2017-9-26 18:33



为什么我跟着这个连线图做,一模一样,但是就是出来来效果呢????求解啊~~~~~~~~~~~
楼层回复(1) 收起

860

薇星辰

80

薇积分

4650

精灵币

三星会员

发表于 2017-4-13 10:34
很棒
楼层回复(0) 收起

588

薇星辰

2

薇积分

1807

精灵币

三星会员

发表于 2017-4-13 10:36
这个很赞
楼层回复(0) 收起

548

薇星辰

0

薇积分

1345

精灵币

三星会员

发表于 2017-4-13 10:39
感谢分享
楼层回复(0) 收起

732

薇星辰

19

薇积分

1754

精灵币

三星会员

发表于 2017-4-13 10:48
感谢楼主分享让我又重拾了人生的意义
楼层回复(0) 收起

744

薇星辰

68

薇积分

243

精灵币

三星会员

CGwell游戏特效01期学员CGwell游戏特效02期学员

发表于 2017-4-13 11:01
感谢分享
楼层回复(0) 收起

792

薇星辰

21

薇积分

4614

精灵币

三星会员

CGwell游戏特效01期学员一年相伴 感谢有你薇儿被上了100天CGwell游戏特效03期学员二年相伴 感谢有你CGwell游戏特效04期学员

发表于 2017-4-13 11:04

楼层回复(0) 收起
http://huaban.com/rcl1f3i1la/
求关注(弱小),求关爱(可怜),求温暖(无助)。

485

薇星辰

14

薇积分

4975

精灵币

三星会员

发表于 2017-4-13 11:05
嗯,谢谢
楼层回复(0) 收起

588

薇星辰

37

薇积分

1456

精灵币

三星会员

一年相伴 感谢有你二年相伴 感谢有你薇儿被上了100天

发表于 2017-4-13 11:06
感谢楼主的分享,学习一下

楼层回复(0) 收起

531

薇星辰

4

薇积分

1835

精灵币

三星会员

CGwell游戏特效01期学员一年相伴 感谢有你

发表于 2017-4-13 11:09
感谢分享
楼层回复(0) 收起

您需要登录后才可以回帖 登录 | 普通注册

本版积分规则 回复 诸如“sadasdasf”“撒旦撒旦撒范围为” 将被直接禁言 快捷回复内容选择:

CG薇儿热门讨论X

近日有些会员无法登陆网站

近日有些会员无法登陆网站,系网站登陆模块有bug,请暂时切换为IE内核的浏览器登陆,这个兼容问题会努力修复...

参加讨论查看详情
快速回复 返回列表 客服中心
快速回复 返回顶部 返回列表