如何用颗粒获得锋利的边缘

Question

这是我当前的输出： 带有弯曲边缘的圆环

如您所见，边缘是“块状”的。

这已经通过丢弃点材质自定义片段着色器中的像素来使用圆形粒子：

float distanceToCenter = length(gl_PointCoord - 0.5);
if (distanceToCenter > 0.5)
    discard;

这是预期的结果： 边缘光滑的圆环

粒子处于原始位置时边缘清晰 (

distanceToOrigin < 0.001

)

任何帮助将不胜感激，提前感谢大家！

Answer 1

你想要达到的目标叫做

antialiasing

。

要成功，您可以在两个轴上操作。

第一个是更新Renderer：

• 通过启用默认的 antialias，它使用 MSAA；
• 通过升级pixelRatio（高消耗）。

第二个是更新你的fragmentShader代码：

• 实现称为 SDF 的有符号距离场（此处为示例）。