原创作品

Flowmap研究笔记

萝貝 发表于   2022-05-13 16:41:40
16785
28
228

继续把剩下的最后一篇写完

       不记得是一个月前还是两个月前,用同班的大佬整理出的笔记基础上进行延伸研究,这个shader一开始是为了我的原神练习做烟雾溶解做的,但是众所都周知啊,那个练习因为画饼太大被搁置了,所以决定先做好笔记,毕竟最近可能不会经常用到这个shader,但是有人有兴趣可以了解一下。


这个shader可以做的内容包括原神类型的旋转溶解

image.png

       明佬做了教学的视频↓

https://www.bilibili.com/video/BV1mT4y1o7P6?spm_id_from=333.999.0.0


       也可以做慎独大佬的吸收效果↓

https://artgamer.com/viewthread-384.html

FlowMap做特效的一种思路分享.gif


       不知道大佬们的做法和我做法是否有啥区别,我融合了这两种效果,两个愿望一起满足,还增加了一些小的效果,接下来给大家慢慢解析解析~

第一张,常用功能

Flowmap笔记第一张.png

第二张,此处开始为重点

Flowmap笔记第二张.png


      好嘞~,看完了具体的功能,来说一说我理解的原理好了,(虽说大佬们说过了)可能会和大佬们说的有些许的区别。

      第一:众所都周知啊,unity里面的贴图坐标节点是长这个样子的

image.png

       为什么它会长成这个样子呢,我们知道一个坐标系,0在中心,往左和下是负数,往右和上是正数,贴图坐标就是这个坐标轴上正数的那个部分~                        

黑 image.png 

       之前在shader节点笔记提到过,unity里面为了方便计算,0等于黑色,1等于白色,所以可以推测这个图是两个自黑到白的渐变图叠加在了一起形成的图案,但是那不应该是黑色和白色嘛,为啥是红绿的呢?因为贴图坐标一共有四个通道,UVWT,对应着PS里面的颜色通道RGBA,同时对应着外部的XYZW,这三个都是想通的,所以UV就是红色通道和绿色通道的渐变色的颜色叠加呈现的模样。

image.pngimage.pngimage.png


       那么这个和Flowmap有啥关系呢?有,因为Flowmap原理就是用假的UV来替换掉本身的UV,产生的效果类似于扭曲的效果,是破坏主纹理的效果,只不过这个是手动控制,不是要那种随机的效果,那么这个假的UV图(就是flowmap贴图)的做法需要注意什么呢,(因为具体做法大佬们都教过了,我就不重复了,还挺麻烦的,如果有人感兴趣可以以后做个视频谈谈。)需要注意的是,这个画出来的UV精度是和贴图的像素挂钩的,你的flowmap贴图如果精度太低,就会出现很多马赛克,所以尽量用1024以上的贴图,效果会好一些。

这种贴图具体就是长这个样子

image.png


感觉这个shader能说的太多了,功能不多,但是可操作性行属实不小,写文章局限性确实有点大啊哈哈哈。


       继续说哈,说完了原理,说一说shader的效果吧,第一种是flowmap只影响主贴图,跟随“flowmap贴图”变形“主贴图”的形状。

具体体现就是~↓

001.gif

       然后说第二种,第二种是“主贴图”跟随“flowmap贴图”变形的同时跟随“溶解贴图”溶解消失~

具体体现就是~↓

002.gif


       具体的效果怎么做到原神那种溶解,去看明佬的视频,讲的很全,我也不能手把手的教,自己悟道的更加深刻,希望大家不让停止思考~


       再说一个我加在这个shader里面的小功能,我觉得这个是这个shader的核心部分,因为很好玩,哈哈哈。

image.png

image.png

image.png

       为什么要提到这个功能嘞~,我们要再回到讲原理的部分,“flowmap贴图”的原理是用加的UV影响原本的UV,那么在这个shader里面还有别的贴图,每个贴图都有自己的坐标,他们是否会被影响呢?


       答案就是~不会,所以我加了个开关,让这三个部分都可以自主选择是否被影响,具体什么时候用就要看情况了,给大家演示一下具体有啥影响~


       Mask部分,相信大家看到上面的两张图能看出来吧,图片上下两部分是被虚化的,这就是因为加了一个mask的效果,那么我们来想象一下什么时候会受到影响,什么时候不用受到影响~

              1:flowmap溶解到了边缘上的时候~mask就不能被flowmap影响,因为mask的目的是为了确定贴图不出现           切边的效果。

001.gif

              2:一张图需要改变主贴图形状的时候就需要开启这个变化~比如主贴图是个图腾,mask要在他身上扣些洞,那么这种时候就需要让这些洞跟着主贴图去运动,一起变化才行,要不然就会穿帮了~

 003.gif                                          004.gif

    开启mask受到flowmap影响                                                  未开启mask受到flowmap影响

边界分明的mask跟随主纹理一起变化                                                                                          mask就确定了形状,不会做出变化

应该能够看出来区别的吧~剩下的我就不多说了~大家感兴趣的话就自己去试试吧~挺有意思的~哈哈哈。


shader链接在这儿

链接:https://pan.baidu.com/s/1AYSjd9YDmP4BA78yvgPJxA 

提取码:umgh 


2022/5/19发现了一个bug,clamp模式会不显示图片,多谢大佬指出,已更新~欢迎大家多多反馈!





标签:
确定
评论(28)
绕哇绕
牛的,大佬。
回复
168天前
网恋赚了18w
我直接拜你为师
回复
184天前
VFX_Tom
多的不说,关注了~
回复
323天前
蔓蔓
太牛了!!!写的简单清晰明了!!!
回复
601天前
葱葱
我直接拜你为师
回复
608天前
沐残风
我直接拜你为师
回复
646天前
萝貝
回复
沐残风
◐▽◑
回复
645天前
N77去哪里了
我直接拜你为师
回复
650天前
萝貝
回复
N77去哪里了
♪(´∇`*)
回复
645天前
果冻老师傅
感谢分享!直接拜师!
回复
658天前
萝貝
回复
果冻老师傅
o(* ̄▽ ̄*)o
回复
654天前
630
看完了,写的很详细,我明白了什么是色图
回复
659天前
萝貝
回复
630
哈哈哈,能帮上忙就最好了
回复
654天前
逃离浪浪山
请问一下这些材质U3D默认的环境可以用吗?
回复
661天前
新新新
什么色图
回复
671天前
萝貝
回复
新新新
色图,什么色图,黄绿色图,蓝紫色图
回复
671天前
Yoasobi
感谢大佬的分享,想问一下为什么我用溶解的时候无法用粒子控制溶解?W只能控制uv的流动,谢谢
回复
672天前
萝貝
回复
Yoasobi
!抱歉,我写错了,是X控制的,我这就去改一下图片,哎呀哎呀,多谢指出啊
回复
672天前
DNEG
太强了
回复
675天前
萝貝
回复
DNEG
哇,好多大佬来捧场(≧∇≦)ノ
回复
675天前
cokey
上首页吧~
回复
675天前
萝貝
回复
cokey
哇~从未有过如此美妙的中午~哈哈哈哈
回复
675天前
lolmingmmmm
萝貝太强了!
回复
678天前
萝貝
回复
lolmingmmmm
哇,明佬来啦,还是大佬做的教程详细,提供了不少帮助呀~
回复
677天前
倒地不起
太强啦,大佬,能不能占你一个好友位
回复
678天前
萝貝
回复
倒地不起
可以啊
回复
678天前
倒地不起
回复
倒地不起
774703244
回复
678天前
老陆
大佬威武
回复
680天前
萝貝
回复
老陆
又出现一个大佬,啊哈哈哈
回复
680天前
Cz_wang
写的很细,加油
回复
681天前
萝貝
回复
Cz_wang
欧斯!我会的
回复
681天前
Vandark强
这种效果在UE怎么弄呀
回复
682天前
萝貝
回复
Vandark强
做法一样的,你照着连一下就行~
回复
682天前
DDDDDD
大佬威武
回复
682天前
萝貝
回复
DDDDDD
哇哇哇,D佬来了,我的作品升华了
回复
682天前
魂淡
回复
DDDDDD
我就感觉像是你的头像被反复拉扯了哈哈
回复
682天前
深南大道的桶
我直接拜你为师
回复
682天前
萝貝
回复
深南大道的桶
(((o(*゚▽゚*)o)))
回复
682天前
一地鸡毛
大佬威武
回复
682天前
萝貝
回复
一地鸡毛
(′▽`〃)
回复
682天前
InsanelyGreat
我直接拜你为师
回复
682天前
萝貝
回复
InsanelyGreat
┗|*`0′*|┛
回复
682天前
2333
我直接拜你为师
回复
683天前
萝貝
回复
2333
(๑¯∀¯๑)
回复
682天前
金鱼嘴里的糖
我直接拜你为师
回复
684天前
萝貝
回复
金鱼嘴里的糖
o(* ̄▽ ̄*)o
回复
682天前
风的饭团
6D哭了
回复
685天前
萝貝
回复
风的饭团
ヾ(^▽^*)))
回复
682天前
猴子
大佬!~受我一拜!!~
回复
685天前
萝貝
回复
猴子
别别别,别这样
回复
685天前
温温
我直接拜你为师
回复
685天前
萝貝
回复
温温
!神下场了
回复
685天前
没有更多啦~
  • 咨询
    客服
  • 扫码加入QQ群 或搜索QQ群号: 797421367
  • 扫码关注公众号 或微信搜索: cokey游戏特效