Don’t use property() for unassigned variables

Author: shotamatsuda

examples/jsm/tsl/display/DenoiseNode.js

@@ -1,5 +1,5 @@
 import { DataTexture, RepeatWrapping, Vector2, Vector3, TempNode } from 'three/webgpu';
-import { texture, getNormalFromDepth, getViewPosition, convertToTexture, nodeObject, Fn, float, NodeUpdateType, uv, uniform, Loop, luminance, vec2, vec3, vec4, uniformArray, int, dot, max, pow, abs, If, textureSize, sin, cos, mat2, PI, property } from 'three/tsl';
+import { texture, getNormalFromDepth, getViewPosition, convertToTexture, nodeObject, Fn, float, NodeUpdateType, uv, uniform, Loop, luminance, vec2, vec3, vec4, uniformArray, int, dot, max, pow, abs, If, textureSize, sin, cos, mat2, PI } from 'three/tsl';
 import { SimplexNoise } from '../../math/SimplexNoise.js';
 
 /**
@@ -187,7 +187,7 @@ class DenoiseNode extends TempNode {
 			const viewNormal = sampleNormal( uvNode ).toVar();
 
 			const texel = sampleTexture( uvNode ).toVar();
-			const result = property( 'vec4' );
+			const result = vec4().toVar();
 
 			If( depth.greaterThanEqual( 1.0 ).or( dot( viewNormal, viewNormal ).equal( 0.0 ) ), () => {
 

examples/jsm/tsl/display/DepthOfFieldNode.js

@@ -1,5 +1,5 @@
 import { TempNode, NodeMaterial, NodeUpdateType, RenderTarget, Vector2, HalfFloatType, RedFormat, QuadMesh, RendererUtils } from 'three/webgpu';
-import { convertToTexture, nodeObject, Fn, uniform, smoothstep, step, texture, max, uniformArray, outputStruct, property, vec4, vec3, uv, Loop, min, mix } from 'three/tsl';
+import { convertToTexture, nodeObject, Fn, uniform, smoothstep, step, texture, max, uniformArray, outputStruct, float, vec4, vec3, uv, Loop, min, mix } from 'three/tsl';
 import { gaussianBlur } from './GaussianBlurNode.js';
 
 const _quadMesh = /*@__PURE__*/ new QuadMesh();
@@ -355,8 +355,8 @@ class DepthOfFieldNode extends TempNode {
 
 		// CoC, near and far fields
 
-		const nearField = property( 'float' );
-		const farField = property( 'float' );
+		const nearField = float().toVar();
+		const farField = float().toVar();
 
 		const outputNode = outputStruct( nearField, farField );
 

examples/jsm/tsl/display/PixelationPassNode.js

@@ -1,5 +1,5 @@
 import { NearestFilter, Vector4, TempNode, NodeUpdateType, PassNode } from 'three/webgpu';
-import { nodeObject, Fn, float, uv, uniform, convertToTexture, vec2, vec3, clamp, floor, dot, smoothstep, If, sign, step, mrt, output, normalView, property } from 'three/tsl';
+import { nodeObject, Fn, float, uv, uniform, convertToTexture, vec2, vec3, clamp, floor, dot, smoothstep, If, sign, step, mrt, output, normalView } from 'three/tsl';
 
 /**
  * A inner node definition that implements the actual pixelation TSL code.
@@ -127,7 +127,7 @@ class PixelationNode extends TempNode {
 
 		const depthEdgeIndicator = ( depth ) => {
 
-			const diff = property( 'float', 'diff' );
+			const diff = float().toVar( 'diff' );
 			diff.addAssign( clamp( sampleDepth( 1, 0 ).sub( depth ) ) );
 			diff.addAssign( clamp( sampleDepth( - 1, 0 ).sub( depth ) ) );
 			diff.addAssign( clamp( sampleDepth( 0, 1 ).sub( depth ) ) );
@@ -158,7 +158,7 @@ class PixelationNode extends TempNode {
 
 		const normalEdgeIndicator = ( depth, normal ) => {
 
-			const indicator = property( 'float', 'indicator' );
+			const indicator = float().toVar( 'indicator' );
 
 			indicator.addAssign( neighborNormalEdgeIndicator( 0, - 1, depth, normal ) );
 			indicator.addAssign( neighborNormalEdgeIndicator( 0, 1, depth, normal ) );
@@ -173,8 +173,8 @@ class PixelationNode extends TempNode {
 
 			const texel = sampleTexture();
 
-			const depth = property( 'float', 'depth' );
-			const normal = property( 'vec3', 'normal' );
+			const depth = float().toVar( 'depth' );
+			const normal = vec3().toVar( 'normal' );
 
 			If( this.depthEdgeStrength.greaterThan( 0.0 ).or( this.normalEdgeStrength.greaterThan( 0.0 ) ), () => {
 
@@ -183,15 +183,15 @@ class PixelationNode extends TempNode {
 
 			} );
 
-			const dei = property( 'float', 'dei' );
+			const dei = float().toVar( 'dei' );
 
 			If( this.depthEdgeStrength.greaterThan( 0.0 ), () => {
 
 				dei.assign( depthEdgeIndicator( depth ) );
 
 			} );
 
-			const nei = property( 'float', 'nei' );
+			const nei = float().toVar( 'nei' );
 
 			If( this.normalEdgeStrength.greaterThan( 0.0 ), () => {