爱心shader的一些探索

Pang 发表于    2023年04月06日 21:15
5480
6
54

借由@旖旎旌的文章 https://www.magesbox.com/article/detail/id/2071.html 和yuyue大佬的特效作品

3249522D-2A77-47b4-9536-764E2AB88C18.png

https://www.magesbox.com/works/detail/id/17232


将心形形状作为mask 同时往两边走环形纹理来实现相应效果.


心形mask

image.png

这里有可能会出现一些负值,在最后增加一个saturate来防止一些错误.


两个相反方向滚动的纹理

image.png

这里可以调整自带节点Polar Coordinates中的center数值来适应心形Mask的中心位置.


通过Lerp来截取两边的纹理 同时遮去两边纹理的接缝

image.png

这里没有考虑性能的消耗,只是为了实现效果.


将它们相乘

image.png

仅代表个人的一些尝试,感谢上述大佬提供的思路,以上.

发表于    2023年04月06日 21:15
关于作者
Pang
回答
0
文章
0
粉丝
335

相关文章

URL已复制到剪贴板!