Separate Blending Equations

Dugyu · December 4, 2019, 1:24pm

Hi all!

I am new to Three.js, and have a question about material custom blending equations.
Can we do glBlendFuncSeparate in Three.js?
I want to separate the blending factors for color and alpha. It seems that the custom blending equations do not support such seperation?

Thank you!!

Mugen87 · December 4, 2019, 1:40pm

three.js does support this as you can see at the following code in WebGLState:

github.com

mrdoob/three.js/blob/3c300e3ac2ef1341a3284a0297c131eaec14faaa/src/renderers/webgl/WebGLState.js#L659-L668


      
          		if ( blendSrc !== currentBlendSrc || blendDst !== currentBlendDst || blendSrcAlpha !== currentBlendSrcAlpha || blendDstAlpha !== currentBlendDstAlpha ) {
          
          			gl.blendFuncSeparate( factorToGL[ blendSrc ], factorToGL[ blendDst ], factorToGL[ blendSrcAlpha ], factorToGL[ blendDstAlpha ] );
          
          			currentBlendSrc = blendSrc;
          			currentBlendDst = blendDst;
          			currentBlendSrcAlpha = blendSrcAlpha;
          			currentBlendDstAlpha = blendDstAlpha;
          
          		}

Can you please show how you configure your material? Maybe as a live example? This should make it easy to verify which code path is taken in WebGLState.

Dugyu · December 4, 2019, 1:45pm

Thank you sooo much!!
I thought it doesn’t because it’s not in the docs. Will try it out!

Mugen87 · December 4, 2019, 1:52pm

This example might be useful to you:

https://threejs.org/examples/webgl_materials_blending_custom

Topic		Replies	Views
Built in materials and special blending Questions blending	1	890	September 22, 2019
Set opacity with custom blending Questions materials , blending	2	2318	July 22, 2019
Scene with custom blend mode (difference/invert) Questions blending	11	6039	August 15, 2020
CustomBlending and transparent is not working Questions materials , transparency , blending	2	501	November 16, 2021
Blending - is it possible to ignore self-overlaps, but include every other blending? Questions blending , blend-modes	1	637	March 3, 2020

Separate Blending Equations

Related topics