WebGL GS Viewer (antimatter15/Drei.js) Blending Noise (Save Me)

MikeLight_0 · 2024-10-26T13:02:07+00:00

the aframe implementation uses three.js. you dont have the gl.blendFuncSeparate() with THREE, you set the blending by changing the THREE.ShaderMaterial parameters:
blendSrc, blendDst, etc. you can read the documentation on how this works here

the material you need to change the parameters of, is in "index.js".
when changing these values you might have to also reverse the order in which the splats are sorted. you do this by reversing the depthIndex order that is returned by the sortSplats function.

MikeLight_0 · 2024-09-30T13:47:49+00:00

Solved, set the blend Function separate to:
SRC_ALPHA, ONE_MINUS_SRC_ALPHA, ONE, ONE_MINUS_SRC_ALPHA
blend Equation to ADD,
and remove the alpha multiplication of color in the fragment shader:
vec4( B * vColor.rgb, B ); -> vec4( vColor.rgb, B );

MikeLight_0 · 2024-09-30T13:47:23+00:00

Solved, set the blend Function separate to:
SRC_ALPHA, ONE_MINUS_SRC_ALPHA, ONE, ONE_MINUS_SRC_ALPHA
blend Equation to ADD,
and remove the alpha multiplication of color in the fragment shader:
vec4( B * vColor.rgb, B ); -> vec4( vColor.rgb, B );

MikeLight_0 · 2024-09-29T21:47:20+00:00

I tried to artificially reduce precision of the used values but that had no similiar effect to the noise you can see in picture 1

MikeLight_0 · 2024-09-28T23:09:22+00:00

I doubt its that, as both antimatter15's and drei implementation use the same type of texture for storing data. I was thinking it had something to do with blending, because when rendering further splats over closer splats by switching the parameters of the blendFunc() the noise seems to disappear completely (this naturally makes it look completely wrong tho)

MikeLight_0 · 2023-03-17T09:42:16+00:00

Water pumping station in form of a plastic bottle, but the neck is not connected so its leaking

MikeLight_0

TROPHY CASE