Hello :slight_smile: I’ve been playing around with fog effect, using THREE.Points with some transparent smoke textures. First problem came up when the fully transparent edges of the images would clip weirdly: [image] From this stack overflow thread javascript - Three.js - depthWrite vs depthTest…

Would you like to share your code as a new three.js example? I think it would be good to have a soft particles example in the repo. It could be named as webgl_points_soft.

Sure, would love to give back to the community! :heart_eyes: I’d have to clean up the code first, as its a bit messy right now. Should I post it here?

Yeah, why not. We can start to review the code here and finetune at github.

Hmm should I paste the whole code here or just a .zip? softParticles.zip (1.5 MB) I have to say, Im not sure what should go into the uvTransform uniform of the shader material.

Let me have a look at your code tomorrow :blush:

I’ve seen that you have copied the entire points material shader. I personally would keep the example more simple and remove all shader chunks which are not directly related to soft particles. If you are writing a custom shader, it’s important to manage the file like so . Ensure to define all un…

Hello, I’ve got this far today, will do more tomorrow. softParticlesExample.zip (1.5 MB) I’ve narrowed the whole scene down to objects necessary for the example, and reformatted most code. Also, could you please expand on your last point? Im not sure how to implement that.

[image] DolphinIQ: Also, could you please expand on your last point? Im not sure how to implement that. I mean you create a new file SoftParticlesPass and implement the rendering logic related to soft particles there. You don’t use EffectComposer in SoftParticlesPass but manage the render tar…

Thank you! Unfortunately this seems a little too much for me :confused:. I’ve never made a custom pass and I have no idea how to handle rendering just the particles. Also Im not sure why in the DepthTarget.texture (main render target that supplies the depth texture to the softParticlesMaterial) the…

Points transparent textures depth artifacts (soft particles)

Questions

Mugen87 February 4, 2019, 6:46pm 20

Okay, depending on how much time I have this week, I try to make the changes and host a fiddle with the code. The current progress is already great but let’s see if we can push things a bit further^^.

Topic		Replies	Views
Soft Particles render Questions shaders	4	4933	August 8, 2018
ShaderMaterial.depthWrite with THREE.Points and transparency Questions materials , shaders , transparency , particles	3	4305	June 14, 2023
Raymarching - Correct gl_FragDepth Questions materials , shaders , depth , raymarch	11	1077	May 30, 2024
Transparency glitching and depthWrite and depthTest don't seem to help Questions transparency	3	1032	March 27, 2022
ThreeJS and the transparent problem Questions transparency	50	34197	November 18, 2024

Points transparent textures depth artifacts (soft particles)

Related topics