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

相关推荐
西岸行者6 天前
学习笔记:SKILLS 能帮助更好的vibe coding
笔记·学习
悠哉悠哉愿意6 天前
【单片机学习笔记】串口、超声波、NE555的同时使用
笔记·单片机·学习
别催小唐敲代码6 天前
嵌入式学习路线
学习
毛小茛6 天前
计算机系统概论——校验码
学习
babe小鑫6 天前
大专经济信息管理专业学习数据分析的必要性
学习·数据挖掘·数据分析
山峰哥6 天前
吃透 SQL 优化:告别慢查询,解锁数据库高性能
服务器·数据库·sql·oracle·性能优化·编辑器
winfreedoms6 天前
ROS2知识大白话
笔记·学习·ros2
在这habit之下6 天前
Linux Virtual Server(LVS)学习总结
linux·学习·lvs
我想我不够好。6 天前
2026.2.25监控学习
学习
im_AMBER6 天前
Leetcode 127 删除有序数组中的重复项 | 删除有序数组中的重复项 II
数据结构·学习·算法·leetcode