原创作品

如何使用shaderforge制作一个三角形阵列图案

绿毛鸟人 发表于   2019-05-29 19:38:50
3307
6
46

bfbdfb.gif


今天有小伙伴在群里问 如何制作一个三角形的溶解效果 心血来潮想与大家分享一下心得 最终效果如下 (换成黑白图案可以当做溶解来用)

QQ图片20190529191642.png


废话不多说 直接上节点图


sf_tri_5292019.png


节点都是简单节点 相信各位大佬一看就懂 这里就简单讲一个有可能对于美术来说稍微偏门的知识点吧:


四维矩阵和矩阵乘法工具


这个需要用到一点点线性代数的知识 感兴趣的小伙伴可以去B站搜索线性代数稍微科普一下我就不在这里班门弄斧了,直接讲一下这玩意的作用。

简单来讲就是用来扭曲UV坐标系 让uv从直上直下变为斜向。看图举例:

把网格图看做是UV 普通的UV是这个样子 image.png


但是当我扭曲之后其中一条轴向就会变为斜向方向:

image.png

这样我们就得到了一些平行四边形 

需要注意的是其实我们只需要用到一个二维矩阵就可以  但是shaderforge只提供了四维的节点 所以我把UV乘以了一个vector4 从两维变成了四维 这样才可以与矩阵相乘。

得到一个向右侧倾斜的平行四边形之后 再如法炮制制作一个向左倾斜的四边形 两个图案相乘就得到了三角形 

image.png


嗯 基本上知识点就这些了  希望大家有所收获

没有标签
确定
评论(6)
还没有人评论,快来抢沙发吧!