TSL: Unable to use "bool" uniform

[gkjohnson]

Description

When using a "bool" uniform with TSL the following error is thrown:

Reproduction steps

1. Use a "bool" uniform type
2. See error

Code

const material = new THREE.MeshBasicNodeMaterial();
material.colorNode = wgslFn( `
  fn getColorValue( boolUniform: f32 ) -> vec4f {

    return vec4f( f32( boolUniform ), 0, 0, 1 );

  }
` )( {
  boolUniform: uniform( true ),
} );

Live example

https://jsfiddle.net/9ndtvok3/3/

Screenshots

No response

Version

dev

Device

No response

Browser

No response

OS

No response

[nuit-dhiver]

Why are you not using boolUniform: uniform(1.0) or boolUniform: uniform(0.0), // false instead?
I just want to make sure if this should be fixed or there is easy workarounds.

[Mugen87]

In WebGPU, booleans can't be used as uniform data. Same issue at pixijs: pixijs/pixijs#10624

To honor that policy, we did not add a uniform class type for supporting booleans. We could work around that by converting the bools to numbers and treat it as a simple number uniform. But that would maybe "hide" the restriction somewhat and produce wrong expectations.

[gkjohnson]

In WebGPU, booleans can't be used as uniform data. Same issue at pixijs: pixijs/pixijs#10624

Thanks - I know that was the case in WebGL but after looking around a bit it wasn't clear to me if that was true in WebGPU, as well. We should match what the spec supports, I think.

[sunag]

Through TSL, you can use booleans now. I described that in the PR: #31507

Note that in your example, the parameter boolUniform is a f32. TSL also performs automatic type conversion, so it should work as it was submitted.