第二十期【ASE練習(xí)】FlowMap溶解 圓形遮罩計(jì)算筆記

分析

控制溶解,一邊溶解一邊做UV差值,讓它的UV扭起來(lái),有一張溶解貼圖,

可以控制軟硬邊,做了一個(gè)遮罩,有一個(gè)自定義曲線,可以通過(guò)使用K動(dòng)畫(huà)的形式,也可以使用粒子發(fā)射器
制作,先是著色部分

乘頂點(diǎn)顏色,粒子發(fā)射器要控制

RGB是它的著色,A是它的透明通道

UV擾動(dòng)

Lerp差值

映射到紋理上,


我們做了基礎(chǔ)UV放在B上

這時(shí)我們?cè)谟脭?shù)值去控制他,

0的時(shí)候輸出A,1的時(shí)候輸出B,
思路就是它基于一張UV圖,進(jìn)行差值,我們是使A還是使B,開(kāi)始的時(shí)候是A,然后滑動(dòng)滾輪慢慢變B,然后根據(jù)UV扭起來(lái)了,
軟溶解


軟溶解基于這張圖先加個(gè)1,讓它變成全白,在沒(méi)有溶解的時(shí)候,它作為A通道是全白的,

在乘以一個(gè)-2

這是一個(gè)0到1的溶解進(jìn)程
這是軟邊溶解的思路,

光滑階梯函數(shù),

軟邊溶解,把這個(gè)區(qū)間做一個(gè)重映射,

通過(guò)它控制溶解的軟硬度,
溶解的黑白圖做為它的A通道,作為它的透明不透明,這樣的話我們就可以讓它消失不消失,
光滑階梯函數(shù),把一個(gè)0-1的范圍,再重新映射到另外一個(gè)范圍,
比如現(xiàn)在,原來(lái)的1變?yōu)?.9,1-0.9就是0.1,然后作為它的最小值,現(xiàn)在就變成0.1-0.9,0.51時(shí)候就是把0-1重新映射到最大是0.51最小是0.49,因?yàn)?-0.51等于0.49,所以它就是在0.51和0.49之間的數(shù)值,它就有非黑即白的這個(gè)效果,
即控制了UV扭動(dòng)又控制了溶解進(jìn)程,
這控制溶解軟硬度
做一個(gè)差值,
UV是一個(gè)二維向量,它不是一個(gè)點(diǎn)是一個(gè)面,x是0-1,y是0-1,
使用這個(gè)計(jì)算一下距離,

中間是0,邊上就大于0

1-0等于1,1-0.75等于0.25,我們就獲得了這個(gè)一個(gè)東西

密函數(shù)運(yùn)算,

Power計(jì)算會(huì)涉及大于1小于-1的情況,

所以我們要對(duì)它進(jìn)行,限制到0-1之間,再把這個(gè)數(shù)值作為Mask,

給它乘到A通道透明通道上,

這樣效果上就沒(méi)有那個(gè)邊什么的,消失的很自然,這也是圓形遮罩的計(jì)算思路,
第二個(gè)知識(shí)點(diǎn)


改一下這種方式,剛才那個(gè)圓形遮罩太明顯,
Ps圖片制作知識(shí)

我們的U是0-1,左黑右白,V下黑上白,


液化
回顧19課

講到了自定義表達(dá)式間隔,

不使用代碼解決這個(gè)問(wèn)題,

這個(gè)是取小數(shù),取1-0.99999之間的

因?yàn)橹笆?-1,映射到-1上,為啥是-1,因?yàn)?的時(shí)候這張圖


正好在這一半這,你需要在上面流下來(lái),所以給它映射到-1這塊,這就是它UV流動(dòng)的部分,

當(dāng)它已經(jīng)流出去的時(shí)候,它就在-1-1,就不要再動(dòng)它了,
上面就是1除以這個(gè)速度,再加上時(shí)間的間隔,
和time進(jìn)行取余,然后連到A,
A和我們的間隔比大小,
A和B比大小,如果A大于等于B的話,我們就讓它流,如果A小于B的話,我們就讓它是-1-1,