(question) how to composite multiple children using blendFunc

question

library version

3.6.0

npm ls gl-react gl-react-dom gl-react-native gl-react-expo
gl-react@3.6.0 
└── gl-react-dom@3.6.0

This should be a relatively simple question, but I’m not seeing an easy way to composite multiple nodes together while being able to take advantage of the parent node’s blendFunc.

The only way I can currently see of implementing this is to re-implement the blendFunc in the parent node’s shader and have the multiple children passed in as textures, but this seems really backwards, so I’m guessing I’m missing something. None of the examples really use blendFunc or composite multiple children together.

Here’s a jsfiddle with a DOM example of what I’m trying to accomplish.

Also, I absolutely love using gl-react – keep up the great work!! 😃

[transitive-bullshit]

I agree this should be a gl-react primitive. I’d go with Layer singular as it’s one fbo surface with multiple child nodes.

There’s a precedent we can learn from in every retained scenegraph. The only other option I could see is that we don’t introduce a new Node type, and instead, Node recognizes if it has multiple children and uses its blendFunc to blend them on top of each other in this specific case. This is what I thought would happen, for instance, the first time I tried using gl-react. That being said, I’d prefer to stick with the explicit Layer container for now.

[quaos]

Hi, Any progress on this?