【Question】About Render 2 shader programs with default renderOrder

[JohnConstantine]

I created a topic a couple days ago,the previous question can be found in this link below

【Question】About blending

Hi！ I have a scenario,which involves smoke and fire. I code them respectively with shaders and points. Smoke use alpha blending and fire use additive blending. So alpha blending equation is SRC*alphaFactor + DST*(1-alphaFactor) additive blending is SRC*1+ DST*1 It may happens to one pixel that needs to render both of them. in this case , are they shares the same input frag color or one of them s out frag color is the other ones input frag color? I don’t know if there’s any problem with…

About two shader program renderOrder.
Thanks to looeee and Mugen87

【Question】About blending

https://threejs.org/docs/index.html?q=renderer#api/en/renderers/WebGLRenderer.sortObjects

One VertexShader output to multiple FragmentShaders?

You can’t define this on program level. You can only control the render order of 3D objects via Object3D.renderOrder.

I know how to change the render order.
So i got curious , what happends to THREEJS if there’s more than one shader programs?What does THREEJS do,If they all use the default render order( which is 0).

[Mugen87]

Opaque, transparent and transmissive objects are sorted in separate render lists.

mrdoob/three.js/blob/29ff8202a8bfd46f778f9b7f349ff281e4538972/src/renderers/webgl/WebGLRenderLists.js#L156-L162

The sort depends on the type of objects. I suggest you study painterSortStable() and painterSortStable() for more details.

Assuming you have multiple opaque 3D meshes in your scene with different materials producing different shader programs then the depth value determines the render order.

[JohnConstantine]

Much appreciate ! Im definitely gonna read this section !