UE5 制作方块边缘渐变边框效果

该效果基于之前做的(https://blog.csdn.net/grayrail/article/details/144546427)进行修改得到,思路也很简单:


1.打开实时预览

1.为了制作时每个细节调整方便,勾选Live Update中的三个选项,开启实时预览。

2.点开节点右上角的箭头,可查看实时预览效果。

2.提取边缘

3.先看下提取边缘的原理,对UV正数范围加偏移后,区间会变为[0.1 - 1.1],将其减去1以提取大于1的部分,可提取右半边边缘。同样做法,对UV负数范围反向加偏移,提取左半边边缘。

4.对UV的X和Y都作用此操作,并通过Max节点合并内容。

5.最后归一化,使用Add节点进行最终合并。

因为横向和纵向都包含边角区域,因此合并后边角会格外突出。

6.除非是有这样的美术需求,正常情况下还需要减去边角区域的高亮,这里可以使用Min节点提取该区域,增加一定系数相减。

7.最终所有节点如下:


参考:https://www.bilibili.com/video/BV1mdoBYMERv

相关推荐
C++ 老炮儿的技术栈18 分钟前
在vscode 如何运行a.nut 程序(Squirrel语言)
c语言·开发语言·c++·ide·vscode·算法·编辑器
LiuYaoheng40 分钟前
【Android】使用 Intent 传递对象的两种序列化方式
android·java·笔记·学习
九章数学体系1 小时前
九章数学体系:打破“吃苦悖论”,重构学习真谛
数据结构·学习·算法·数学建模·拓扑学
杜子不疼.1 小时前
《从 Vim 新手到“键圣”:我的手指进化史》
linux·编辑器·vim
饮浊酒3 小时前
初始C语言---第四讲(数组)
c语言·学习
楞伽sr3 小时前
STM32学习记录--Day6
stm32·嵌入式硬件·学习
我是why的狗10 小时前
功能强大编辑器
编辑器
【上下求索】12 小时前
学习笔记090——Ubuntu 中 UFW 防火墙的使用
笔记·学习·ubuntu
hhj123k13 小时前
渗透作业3
网络·学习
心一信息13 小时前
HCIE学习之路:一个NAT实验
学习·计算机网络·智能路由器