来自“UE5兵工厂”的雷达扫描器

Part1前言

最近想在材质中制作类似雷达的扫描线。效果如下

b48c80e47e8ca710686d3e55b58bf3ee.png

Part2分析

主要分为2部分,上层绿色的扫描范围效果,下层圆盘效果,采用贴花来实现,材质改为延迟贴花、半透明

Part3实现思路

需用到VectorToRadiaValue和RadiaGradientExponential节点,下图:

104a16e641ecdcc02bb98b7f705b9a23.png c0d09e9a57f309db4b8f84021161a24e.png

1扫描效果

首先考虑上层的扫描效果,该效果是一定范围的颜色绕圆心旋转,并且头部为实线,尾部为虚化的渐变。UV节点直接连接VectorToRadiaValue节点,用第二个输出节点(返回径向梯度),效果如下

2f6a6f51028282b2e901e368b6b48b5f.png改变渐变的中心点,将uv减0.5,效果如下

e1ea50f5be20679e8166548651a563f8.png将遮罩减去0-1之间的某个值,用来控制范围,效果如下

529ff11a8d8b7ce7f87742c7a6453351.png将uv加上一组随时间旋转的节点,此时遮罩整体沿逆时针方向旋转,但虚化的像素在前

74ae757335eb4cbd4d3d58d478748d6a.png因此给遮罩反向,并添加命名重路由声明节点,方便调用,效果如下

4bf673f8ebd63a25976b064b3c7de506.png乘以一组随时间闪烁的节点,模拟隔特定时间扫描一次的效果

c7195144442de63e4ff1445d8cb05d3e.png着色并整体控制亮度

8be2a5b63b70d13d796773e98110affc.png

2圆环效果

底层圆环需要外部导入一张网格图,这里用引擎内置的图片T_1x1_Grid 还是从VectorToRadiaValue节点开始,默认效果如下,可以看到r、g是圆圈和径向

db200b798ca5e123f53129dfd4cfbc04.png db04aa6fd81aa2cb49a56e23042692d8.png

b7b00f183cf2bef40b520d2f2b73575f.png作为UV连入贴图,r和g分别出现的效果如下

42e9a55e3ba873f83666445c0c5cd5af.png

acbd547328d6191c9f8ce487f8ab83f3.png将r和g所产生的遮罩分开,单独控制每种效果的数量,然后再加到一起,效果如下

feb85cec350d1491e8bbe00444c6ece1.png给线圈着色并添加亮度控制

6112fff844006ffbb6139730c1ffe0cd.png

3二层效果叠加

简单相加发现线圈受到扫描遮罩的影响,效果如下

37a43b217f6df45bc306848401e1a8a5.png在扫描遮罩处添加clamp后,效果正常,并且命名重路由,如下

d72ddd812a448b52b77feff5433f5f2b.png

5aca4d2fbf42965704a7bd08bc21fd4d.png利用圆形的遮罩来过滤合并后的效果,滤掉正方形边缘像素,效果不明显

13dbd3469377328e7f44c7eb9796eb7a.pngpower节点锐化一下,发现绿色扫描线与圆环紧紧贴合,效果如下

822fdbd234626a0a8ed7cc22bae5aabd.png将绿色扫描的效果利用圆形遮罩过滤一下

1f3f06b7641a2e6490a158361f736c24.png

Part4完成

最终的参数

742c680b1b4ea0b5a4dc994f4f63b7cd.png

Part5Inveta团队

Inveta团队由研发、美术设计、建模等组成。团队介绍:
https://www.inveta.cn/about.html
团队开源项目:
https://github.com/inveta

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值