Jump to content


Recommended Posts

Hi everyone,

I've had issues with some things that I'd like you to review maybe.

Here is a simple PG scene, combining two excellent demos : water and fire materials. A candle is over a calm beach, 
#Question 1 : if you move the camera just to look up, right from starting position, you'll notice the reflective texture on water becomes glitchy at the bottom of the canvas. How to avoid that ?

Next, I'd like to apply blur post-process, but only on the flame.
#Question 2 : Is there a simple way to add/remove mesh from being rendered by the rendering pipeline ? Something like BABYLON.StandardRenderingPipeline.excludedMeshes[ ] ?

Here is the result when applying the pipeline :
#Question 3 : In this example the fireMaterial has trouble rendering its opacityTexture through the StandardRenderingPipeline. Is it a bug ? How to avoid that kind of glitch ?

So from my researches, in order to exclude certain elements from being rendered by the pipeline, I have to create multiple cameras with different layerMasks. So only the flame is rendered in the secondCamera :
#Question 4 : In this example, the waterMaterial becomes invisible, after adding another camera. Also, there seems to be a 'delay' when looking around, between layerMasks, the flame is no more 'attached' to the candle...

Anyway let's continue, then adding again the rendering pipeline, but only to the secondCamera :
#Question 5 : The scene refuses to render if only one camera is applied on the StandardRenderingPipeline.cameras, is it a bug ? Or is it impossible ?

Thx for looking into that if you have time ;)


Link to comment
Share on other sites

for me it is a very natural effect

with you candle example it looks strange yes, but with a moon, ...i can image its cool that nature works that way.
here it gets a bit better, becourse i change get y reflection direction of the wave.


Link to comment
Share on other sites


Funny. But yeah also sad.

I recommend over a long distance to learn how to use shaders and a bit of webgl background. I also had a slow start, but now, i already read advanced papers on some techniques. 

Lets image you just have to change a little number here

Link to comment
Share on other sites

Hi @meteoritool ! :)

Here are my answers (not in the order) :

1. Deltakosh replied :P

3. Yes, the layer masks are a solution. In fact, the standard rendering pipeline is only a set of chained shaders which are post-processes applied on the final render of the cameras attached to. You have to manually exclude and include them from the cameras

2. This is a normal effect if we consider the existing depth renderer system. In fact, the depth renderer (which renders the depth in a texture) only works on opaque meshes and alpha test meshes (not meshes with opacity). Unfortunately, the only solution I see here is to update the depth renderer to be able to compute custom depth functions, and in this example the custom depth function the fire material should define because flames are animated using the pixel shader. This can be a possible evolution to get your set of effects working well

4. I see the delay you're talking about and I don't know why it is happening. @Deltakosh, any idea ? For the water which becomes invisible, it is a known possible bug. In fact, the water material uses the "scene.activeCamera" camera to compute the mirrored camera position (reflection) and set the clip plane. I add this to my todo list and will come back with a possible fix :)

5. Absolutely not a wanted behavior lol. When I deactivate the depth of field, I get it working well. I have to dig if it comes from post-processes pipelines, cameras, the pipeline itselft or the depth renderer (which is used to compute the depth of field)

I come back with more answers soon !

Link to comment
Share on other sites

  • 1 month later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...