@gnsx/three 0.186.8 → 0.186.9

package/build/three.core.js

@@ -28570,7 +28570,15 @@ class BatchedMesh extends Mesh {
 		// the vertices to draw (3 lines per triangle) so we multiply the draw counts / starts and make
 		// assumptions about the index buffer byte size.
 		let multiDrawMultiplier = 1;
-		if ( material.wireframe ) {
+		// WITH_GENESYS
+		// Same rule as materialDrawsWireframe, inlined so this core class does not import the node library.
+		// A legacy renderer has no debug view, so only the material flag applies there.
+		const debugView = renderer !== null && renderer !== undefined && renderer.debug !== undefined ? renderer.debug.view : undefined;
+		const wireframe = material.wireframe === true || ( debugView === 'wireframe' && material.isShadowPassMaterial !== true && material.allowOverride !== false );
+		// !WITH_GENESYS
+		// const wireframe = material.wireframe === true;
+
+		if ( wireframe ) {
 
 			multiDrawMultiplier = 2;
 			bytesPerElement = geometry.attributes.position.count > 65535 ? 4 : 2;

package/build/three.webgpu.js

@@ -32456,6 +32456,69 @@ class ChainMap {
 
 }
 
+// WITH_GENESYS
+// Wireframe debug view. Scene meshes are drawn as lines. Lighting is unchanged.
+// !WITH_GENESYS
+
+/**
+ * Wireframe. Each scene mesh is drawn as lines along its triangle edges.
+ * Lighting, color, and tone mapping stay the same as the shaded view.
+ * Shadow passes and fullscreen quads stay triangles.
+ *
+ * @type {string}
+ */
+const DEBUG_VIEW_WIREFRAME = 'wireframe';
+
+/**
+ * Whether the wireframe debug view should take over this draw.
+ * Shadow passes stay triangles so shadows still cover the surface. Fullscreen quads stay
+ * triangles so post-processing still fills the screen. A material with `allowOverride`
+ * false (the renderer skybox) stays shaded behind the edges.
+ *
+ * @param {Material} material - The material being drawn.
+ * @param {?Renderer} renderer - The renderer. May be null.
+ * @param {?Object3D} [object=null] - The object being drawn.
+ * @return {boolean} `true` when the debug view forces a wireframe.
+ */
+function debugViewForcesWireframe( material, renderer, object = null ) {
+
+	const debug = renderer !== null && renderer !== undefined ? renderer.debug : undefined;
+
+	if ( debug === undefined || debug.view !== DEBUG_VIEW_WIREFRAME ) return false;
+
+	if ( material.isShadowPassMaterial === true ) return false;
+
+	if ( material.allowOverride === false ) return false;
+
+	// Lines and points already draw as lines. Rewriting their index as triangle edges
+	// would skip vertices. Quad meshes are fullscreen passes.
+	if ( object === null || object === undefined || object.isMesh !== true || object.isQuadMesh === true ) return false;
+
+	return true;
+
+}
+
+/**
+ * Whether this draw should use line topology.
+ * A material that already sets `wireframe` stays a wireframe in every view.
+ * The wireframe debug view forces it for scene meshes. A renderer without `debug`
+ * (the legacy WebGL renderer) only honors the material flag.
+ *
+ * @param {Material} material - The material being drawn.
+ * @param {?Renderer} renderer - The renderer. May be null.
+ * @param {?Object3D} [object=null] - The object being drawn.
+ * @return {boolean} `true` when the draw is lines.
+ */
+function materialDrawsWireframe( material, renderer, object = null ) {
+
+	if ( material.wireframe === true ) return true;
+
+	return debugViewForcesWireframe( material, renderer, object );
+
+}
+
+// !WITH_GENESYS
+
 let _id$a = 0;
 const _protoKeysCache = new WeakMap();
 
@@ -33090,7 +33153,12 @@ class RenderObject {
 
 		let rangeFactor = 1;
 
-		if ( material.wireframe === true && ! object.isPoints && ! object.isLineSegments && ! object.isLine && ! object.isLineLoop ) {
+		// WITH_GENESYS
+		const wireframe = materialDrawsWireframe( material, this.renderer, object );
+		// !WITH_GENESYS
+		// const wireframe = material.wireframe === true;
+
+		if ( wireframe === true && ! object.isPoints && ! object.isLineSegments && ! object.isLine && ! object.isLineLoop ) {
 
 			rangeFactor = 2;
 
@@ -33978,6 +34046,8 @@ class Attributes extends DataMap {
 
 }
 
+// !WITH_GENESYS
+
 /**
  * Returns the wireframe version for the given geometry.
  *
@@ -34345,7 +34415,12 @@ class Geometries extends DataMap {
 
 		let index = geometry.index;
 
-		if ( material.wireframe === true ) {
+		// WITH_GENESYS
+		const wireframe = materialDrawsWireframe( material, renderObject.renderer, renderObject.object );
+		// !WITH_GENESYS
+		// const wireframe = material.wireframe === true;
+
+		if ( wireframe === true ) {
 
 			const wireframes = this.wireframes;
 
@@ -64787,7 +64862,7 @@ class Renderer {
 		 * @property {?Function} onNodeBuilderCreated - A callback function that is executed after a node builder has been created and before it is built.
 		 * @property {?Function} onShaderError - A callback function that is executed when a shader error happens. Only supported with WebGL 2 right now.
 		 * @property {Function} getShaderAsync - Allows the get the raw shader code for the given scene, camera and 3D object.
-		 * @property {string} view - Debug view. `shaderComplexity`, `lightingComplexity`, `overdraw`, and `shaderComplexityAndOverdraw` replace the shaded color with a heatmap. `shaderComplexityAndOverdraw` multiplies the shader cost by the overdraw count. `bufferVisualization` shows one material channel. `lightingOnly` and `detailLighting` light a flat gray surface. `drawCall` lights each submitted draw with its own diffuse color. `frontBackFace` draws both windings and tints the side facing the camera. `shadowCaster` lights a mesh green when it casts shadows and gray when it does not. `doubleSide` lights a single-sided surface gray, a visible double-sided back face blue, and a hidden double-sided back face red.
+		 * @property {string} view - Debug view. `shaderComplexity`, `lightingComplexity`, `overdraw`, and `shaderComplexityAndOverdraw` replace the shaded color with a heatmap. `shaderComplexityAndOverdraw` multiplies the shader cost by the overdraw count. `bufferVisualization` shows one material channel. `lightingOnly` and `detailLighting` light a flat gray surface. `drawCall` lights each submitted draw with its own diffuse color. `frontBackFace` draws both windings and tints the side facing the camera. `shadowCaster` lights a mesh green when it casts shadows and gray when it does not. `doubleSide` lights a single-sided surface gray, a visible double-sided back face blue, and a hidden double-sided back face red. `wireframe` draws each mesh as lines along its triangle edges. Lighting stays the same as the shaded view. Shadow passes and fullscreen quads stay triangles.
 		 * @property {string} buffer - Channel drawn by `bufferVisualization`: `baseColor`, `worldNormal`, `roughness`, `metallic`, `ambientOcclusion`, or `emissive`.
 		 * @property {number} shaderComplexityBudget - Proxy budget that fills the shader-complexity ramp.
 		 * @property {number} quadOverdrawBudget - Overlapping fragments that fill the quad-overdraw ramp.
@@ -77976,9 +78051,16 @@ class WebGLBackend extends Backend {
 		else if ( object.isLineLoop ) renderer.mode = gl.LINE_LOOP;
 		else {
 
-			if ( material.wireframe === true ) {
+			// WITH_GENESYS
+			const wireframe = materialDrawsWireframe( material, this.renderer, object );
+			const linewidth = material.wireframeLinewidth !== undefined ? material.wireframeLinewidth : 1;
+			// !WITH_GENESYS
+			// const wireframe = material.wireframe === true;
+			// const linewidth = material.wireframeLinewidth;
+
+			if ( wireframe === true ) {
 
-				state.setLineWidth( material.wireframeLinewidth * this.renderer.getPixelRatio() );
+				state.setLineWidth( linewidth * this.renderer.getPixelRatio() );
 				renderer.mode = gl.LINES;
 
 			} else {
@@ -80216,6 +80298,8 @@ class NodeStorageBuffer extends StorageBuffer {
 
 }
 
+// !WITH_GENESYS
+
 const _commandList = [ null ];
 
 /**
@@ -80430,7 +80514,10 @@ class WebGPUUtils {
 	getPrimitiveTopology( object, material ) {
 
 		if ( object.isPoints ) return GPUPrimitiveTopology.PointList;
-		else if ( object.isLineSegments || ( object.isMesh && material.wireframe === true ) ) return GPUPrimitiveTopology.LineList;
+		// WITH_GENESYS
+		else if ( object.isLineSegments || ( object.isMesh && materialDrawsWireframe( material, this.backend.renderer, object ) ) ) return GPUPrimitiveTopology.LineList;
+		// !WITH_GENESYS
+		// else if ( object.isLineSegments || ( object.isMesh && material.wireframe === true ) ) return GPUPrimitiveTopology.LineList;
 		else if ( object.isLine ) return GPUPrimitiveTopology.LineStrip;
 		else if ( object.isMesh ) return GPUPrimitiveTopology.TriangleList;
 

package/build/three.webgpu.nodes.js

@@ -32456,6 +32456,69 @@ class ChainMap {
 
 }
 
+// WITH_GENESYS
+// Wireframe debug view. Scene meshes are drawn as lines. Lighting is unchanged.
+// !WITH_GENESYS
+
+/**
+ * Wireframe. Each scene mesh is drawn as lines along its triangle edges.
+ * Lighting, color, and tone mapping stay the same as the shaded view.
+ * Shadow passes and fullscreen quads stay triangles.
+ *
+ * @type {string}
+ */
+const DEBUG_VIEW_WIREFRAME = 'wireframe';
+
+/**
+ * Whether the wireframe debug view should take over this draw.
+ * Shadow passes stay triangles so shadows still cover the surface. Fullscreen quads stay
+ * triangles so post-processing still fills the screen. A material with `allowOverride`
+ * false (the renderer skybox) stays shaded behind the edges.
+ *
+ * @param {Material} material - The material being drawn.
+ * @param {?Renderer} renderer - The renderer. May be null.
+ * @param {?Object3D} [object=null] - The object being drawn.
+ * @return {boolean} `true` when the debug view forces a wireframe.
+ */
+function debugViewForcesWireframe( material, renderer, object = null ) {
+
+	const debug = renderer !== null && renderer !== undefined ? renderer.debug : undefined;
+
+	if ( debug === undefined || debug.view !== DEBUG_VIEW_WIREFRAME ) return false;
+
+	if ( material.isShadowPassMaterial === true ) return false;
+
+	if ( material.allowOverride === false ) return false;
+
+	// Lines and points already draw as lines. Rewriting their index as triangle edges
+	// would skip vertices. Quad meshes are fullscreen passes.
+	if ( object === null || object === undefined || object.isMesh !== true || object.isQuadMesh === true ) return false;
+
+	return true;
+
+}
+
+/**
+ * Whether this draw should use line topology.
+ * A material that already sets `wireframe` stays a wireframe in every view.
+ * The wireframe debug view forces it for scene meshes. A renderer without `debug`
+ * (the legacy WebGL renderer) only honors the material flag.
+ *
+ * @param {Material} material - The material being drawn.
+ * @param {?Renderer} renderer - The renderer. May be null.
+ * @param {?Object3D} [object=null] - The object being drawn.
+ * @return {boolean} `true` when the draw is lines.
+ */
+function materialDrawsWireframe( material, renderer, object = null ) {
+
+	if ( material.wireframe === true ) return true;
+
+	return debugViewForcesWireframe( material, renderer, object );
+
+}
+
+// !WITH_GENESYS
+
 let _id$a = 0;
 const _protoKeysCache = new WeakMap();
 
@@ -33090,7 +33153,12 @@ class RenderObject {
 
 		let rangeFactor = 1;
 
-		if ( material.wireframe === true && ! object.isPoints && ! object.isLineSegments && ! object.isLine && ! object.isLineLoop ) {
+		// WITH_GENESYS
+		const wireframe = materialDrawsWireframe( material, this.renderer, object );
+		// !WITH_GENESYS
+		// const wireframe = material.wireframe === true;
+
+		if ( wireframe === true && ! object.isPoints && ! object.isLineSegments && ! object.isLine && ! object.isLineLoop ) {
 
 			rangeFactor = 2;
 
@@ -33978,6 +34046,8 @@ class Attributes extends DataMap {
 
 }
 
+// !WITH_GENESYS
+
 /**
  * Returns the wireframe version for the given geometry.
  *
@@ -34345,7 +34415,12 @@ class Geometries extends DataMap {
 
 		let index = geometry.index;
 
-		if ( material.wireframe === true ) {
+		// WITH_GENESYS
+		const wireframe = materialDrawsWireframe( material, renderObject.renderer, renderObject.object );
+		// !WITH_GENESYS
+		// const wireframe = material.wireframe === true;
+
+		if ( wireframe === true ) {
 
 			const wireframes = this.wireframes;
 
@@ -64787,7 +64862,7 @@ class Renderer {
 		 * @property {?Function} onNodeBuilderCreated - A callback function that is executed after a node builder has been created and before it is built.
 		 * @property {?Function} onShaderError - A callback function that is executed when a shader error happens. Only supported with WebGL 2 right now.
 		 * @property {Function} getShaderAsync - Allows the get the raw shader code for the given scene, camera and 3D object.
-		 * @property {string} view - Debug view. `shaderComplexity`, `lightingComplexity`, `overdraw`, and `shaderComplexityAndOverdraw` replace the shaded color with a heatmap. `shaderComplexityAndOverdraw` multiplies the shader cost by the overdraw count. `bufferVisualization` shows one material channel. `lightingOnly` and `detailLighting` light a flat gray surface. `drawCall` lights each submitted draw with its own diffuse color. `frontBackFace` draws both windings and tints the side facing the camera. `shadowCaster` lights a mesh green when it casts shadows and gray when it does not. `doubleSide` lights a single-sided surface gray, a visible double-sided back face blue, and a hidden double-sided back face red.
+		 * @property {string} view - Debug view. `shaderComplexity`, `lightingComplexity`, `overdraw`, and `shaderComplexityAndOverdraw` replace the shaded color with a heatmap. `shaderComplexityAndOverdraw` multiplies the shader cost by the overdraw count. `bufferVisualization` shows one material channel. `lightingOnly` and `detailLighting` light a flat gray surface. `drawCall` lights each submitted draw with its own diffuse color. `frontBackFace` draws both windings and tints the side facing the camera. `shadowCaster` lights a mesh green when it casts shadows and gray when it does not. `doubleSide` lights a single-sided surface gray, a visible double-sided back face blue, and a hidden double-sided back face red. `wireframe` draws each mesh as lines along its triangle edges. Lighting stays the same as the shaded view. Shadow passes and fullscreen quads stay triangles.
 		 * @property {string} buffer - Channel drawn by `bufferVisualization`: `baseColor`, `worldNormal`, `roughness`, `metallic`, `ambientOcclusion`, or `emissive`.
 		 * @property {number} shaderComplexityBudget - Proxy budget that fills the shader-complexity ramp.
 		 * @property {number} quadOverdrawBudget - Overlapping fragments that fill the quad-overdraw ramp.
@@ -77976,9 +78051,16 @@ class WebGLBackend extends Backend {
 		else if ( object.isLineLoop ) renderer.mode = gl.LINE_LOOP;
 		else {
 
-			if ( material.wireframe === true ) {
+			// WITH_GENESYS
+			const wireframe = materialDrawsWireframe( material, this.renderer, object );
+			const linewidth = material.wireframeLinewidth !== undefined ? material.wireframeLinewidth : 1;
+			// !WITH_GENESYS
+			// const wireframe = material.wireframe === true;
+			// const linewidth = material.wireframeLinewidth;
+
+			if ( wireframe === true ) {
 
-				state.setLineWidth( material.wireframeLinewidth * this.renderer.getPixelRatio() );
+				state.setLineWidth( linewidth * this.renderer.getPixelRatio() );
 				renderer.mode = gl.LINES;
 
 			} else {
@@ -80216,6 +80298,8 @@ class NodeStorageBuffer extends StorageBuffer {
 
 }
 
+// !WITH_GENESYS
+
 const _commandList = [ null ];
 
 /**
@@ -80430,7 +80514,10 @@ class WebGPUUtils {
 	getPrimitiveTopology( object, material ) {
 
 		if ( object.isPoints ) return GPUPrimitiveTopology.PointList;
-		else if ( object.isLineSegments || ( object.isMesh && material.wireframe === true ) ) return GPUPrimitiveTopology.LineList;
+		// WITH_GENESYS
+		else if ( object.isLineSegments || ( object.isMesh && materialDrawsWireframe( material, this.backend.renderer, object ) ) ) return GPUPrimitiveTopology.LineList;
+		// !WITH_GENESYS
+		// else if ( object.isLineSegments || ( object.isMesh && material.wireframe === true ) ) return GPUPrimitiveTopology.LineList;
 		else if ( object.isLine ) return GPUPrimitiveTopology.LineStrip;
 		else if ( object.isMesh ) return GPUPrimitiveTopology.TriangleList;
 

package/examples/jsm/inspector/tabs/Settings.js

@@ -143,6 +143,7 @@ class Settings extends Parameters {
 		this._bufferState = bufferState;
 		this._debugViewControl = modesGroup.add( debugViewState, 'view', {
 			'Shaded': 'none',
+			'Wireframe': 'wireframe',
 			'Draw Call': 'drawCall',
 			'Shader Complexity': 'shaderComplexity',
 			'Lighting Complexity': 'lightingComplexity',
@@ -164,7 +165,7 @@ class Settings extends Parameters {
 			this._syncBufferRow( view );
 			window.dispatchEvent( new Event( 'genesys-debug-view' ) );
 
-		} ).info( 'Shaded color, a cost heatmap, per-pixel overdraw, shader cost times overdraw, one material channel, lighting on a flat gray surface, one lit color per draw, a tint for the front and back of each face, green and gray for objects that do and do not cast shadows, or red where a double-sided back face is hidden. The Overdraw toggle above draws on top when both are enabled.' );
+		} ).info( 'Shaded color, mesh edges with the same lighting, a cost heatmap, per-pixel overdraw, shader cost times overdraw, one material channel, lighting on a flat gray surface, one lit color per draw, a tint for the front and back of each face, green and gray for objects that do and do not cast shadows, or red where a double-sided back face is hidden. The Overdraw toggle above draws on top when both are enabled.' );
 
 		this._bufferControl = modesGroup.add( bufferState, 'buffer', {
 			'Base Color': 'baseColor',
@@ -195,7 +196,7 @@ class Settings extends Parameters {
 		const renderer = this.inspector.getRenderer();
 		const view = renderer !== null && renderer.debug !== undefined ? renderer.debug.view : null;
 
-		if ( view === 'none' || view === 'shaderComplexity' || view === 'lightingComplexity' || view === 'overdraw' || view === 'shaderComplexityAndOverdraw' || view === 'bufferVisualization' || view === 'lightingOnly' || view === 'detailLighting' || view === 'drawCall' || view === 'frontBackFace' || view === 'shadowCaster' || view === 'doubleSide' ) {
+		if ( view === 'none' || view === 'wireframe' || view === 'shaderComplexity' || view === 'lightingComplexity' || view === 'overdraw' || view === 'shaderComplexityAndOverdraw' || view === 'bufferVisualization' || view === 'lightingOnly' || view === 'detailLighting' || view === 'drawCall' || view === 'frontBackFace' || view === 'shadowCaster' || view === 'doubleSide' ) {
 
 			if ( this._debugViewState.view !== view ) {
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnsx/three",
-  "version": "0.186.8",
+  "version": "0.186.9",
   "description": "JavaScript 3D library",
   "type": "module",
   "main": "./build/three.module.js",

package/src/nodes/display/WireframeDebug.js

@@ -0,0 +1,60 @@
+// WITH_GENESYS
+// Wireframe debug view. Scene meshes are drawn as lines. Lighting is unchanged.
+// !WITH_GENESYS
+
+/**
+ * Wireframe. Each scene mesh is drawn as lines along its triangle edges.
+ * Lighting, color, and tone mapping stay the same as the shaded view.
+ * Shadow passes and fullscreen quads stay triangles.
+ *
+ * @type {string}
+ */
+export const DEBUG_VIEW_WIREFRAME = 'wireframe';
+
+/**
+ * Whether the wireframe debug view should take over this draw.
+ * Shadow passes stay triangles so shadows still cover the surface. Fullscreen quads stay
+ * triangles so post-processing still fills the screen. A material with `allowOverride`
+ * false (the renderer skybox) stays shaded behind the edges.
+ *
+ * @param {Material} material - The material being drawn.
+ * @param {?Renderer} renderer - The renderer. May be null.
+ * @param {?Object3D} [object=null] - The object being drawn.
+ * @return {boolean} `true` when the debug view forces a wireframe.
+ */
+export function debugViewForcesWireframe( material, renderer, object = null ) {
+
+	const debug = renderer !== null && renderer !== undefined ? renderer.debug : undefined;
+
+	if ( debug === undefined || debug.view !== DEBUG_VIEW_WIREFRAME ) return false;
+
+	if ( material.isShadowPassMaterial === true ) return false;
+
+	if ( material.allowOverride === false ) return false;
+
+	// Lines and points already draw as lines. Rewriting their index as triangle edges
+	// would skip vertices. Quad meshes are fullscreen passes.
+	if ( object === null || object === undefined || object.isMesh !== true || object.isQuadMesh === true ) return false;
+
+	return true;
+
+}
+
+/**
+ * Whether this draw should use line topology.
+ * A material that already sets `wireframe` stays a wireframe in every view.
+ * The wireframe debug view forces it for scene meshes. A renderer without `debug`
+ * (the legacy WebGL renderer) only honors the material flag.
+ *
+ * @param {Material} material - The material being drawn.
+ * @param {?Renderer} renderer - The renderer. May be null.
+ * @param {?Object3D} [object=null] - The object being drawn.
+ * @return {boolean} `true` when the draw is lines.
+ */
+export function materialDrawsWireframe( material, renderer, object = null ) {
+
+	if ( material.wireframe === true ) return true;
+
+	return debugViewForcesWireframe( material, renderer, object );
+
+}

package/src/objects/BatchedMesh.js

@@ -1540,7 +1540,15 @@ class BatchedMesh extends Mesh {
 		// the vertices to draw (3 lines per triangle) so we multiply the draw counts / starts and make
 		// assumptions about the index buffer byte size.
 		let multiDrawMultiplier = 1;
-		if ( material.wireframe ) {
+		// WITH_GENESYS
+		// Same rule as materialDrawsWireframe, inlined so this core class does not import the node library.
+		// A legacy renderer has no debug view, so only the material flag applies there.
+		const debugView = renderer !== null && renderer !== undefined && renderer.debug !== undefined ? renderer.debug.view : undefined;
+		const wireframe = material.wireframe === true || ( debugView === 'wireframe' && material.isShadowPassMaterial !== true && material.allowOverride !== false );
+		// !WITH_GENESYS
+		// const wireframe = material.wireframe === true;
+
+		if ( wireframe ) {
 
 			multiDrawMultiplier = 2;
 			bytesPerElement = geometry.attributes.position.count > 65535 ? 4 : 2;

package/src/renderers/common/Geometries.js

@@ -2,6 +2,9 @@ import DataMap from './DataMap.js';
 import { AttributeType } from './Constants.js';
 
 import { Uint16BufferAttribute, Uint32BufferAttribute } from '../../core/BufferAttribute.js';
+// WITH_GENESYS
+import { materialDrawsWireframe } from '../../nodes/display/WireframeDebug.js';
+// !WITH_GENESYS
 
 /**
  * Returns the wireframe version for the given geometry.
@@ -370,7 +373,12 @@ class Geometries extends DataMap {
 
 		let index = geometry.index;
 
-		if ( material.wireframe === true ) {
+		// WITH_GENESYS
+		const wireframe = materialDrawsWireframe( material, renderObject.renderer, renderObject.object );
+		// !WITH_GENESYS
+		// const wireframe = material.wireframe === true;
+
+		if ( wireframe === true ) {
 
 			const wireframes = this.wireframes;
 

package/src/renderers/common/RenderObject.js

@@ -1,4 +1,7 @@
 import { hash, hashString } from '../../nodes/core/NodeUtils.js';
+// WITH_GENESYS
+import { materialDrawsWireframe } from '../../nodes/display/WireframeDebug.js';
+// !WITH_GENESYS
 
 let _id = 0;
 const _protoKeysCache = new WeakMap();
@@ -634,7 +637,12 @@ class RenderObject {
 
 		let rangeFactor = 1;
 
-		if ( material.wireframe === true && ! object.isPoints && ! object.isLineSegments && ! object.isLine && ! object.isLineLoop ) {
+		// WITH_GENESYS
+		const wireframe = materialDrawsWireframe( material, this.renderer, object );
+		// !WITH_GENESYS
+		// const wireframe = material.wireframe === true;
+
+		if ( wireframe === true && ! object.isPoints && ! object.isLineSegments && ! object.isLine && ! object.isLineLoop ) {
 
 			rangeFactor = 2;
 

package/src/renderers/common/Renderer.js

@@ -746,7 +746,7 @@ class Renderer {
 		 * @property {?Function} onNodeBuilderCreated - A callback function that is executed after a node builder has been created and before it is built.
 		 * @property {?Function} onShaderError - A callback function that is executed when a shader error happens. Only supported with WebGL 2 right now.
 		 * @property {Function} getShaderAsync - Allows the get the raw shader code for the given scene, camera and 3D object.
-		 * @property {string} view - Debug view. `shaderComplexity`, `lightingComplexity`, `overdraw`, and `shaderComplexityAndOverdraw` replace the shaded color with a heatmap. `shaderComplexityAndOverdraw` multiplies the shader cost by the overdraw count. `bufferVisualization` shows one material channel. `lightingOnly` and `detailLighting` light a flat gray surface. `drawCall` lights each submitted draw with its own diffuse color. `frontBackFace` draws both windings and tints the side facing the camera. `shadowCaster` lights a mesh green when it casts shadows and gray when it does not. `doubleSide` lights a single-sided surface gray, a visible double-sided back face blue, and a hidden double-sided back face red.
+		 * @property {string} view - Debug view. `shaderComplexity`, `lightingComplexity`, `overdraw`, and `shaderComplexityAndOverdraw` replace the shaded color with a heatmap. `shaderComplexityAndOverdraw` multiplies the shader cost by the overdraw count. `bufferVisualization` shows one material channel. `lightingOnly` and `detailLighting` light a flat gray surface. `drawCall` lights each submitted draw with its own diffuse color. `frontBackFace` draws both windings and tints the side facing the camera. `shadowCaster` lights a mesh green when it casts shadows and gray when it does not. `doubleSide` lights a single-sided surface gray, a visible double-sided back face blue, and a hidden double-sided back face red. `wireframe` draws each mesh as lines along its triangle edges. Lighting stays the same as the shaded view. Shadow passes and fullscreen quads stay triangles.
 		 * @property {string} buffer - Channel drawn by `bufferVisualization`: `baseColor`, `worldNormal`, `roughness`, `metallic`, `ambientOcclusion`, or `emissive`.
 		 * @property {number} shaderComplexityBudget - Proxy budget that fills the shader-complexity ramp.
 		 * @property {number} quadOverdrawBudget - Overlapping fragments that fill the quad-overdraw ramp.

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

@@ -12,6 +12,9 @@ import { GLFeatureName } from './utils/WebGLConstants.js';
 import { WebGLBufferRenderer } from './WebGLBufferRenderer.js';
 
 import { isTypedArray, warnOnce, warn, error } from '../../utils.js';
+// WITH_GENESYS
+import { materialDrawsWireframe } from '../../nodes/display/WireframeDebug.js';
+// !WITH_GENESYS
 import { WebGLCoordinateSystem, TimestampQuery, Compatibility } from '../../constants.js';
 import WebGLTimestampQueryPool from './utils/WebGLTimestampQueryPool.js';
 
@@ -1207,9 +1210,16 @@ class WebGLBackend extends Backend {
 		else if ( object.isLineLoop ) renderer.mode = gl.LINE_LOOP;
 		else {
 
-			if ( material.wireframe === true ) {
+			// WITH_GENESYS
+			const wireframe = materialDrawsWireframe( material, this.renderer, object );
+			const linewidth = material.wireframeLinewidth !== undefined ? material.wireframeLinewidth : 1;
+			// !WITH_GENESYS
+			// const wireframe = material.wireframe === true;
+			// const linewidth = material.wireframeLinewidth;
+
+			if ( wireframe === true ) {
 
-				state.setLineWidth( material.wireframeLinewidth * this.renderer.getPixelRatio() );
+				state.setLineWidth( linewidth * this.renderer.getPixelRatio() );
 				renderer.mode = gl.LINES;
 
 			} else {

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

@@ -1,5 +1,8 @@
 import { HalfFloatType, UnsignedByteType } from '../../../constants.js';
 import { GPUPrimitiveTopology, GPUTextureFormat } from './WebGPUConstants.js';
+// WITH_GENESYS
+import { materialDrawsWireframe } from '../../../nodes/display/WireframeDebug.js';
+// !WITH_GENESYS
 
 const _commandList = [ null ];
 
@@ -215,7 +218,10 @@ class WebGPUUtils {
 	getPrimitiveTopology( object, material ) {
 
 		if ( object.isPoints ) return GPUPrimitiveTopology.PointList;
-		else if ( object.isLineSegments || ( object.isMesh && material.wireframe === true ) ) return GPUPrimitiveTopology.LineList;
+		// WITH_GENESYS
+		else if ( object.isLineSegments || ( object.isMesh && materialDrawsWireframe( material, this.backend.renderer, object ) ) ) return GPUPrimitiveTopology.LineList;
+		// !WITH_GENESYS
+		// else if ( object.isLineSegments || ( object.isMesh && material.wireframe === true ) ) return GPUPrimitiveTopology.LineList;
 		else if ( object.isLine ) return GPUPrimitiveTopology.LineStrip;
 		else if ( object.isMesh ) return GPUPrimitiveTopology.TriangleList;