高亮-插件调研
<p>[TOC]</p>
<table>
<thead>
<tr>
<th>作者</th>
<th>QFord</th>
</tr>
</thead>
<tbody>
<tr>
<td>创建日期</td>
<td>2024-12-5</td>
</tr>
<tr>
<td>更新日期</td>
<td>2024-12-5</td>
</tr>
<tr>
<td>说明</td>
<td>主要针对市面上的高亮插件</td>
</tr>
</tbody>
</table>
<h1>背景</h1>
<p>现有自研的高亮实现仅能满足物理颗粒的demo需求，对于化学颗粒的器材支持就不好了：</p>
<ul>
<li>对于半透明材质支持不好，特别是OpacityMaskClipValue>0的情况</li>
<li>高亮线条存在不够平滑的情况</li>
<li>重叠区域无法正常显示</li>
</ul>
<p>因此，我们需要初步调研下市面上现成的解决方案。</p>
<h1>入围插件</h1>
<table>
<thead>
<tr>
<th style="text-align: center;">插件名</th>
<th style="text-align: center;">概述</th>
<th style="text-align: center;">备注</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;">[<strong>Soft Outlines</strong>](<a href="https://www.fab.com/zh-cn/listings/20739703-ec41-45d1-9f34-068f5db6f170">https://www.fab.com/zh-cn/listings/20739703-ec41-45d1-9f34-068f5db6f170</a> "Soft Outlines")</td>
<td style="text-align: center;">基于后处理材质，通过自定义HLSL的高效实现</td>
<td style="text-align: center;">契合度：8分，重叠区域不显示高亮</td>
</tr>
<tr>
<td style="text-align: center;">[STYLIZED PACK（风格化包）](<a href="https://www.fab.com/zh-cn/listings/c2e6d75d-3d25-4775-9de3-e991b21e71ac">https://www.fab.com/zh-cn/listings/c2e6d75d-3d25-4775-9de3-e991b21e71ac</a> "STYLIZED PACK（风格化包）")</td>
<td style="text-align: center;">包含五种不同风格的着色：卡通、轮廓(描边)、素描、像素和油画</td>
<td style="text-align: center;">契合度：6分</td>
</tr>
<tr>
<td style="text-align: center;">[<strong>Local Outlines（本地化轮廓描边）</strong>](<a href="https://www.fab.com/zh-cn/listings/8d7a85c6-8ff6-4bc0-952c-b1fec05d15e5">https://www.fab.com/zh-cn/listings/8d7a85c6-8ff6-4bc0-952c-b1fec05d15e5</a> "Local Outlines（本地化轮廓）")</td>
<td style="text-align: center;">透明表面着色器，基于本地化的后处理FX</td>
<td style="text-align: center;">契合度：8.5分，包含技术博客文章</td>
</tr>
<tr>
<td style="text-align: center;">[Stylized Rendering System(风格化渲染系统)](<a href="https://www.fab.com/zh-cn/listings/6129b04e-3859-4a2d-90b3-000958a563d2">https://www.fab.com/zh-cn/listings/6129b04e-3859-4a2d-90b3-000958a563d2</a> "Stylized Rendering System(风格化渲染系统)")</td>
<td style="text-align: center;">支持透明描边，比标准的后处理实现更健壮</td>
<td style="text-align: center;">契合度：7分，当前支持到UE5.4</td>
</tr>
<tr>
<td style="text-align: center;">[<strong>OutlineMaker</strong>](<a href="https://www.fab.com/zh-cn/listings/7be55587-5fd1-4a31-9162-004593a0cb61">https://www.fab.com/zh-cn/listings/7be55587-5fd1-4a31-9162-004593a0cb61</a> "OutlineMaker")</td>
<td style="text-align: center;">基于后处理材质的描边</td>
<td style="text-align: center;">契合度：8.5分，地图可能出现绿色噪点</td>
</tr>
<tr>
<td style="text-align: center;">[<strong>Rooibos Outlines</strong>](<a href="https://www.fab.com/zh-cn/listings/1b705b19-05be-4756-aab4-014f1b5318b6">https://www.fab.com/zh-cn/listings/1b705b19-05be-4756-aab4-014f1b5318b6</a> "Rooibos Outlines")</td>
<td style="text-align: center;">直接指定Actor是否高亮，高亮模板配置支持</td>
<td style="text-align: center;">契合度：8分</td>
</tr>
<tr>
<td style="text-align: center;">[Outline Material](<a href="https://www.fab.com/zh-cn/listings/91ee89ef-74a4-44e5-b721-9ca5fa1f104f">https://www.fab.com/zh-cn/listings/91ee89ef-74a4-44e5-b721-9ca5fa1f104f</a> "Outline Material")</td>
<td style="text-align: center;">高亮材质实例</td>
<td style="text-align: center;">契合度6.5分，当前支持UE5.4</td>
</tr>
<tr>
<td style="text-align: center;">[Auto Mesh Outline](<a href="https://www.fab.com/zh-cn/listings/2f17a5e6-2049-43c6-8342-7caf7efb067c">https://www.fab.com/zh-cn/listings/2f17a5e6-2049-43c6-8342-7caf7efb067c</a> "Auto Mesh Outline")</td>
<td style="text-align: center;">根据tag来添加</td>
<td style="text-align: center;">契合度：7分 ，当前支持UE5.4</td>
</tr>
<tr>
<td style="text-align: center;">[Outline Enhancement Material](<a href="https://www.fab.com/zh-cn/listings/818e9c8c-c53d-4aa1-a7d0-81fd053d3b11">https://www.fab.com/zh-cn/listings/818e9c8c-c53d-4aa1-a7d0-81fd053d3b11</a> "Outline Enhancement Material")</td>
<td style="text-align: center;">后处理材质</td>
<td style="text-align: center;">契合度：8分</td>
</tr>
<tr>
<td style="text-align: center;">[Easy Soft Outlines](<a href="https://www.fab.com/zh-cn/listings/234b8910-2db9-4fdd-9e70-f762ad95cd0e">https://www.fab.com/zh-cn/listings/234b8910-2db9-4fdd-9e70-f762ad95cd0e</a> "Easy Soft Outlines")</td>
<td style="text-align: center;">后处理材质</td>
<td style="text-align: center;">契合度：6分，UE5.3</td>
</tr>
<tr>
<td style="text-align: center;">[Outline Material Pack](<a href="https://www.fab.com/zh-cn/listings/73e59839-4045-445b-bab3-29e1118f719f">https://www.fab.com/zh-cn/listings/73e59839-4045-445b-bab3-29e1118f719f</a> "Outline Material Pack")</td>
<td style="text-align: center;">20个可选参数</td>
<td style="text-align: center;">契合度：7分，UE5.4</td>
</tr>
<tr>
<td style="text-align: center;">[Snap In Simple Mesh Outliner](<a href="https://www.fab.com/zh-cn/listings/4064b2cd-dff6-4383-af04-80a148e28bc7">https://www.fab.com/zh-cn/listings/4064b2cd-dff6-4383-af04-80a148e28bc7</a> "Snap In Simple Mesh Outliner")</td>
<td style="text-align: center;">非后处理实现</td>
<td style="text-align: center;">契合度：7.5分，UE5.3</td>
</tr>
<tr>
<td style="text-align: center;">[Selection outline highlights（选择高亮）](<a href="https://www.fab.com/zh-cn/listings/c49fb9f8-5a3a-4651-bbbd-28d2d3cd0d91">https://www.fab.com/zh-cn/listings/c49fb9f8-5a3a-4651-bbbd-28d2d3cd0d91</a> "Selection outline highlights（选择高亮）")</td>
<td style="text-align: center;">带有选择的高亮</td>
<td style="text-align: center;">契合度：7.5分，UE5.4</td>
</tr>
<tr>
<td style="text-align: center;">[Distance Field Outline](<a href="https://www.fab.com/zh-cn/listings/6b839f20-436c-421c-829e-1679aadb15ea">https://www.fab.com/zh-cn/listings/6b839f20-436c-421c-829e-1679aadb15ea</a> "Distance Field Outline")</td>
<td style="text-align: center;">基于Distance Field的后处理高亮</td>
<td style="text-align: center;">契合度：7.5分支</td>
</tr>
<tr>
<td style="text-align: center;">[Master Stroke Outline](<a href="https://www.fab.com/zh-cn/listings/6f4c1de5-3285-4cf9-b29f-e7da5276b36a">https://www.fab.com/zh-cn/listings/6f4c1de5-3285-4cf9-b29f-e7da5276b36a</a> "Master Stroke Outline")</td>
<td style="text-align: center;">高亮粗细无法控制</td>
<td style="text-align: center;">契合度：6分</td>
</tr>
<tr>
<td style="text-align: center;">[Advanced Outline Shader for Unreal Engine 5](<a href="https://www.fab.com/zh-cn/listings/fe93a284-2425-4f78-a82e-5cec8cf087f9">https://www.fab.com/zh-cn/listings/fe93a284-2425-4f78-a82e-5cec8cf087f9</a> "Advanced Outline Shader for Unreal Engine 5")</td>
<td style="text-align: center;">后处理材质</td>
<td style="text-align: center;">契合度：7.5分</td>
</tr>
</tbody>
</table>
<h1>调研推荐</h1>
<p>根据上面的评分，我们推荐根据评分高低来先后采购插件，直到选出满足需求的插件为止。
为了便于评估，我们也提前准备好了相关的测试工程，以便快速测试。</p>
<h1>调研结论</h1>
<p>通过集成Soft Outlines表现到现有的高亮插件，有20个内置样式，发现有若干样式比较适合现有的化学、物理器材。已更新高亮插件。</p>
<h1>未入围插件</h1>
<ul>
<li>[Cel-Shader & Outline](<a href="https://www.fab.com/zh-cn/listings/115968e6-8e5b-474d-9c56-95d800bc3ad0">https://www.fab.com/zh-cn/listings/115968e6-8e5b-474d-9c56-95d800bc3ad0</a> "Cel-Shader & Outline")</li>
<li>[Pixel Perfect Outlines](<a href="https://www.fab.com/zh-cn/listings/ad872420-474f-4308-832b-9c4031a35a89">https://www.fab.com/zh-cn/listings/ad872420-474f-4308-832b-9c4031a35a89</a> "Pixel Perfect Outlines")</li>
<li>[UMG Runtime Outliner（开发调试的UI描边插件）](<a href="https://www.fab.com/zh-cn/listings/287ab66a-0a1d-42ac-914b-18fe119e1d87">https://www.fab.com/zh-cn/listings/287ab66a-0a1d-42ac-914b-18fe119e1d87</a> "UMG Runtime Outliner（开发调试的UI描边插件）")</li>
</ul>