没啥用的shader小知识-扭曲与色相偏移 digest

转播

2021-08-29 21:03 发布

特效教程技术讨论 /[思路分享]
27893 138 68
本帖最后由 机智的桃子 于 2021-8-29 21:04 编辑

Hallo，大家好。我是机智的桃子

今天还是分享shader方面的小知识，次元斩的扭曲与色相偏移。

首先在MAX里建一个三角面，并把它的UV用松弛工具做成一个点，用这个三角面模拟屏幕割裂的效果。
三角面UV松弛.png

接下来进unity新建一个shader，用Grab Screen Posltion节点的XYZW值，分割除以（Divide）自身的W值，得到屏幕UV。
得到屏幕UV.png

采样一张Normal贴图（可控制强度），与得到的屏幕UV相加后连给Grab Screen Color，屏幕割裂效果就做好了。
扭曲.png

色相偏移效果原理就是把RGB通道分别提出来，给其中的两个通道做偏移后再Append组合在一起。
色相偏移.png

这里做了一个可以用粒子系统控制色相偏移强度的步骤，方便后面调整。（扭曲强度也可以做成用粒子系统控制）
粒子系统控制色相偏移强度.png
发射器控制偏移强度.png

shader做好后，下面调整粒子参数，随机出合适的效果或者自己摆出想要的造型，我借鉴了首页飒佬次元斩的造型，是真的好看，飒佬YYDS！！！
效果图1.png

今天的分享到这里结束了，shader以及粒子源文件奉上，感谢大家的阅读。
unity2019.4.9


评分

参与人数 4AG币 +64 收起 理由
难教流氓 + 6 yyds
你是不是飒 + 20 我直接投币拿源文件
慎独 + 20 很给力!
ADY521 + 18

查看全部评分

68
举报

全部评论20

    学fx的mpp
    想问下做那个三角形面片的作用是什么
    回复
    2023-2-7 11:24
    确定
    小灰
    大佬牛批，参考大佬的造型添加了个扭曲
    回复
    2022-6-5 20:22
    确定
    夏白夜
    感谢大佬分享~
    回复
    2022-5-7 15:47
    确定
    鱼小酱
    给桃子哥点赞了。桃子哥YYDS
    回复
    2021-11-2 20:16
    确定
    CG_Art
    太强了，感谢大佬的干货
    回复
    2021-9-7 21:31
    确定
    旧巷
    太牛了
    回复
    2021-9-3 15:38
    确定
    xiaowen
    太强了
    回复
    2021-9-3 10:17
    确定
    loki
    学到了新技术！这就把我的辣鸡特效删了，用新知识点重做
    回复
    1
    2021-9-3 09:57
    确定
    xiaowen
    太强了
    回复
    2021-9-2 17:56
    确定
    Kseven
    感谢桃子叔叔分享干货！
    回复
    2021-9-2 17:46
    确定
    机智的桃子
    回复
    Kseven
    我不及桃子叔叔九牛一毛，碰巧名字相近而已
    回复
    2021-9-5 15:55
    确定
    你是不是飒
    学到了新技术！这就把我的辣鸡特效删了，用新知识点重做
    回复
    2021-9-2 13:58
    确定
    机智的桃子
    回复
    你是不是飒
    飒佬，不要的特效不要删可以打包给我，隔壁小孩都馋哭了（手动狗头保命）
    回复
    2021-9-5 15:54
    确定
    一生不变
    太强了
    回复
    2021-9-2 11:05
    确定
    策动
    这个货太干了！！
    回复
    2021-9-2 10:57
    确定
    青衫白马少年郎
    renderer点开coston然后报错该怎么办呢
    回复
    2021-9-2 10:41
    确定
    萌新300斤
    太强了，感谢大佬的干货
    回复
    2021-9-2 10:12
    确定
    hualahualapu
    ！！！！！！！！感谢
    回复
    2021-9-2 09:49
    确定
    慎独
    太强了！
    回复
    2021-8-30 10:28
    确定
    野兽先辈
    非常滴好！
    回复
    2021-8-30 09:57
    确定
    ADY521
    有一个一直困扰我的疑问，就是grab screen pos除一下W分量这一步是做了什么？如果直接使用XY当UV和它的区别
    回复
    2021-8-30 09:17
    确定
    机智的桃子
    回复
    ADY521
    这一步叫齐次（透视）除法，得到归一化的设备坐标（normalized device coordinates，NDC）。具体涉及到坐标从裁剪空间到NDC的转换，我也不是很懂，建议找TA大佬问问（奈何公司没有TA）
    回复
    1
    2021-9-5 17:10
    确定
    ADY521
    回复
    机智的桃子
    OK，谢啦~
    回复
    2021-9-5 17:28
    确定
    ADY521
    牛逼！
    回复
    2021-8-30 09:15
    确定
客服中心 官方QQ群
快速回复 返回顶部 返回列表