代码之家 › 专栏 › 技术社区 › K.Miao

启用混合时如何避免与背景混合

point-clouds shader three.js

K.Miao · 技术社区 · 8 年前

我正在尝试实现potree实现混合splat的功能。在 this example ,禁用时 EDL 然后切换 quality 选择 Splats 在 Appearance 文件夹中,它显示混合效果。

我的问题是,它如何避免这些点与背景融合。当我在自己的项目中启用混合时,这些点会与我的背景色混合,看起来不太好。避免与背景混合的优雅解决方案是什么?

你可以看到这些点正在与白色背景混合。我正在使用自定义着色器来设置alpha值。在此图像中,alpha值为0.5。

1 回复 | 直到 5 年前

Markus 8 年前

Potree使用更复杂的混合函数,需要3次传递。

每个点的权重w取决于到中心的距离。片段着色器的输出为: gl_FragColor = vec4(w * rgb, w)

gl_FragColor = vec4(weightedSumOfRGBs / sumOfWeights, 1.0)

最终结果是平滑混合点,过渡硬度取决于权重函数:

查看本论文以获得更详细的解释(第4.2.2章):

或者这篇算法的原始论文:

编辑:

推荐文章

user714171 · RenderDoc不让我调试吗?

10 月前

Oliver · 使用glslc从vulkan教程编译顶点着色器时出现错误:尚不支持链接中的多个文件

1 年前

user17328284 · 无法从OpenGL中的着色器程序设置多行的厚度的问题[重复]

2 年前

certrue · Godot将具有不同着色器的图像渲染到纹理

2 年前

Haerang Lee · 它是如何在Unity StandardSurfaceshader中使用自定义照明功能的

2 年前

geniar99s · 使用着色器进行三个JS滑块过渡?

2 年前

JS4137 · OpenGL-如何同时渲染无纹理的四边形和纹理四边形

2 年前

ããã¯ è¡æ ãªæç« ã · 使用着色器和MonoGame绘制颜色之间的边界

2 年前

Community wiki · 基于GLSL的投影/模型视图使对象不可见

2 年前

Guillaume Voiron · 如何使用WebGL和仅一个顶点着色器绘制多条Bézier曲线?

2 年前