@gnsx/three 0.186.6 → 0.186.8

package/src/renderers/common/nodes/NodeManager.js

@@ -10,7 +10,7 @@ import { builtin } from '../../../nodes/accessors/BuiltinNode.js';
 import { CubeUVReflectionMapping, EquirectangularReflectionMapping, EquirectangularRefractionMapping, NoToneMapping } from '../../../constants.js';
 // WITH_GENESYS
 import { vec4 } from '../../../nodes/tsl/TSLCore.js';
-import { colorizeQuadOverdraw, colorizeShaderComplexity, DEBUG_VIEW_QUAD_OVERDRAW, DEBUG_VIEW_SHADER_COMPLEXITY, DEBUG_VIEW_SHADER_COMPLEXITY_AND_QUADS, SHADER_COMPLEXITY_QUAD_COUNT_SCALE } from '../../../nodes/display/ComplexityDebug.js';
+import { colorizeQuadOverdraw, colorizeShaderComplexity, DEBUG_VIEW_OVERDRAW, DEBUG_VIEW_SHADER_COMPLEXITY, DEBUG_VIEW_SHADER_COMPLEXITY_AND_OVERDRAW, SHADER_COMPLEXITY_QUAD_COUNT_SCALE } from '../../../nodes/display/ComplexityDebug.js';
 // !WITH_GENESYS
 import { hashArray } from '../../../nodes/core/NodeUtils.js';
 import { error } from '../../../utils.js';
@@ -1035,9 +1035,9 @@ class NodeManager extends DataMap {
 		}
 
 		// WITH_GENESYS
-		if ( renderer.debug.view === DEBUG_VIEW_SHADER_COMPLEXITY || renderer.debug.view === DEBUG_VIEW_SHADER_COMPLEXITY_AND_QUADS ) {
+		if ( renderer.debug.view === DEBUG_VIEW_SHADER_COMPLEXITY || renderer.debug.view === DEBUG_VIEW_SHADER_COMPLEXITY_AND_OVERDRAW ) {
 
-			const complexity = renderer.debug.view === DEBUG_VIEW_SHADER_COMPLEXITY_AND_QUADS
+			const complexity = renderer.debug.view === DEBUG_VIEW_SHADER_COMPLEXITY_AND_OVERDRAW
 				? sampled.r.mul( sampled.g ).mul( SHADER_COMPLEXITY_QUAD_COUNT_SCALE )
 				: sampled.r;
 
@@ -1045,7 +1045,7 @@ class NodeManager extends DataMap {
 
 		}
 
-		if ( renderer.debug.view === DEBUG_VIEW_QUAD_OVERDRAW ) {
+		if ( renderer.debug.view === DEBUG_VIEW_OVERDRAW ) {
 
 			return vec4( colorizeQuadOverdraw( sampled.r ), 1 ).renderOutput( NoToneMapping, renderer.currentColorSpace );
 

package/src/renderers/webgl-fallback/WebGLBackend.js

@@ -1131,7 +1131,10 @@ class WebGLBackend extends Backend {
 
 		if ( context.mrt !== null && context.textures !== null ) {
 
-			state.setMRTBlending( context.textures, context.mrt, material );
+			// WITH_GENESYS
+			state.setMRTBlending( context.textures, context.mrt, material, object );
+			// !WITH_GENESYS
+			// state.setMRTBlending( context.textures, context.mrt, material );
 
 		}
 

package/src/renderers/webgl-fallback/utils/WebGLState.js

@@ -12,7 +12,8 @@ import { Color } from '../../../math/Color.js';
 import { Vector4 } from '../../../math/Vector4.js';
 import { error, ReversedDepthFuncs, warnOnce } from '../../../utils.js';
 // WITH_GENESYS
-import { debugDrawAccumulates } from '../../../nodes/display/ComplexityDebug.js';
+import { debugDrawAccumulates, debugDrawReplacesCost } from '../../../nodes/display/ComplexityDebug.js';
+import { DEBUG_VIEW_FRONT_BACK_FACE } from '../../../nodes/display/FrontBackFaceDebug.js';
 // !WITH_GENESYS
 
 let equationToGL, factorToGL;
@@ -288,7 +289,7 @@ class WebGLState {
 
 	}
 
-	setMRTBlending( textures, mrt, material ) {
+	setMRTBlending( textures, mrt, material, object = null ) {
 
 		const gl = this.gl;
 		const drawBuffersIndexedExt = this.backend.drawBuffersIndexedExt;
@@ -301,6 +302,24 @@ class WebGLState {
 
 		}
 
+		// WITH_GENESYS
+		// Every attachment matches the single-target path. Opaque material blending would replace a sum that should add.
+		if ( debugDrawAccumulates( this.backend.renderer, material, object ) ) {
+
+			const dst = debugDrawReplacesCost( this.backend.renderer.debug.view, material ) ? gl.ZERO : gl.ONE;
+
+			for ( let i = 0; i < textures.length; i ++ ) {
+
+				drawBuffersIndexedExt.blendEquationSeparateiOES( i, gl.FUNC_ADD, gl.FUNC_ADD );
+				drawBuffersIndexedExt.blendFuncSeparateiOES( i, gl.ONE, dst, gl.ONE, gl.ZERO );
+
+			}
+
+			return;
+
+		}
+		// !WITH_GENESYS
+
 		for ( let i = 0; i < textures.length; i ++ ) {
 
 			const texture = textures[ i ];
@@ -929,9 +948,16 @@ class WebGLState {
 
 		const { gl } = this;
 
-		material.side === DoubleSide
+		// WITH_GENESYS
+		const drawBothSides = material.side === DoubleSide || ( this.backend.renderer.debug.view === DEBUG_VIEW_FRONT_BACK_FACE && material.isShadowPassMaterial !== true );
+
+		drawBothSides
 			? this.disable( gl.CULL_FACE )
 			: this.enable( gl.CULL_FACE );
+		// !WITH_GENESYS
+		// material.side === DoubleSide
+		// 	? this.disable( gl.CULL_FACE )
+		// 	: this.enable( gl.CULL_FACE );
 
 		let flipSided = ( material.side === BackSide );
 		if ( frontFaceCW ) flipSided = ! flipSided;
@@ -939,10 +965,13 @@ class WebGLState {
 		this.setFlipSided( flipSided );
 
 		// WITH_GENESYS
-		// WebGL has no cached render pipeline. One+One is applied on each draw instead.
+		// WebGL has no cached render pipeline. The accumulate blend is applied on each draw instead.
+		// Alpha is replaced so it stays coverage, as in a shaded pass, for later compositing.
 		if ( debugDrawAccumulates( this.backend.renderer, material, object ) ) {
 
-			this.setBlending( AdditiveBlending, AddEquation, OneFactor, OneFactor, AddEquation, OneFactor, OneFactor, material.blendColor, material.blendAlpha, true );
+			const dstFactor = debugDrawReplacesCost( this.backend.renderer.debug.view, material ) ? ZeroFactor : OneFactor;
+
+			this.setBlending( CustomBlending, AddEquation, OneFactor, dstFactor, AddEquation, OneFactor, ZeroFactor, material.blendColor, material.blendAlpha, true );
 
 		} else if ( material.blending === NormalBlending && material.transparent === false ) {
 

package/src/renderers/webgpu/utils/WebGPUPipelineUtils.js

@@ -16,7 +16,8 @@ import {
 
 import { error, ReversedDepthFuncs, warn, warnOnce } from '../../../utils.js';
 // WITH_GENESYS
-import { debugDrawAccumulates } from '../../../nodes/display/ComplexityDebug.js';
+import { debugDrawAccumulates, debugDrawReplacesCost } from '../../../nodes/display/ComplexityDebug.js';
+import { DEBUG_VIEW_FRONT_BACK_FACE } from '../../../nodes/display/FrontBackFaceDebug.js';
 // !WITH_GENESYS
 
 import GPUComputePipelineDescriptor from '../descriptors/GPUComputePipelineDescriptor.js';
@@ -110,18 +111,22 @@ class WebGPUPipelineUtils {
 		}
 
 		// WITH_GENESYS
-		// Accumulate shader cost with One+One. Opaque materials normally disable blending.
+		// Quad overdraw and translucent shader complexity add. Opaque shader complexity replaces
+		// the stored cost, so the nearest surface wins without a depth pre-pass.
+		// Alpha is replaced so it stays coverage, as in a shaded pass, for later compositing.
 		if ( debugDrawAccumulates( backend.renderer, material, object ) ) {
 
+			const replaceCost = debugDrawReplacesCost( backend.renderer.debug.view, material );
+
 			materialBlending = {
 				color: {
 					srcFactor: GPUBlendFactor.One,
-					dstFactor: GPUBlendFactor.One,
+					dstFactor: replaceCost ? GPUBlendFactor.Zero : GPUBlendFactor.One,
 					operation: GPUBlendOperation.Add
 				},
 				alpha: {
 					srcFactor: GPUBlendFactor.One,
-					dstFactor: GPUBlendFactor.One,
+					dstFactor: GPUBlendFactor.Zero,
 					operation: GPUBlendOperation.Add
 				}
 			};
@@ -942,7 +947,12 @@ class WebGPUPipelineUtils {
 
 		//
 
-		descriptor.cullMode = ( material.side === DoubleSide ) ? GPUCullMode.None : GPUCullMode.Back;
+		// WITH_GENESYS
+		// Front/back face draws both windings. Depth still hides a face behind the shell.
+		const drawBothSides = material.side === DoubleSide || ( this.backend.renderer.debug.view === DEBUG_VIEW_FRONT_BACK_FACE && material.isShadowPassMaterial !== true );
+		descriptor.cullMode = drawBothSides ? GPUCullMode.None : GPUCullMode.Back;
+		// !WITH_GENESYS
+		// descriptor.cullMode = ( material.side === DoubleSide ) ? GPUCullMode.None : GPUCullMode.Back;
 
 		return descriptor;