Updated examples to use new setVector & setColor convenience methods

Kodub · Kodub · commit 231773f1f0c1 · 2026-04-07T16:58:04.000+07:00
diff --git a/examples/jsm/exporters/GLTFExporter.js b/examples/jsm/exporters/GLTFExporter.js
@@ -884,7 +884,7 @@ class GLTFWriter {
 
 			}
 
-			attribute.setXYZ( i, v.x, v.y, v.z );
+			attribute.setVector3( i, v );
 
 		}
 
diff --git a/examples/jsm/helpers/TextureHelper.js b/examples/jsm/helpers/TextureHelper.js
@@ -203,11 +203,7 @@ function createCubeGeometry( width, height, depth ) {
 
 		_direction.fromBufferAttribute( position, j ).normalize();
 
-		const u = _direction.x;
-		const v = _direction.y;
-		const w = _direction.z;
-
-		uvw.setXYZ( j, u, v, w );
+		uvw.setVector3( j, _direction );
 
 	}
 
diff --git a/examples/jsm/helpers/TextureHelperGPU.js b/examples/jsm/helpers/TextureHelperGPU.js
@@ -152,11 +152,7 @@ function createCubeGeometry( width, height, depth ) {
 
 		_direction.fromBufferAttribute( position, j ).normalize();
 
-		const u = _direction.x;
-		const v = _direction.y;
-		const w = _direction.z;
-
-		uvw.setXYZ( j, u, v, w );
+		uvw.setVector3( j, _direction );
 
 	}
 
diff --git a/examples/jsm/helpers/VertexNormalsHelper.js b/examples/jsm/helpers/VertexNormalsHelper.js
@@ -123,11 +123,11 @@ class VertexNormalsHelper extends LineSegments {
 
 				_v2.applyMatrix3( _normalMatrix ).normalize().multiplyScalar( this.size ).add( _v1 );
 
-				position.setXYZ( idx, _v1.x, _v1.y, _v1.z );
+				position.setVector3( idx, _v1 );
 
 				idx = idx + 1;
 
-				position.setXYZ( idx, _v2.x, _v2.y, _v2.z );
+				position.setVector3( idx, _v2 );
 
 				idx = idx + 1;
 
diff --git a/examples/jsm/helpers/VertexTangentsHelper.js b/examples/jsm/helpers/VertexTangentsHelper.js
@@ -103,11 +103,11 @@ class VertexTangentsHelper extends LineSegments {
 
 			_v2.transformDirection( matrixWorld ).multiplyScalar( this.size ).add( _v1 );
 
-			position.setXYZ( idx, _v1.x, _v1.y, _v1.z );
+			position.setVector3( idx, _v1 );
 
 			idx = idx + 1;
 
-			position.setXYZ( idx, _v2.x, _v2.y, _v2.z );
+			position.setVector3( idx, _v2 );
 
 			idx = idx + 1;
 
diff --git a/examples/jsm/loaders/DRACOLoader.js b/examples/jsm/loaders/DRACOLoader.js
@@ -322,7 +322,7 @@ class DRACOLoader extends Loader {
 
 			_color.fromBufferAttribute( attribute, i );
 			ColorManagement.colorSpaceToWorking( _color, SRGBColorSpace );
-			attribute.setXYZ( i, _color.r, _color.g, _color.b );
+			attribute.setColor( i, _color );
 
 		}
 
diff --git a/examples/jsm/loaders/VRMLLoader.js b/examples/jsm/loaders/VRMLLoader.js
@@ -3220,7 +3220,7 @@ class VRMLLoader extends Loader {
 
 				ColorManagement.colorSpaceToWorking( color, SRGBColorSpace );
 
-				attribute.setXYZ( i, color.r, color.g, color.b );
+				attribute.setColor( i, color );
 
 			}
 
@@ -3327,7 +3327,7 @@ class VRMLLoader extends Loader {
 
 				ColorManagement.colorSpaceToWorking( color, SRGBColorSpace );
 
-				colorAttribute.setXYZ( index, color.r, color.g, color.b );
+				colorAttribute.setColor( index, color );
 
 			}
 
diff --git a/examples/jsm/utils/BufferGeometryUtils.js b/examples/jsm/utils/BufferGeometryUtils.js
@@ -1406,7 +1406,7 @@ function toCreasedNormals( geometry, creaseAngle = Math.PI / 3 /* 60 degrees */
 			}
 
 			tempNorm2.normalize();
-			normAttr.setXYZ( i3 + n, tempNorm2.x, tempNorm2.y, tempNorm2.z );
+			normAttr.setVector3( i3 + n, tempNorm2 );
 
 		}
 
diff --git a/examples/misc_controls_pointerlock.html b/examples/misc_controls_pointerlock.html
@@ -200,7 +200,7 @@
 					vertex.y += Math.random() * 2;
 					vertex.z += Math.random() * 20 - 10;
 
-					position.setXYZ( i, vertex.x, vertex.y, vertex.z );
+					position.setVector3( i, vertex );
 
 				}
 
diff --git a/examples/webgl_decals.html b/examples/webgl_decals.html
@@ -198,8 +198,8 @@
 						mouseHelper.lookAt( n );
 
 						const positions = line.geometry.attributes.position;
-						positions.setXYZ( 0, p.x, p.y, p.z );
-						positions.setXYZ( 1, n.x, n.y, n.z );
+						positions.setVector3( 0, p );
+						positions.setVector3( 1, n );
 						positions.needsUpdate = true;
 
 						intersection.intersects = true;
diff --git a/examples/webgl_geometry_colors.html b/examples/webgl_geometry_colors.html
@@ -120,13 +120,13 @@
 				for ( let i = 0; i < count; i ++ ) {
 
 					color.setHSL( ( positions1.getY( i ) / radius + 1 ) / 2, 1.0, 0.5, THREE.SRGBColorSpace );
-					colors1.setXYZ( i, color.r, color.g, color.b );
+					colors1.setColor( i, color );
 
 					color.setHSL( 0, ( positions2.getY( i ) / radius + 1 ) / 2, 0.5, THREE.SRGBColorSpace );
-					colors2.setXYZ( i, color.r, color.g, color.b );
+					colors2.setColor( i, color );
 
 					color.setRGB( 1, 0.8 - ( positions3.getY( i ) / radius + 1 ) / 2, 0, THREE.SRGBColorSpace );
-					colors3.setXYZ( i, color.r, color.g, color.b );
+					colors3.setColor( i, color );
 
 				}
 
diff --git a/examples/webgl_geometry_colors_lookuptable.html b/examples/webgl_geometry_colors_lookuptable.html
@@ -185,7 +185,7 @@
 
 					color.copy( lut.getColor( colorValue ) ).convertSRGBToLinear();
 
-					colors.setXYZ( i, color.r, color.g, color.b );
+					colors.setColor( i, color );
 
 				}
 
diff --git a/examples/webgl_geometry_spline_editor.html b/examples/webgl_geometry_spline_editor.html
@@ -293,7 +293,7 @@
 
 						const t = i / ( ARC_SEGMENTS - 1 );
 						spline.getPoint( t, point );
-						position.setXYZ( i, point.x, point.y, point.z );
+						position.setVector3( i, point );
 
 					}
 
diff --git a/examples/webgl_multiple_views.html b/examples/webgl_multiple_views.html
@@ -169,13 +169,13 @@
 				for ( let i = 0; i < count; i ++ ) {
 
 					color.setHSL( ( positions1.getY( i ) / radius + 1 ) / 2, 1.0, 0.5, THREE.SRGBColorSpace );
-					colors1.setXYZ( i, color.r, color.g, color.b );
+					colors1.setColor( i, color );
 
 					color.setHSL( 0, ( positions2.getY( i ) / radius + 1 ) / 2, 0.5, THREE.SRGBColorSpace );
-					colors2.setXYZ( i, color.r, color.g, color.b );
+					colors2.setColor( i, color );
 
 					color.setRGB( 1, 0.8 - ( positions3.getY( i ) / radius + 1 ) / 2, 0, THREE.SRGBColorSpace );
-					colors3.setXYZ( i, color.r, color.g, color.b );
+					colors3.setColor( i, color );
 
 				}
 
diff --git a/examples/webgl_raycaster_bvh.html b/examples/webgl_raycaster_bvh.html
@@ -234,13 +234,13 @@
 						_matrix.compose( point, _quaternion, _scale );
 						sphereInstance.setMatrixAt( i * 2 + 1, _matrix );
 
-						lineSegments.geometry.attributes.position.setXYZ( lineNum ++, _position.x, _position.y, _position.z );
-						lineSegments.geometry.attributes.position.setXYZ( lineNum ++, point.x, point.y, point.z );
+						lineSegments.geometry.attributes.position.setVector3( lineNum ++, _position );
+						lineSegments.geometry.attributes.position.setVector3( lineNum ++, point );
 
 					} else {
 
 						sphereInstance.setMatrixAt( i * 2 + 1, _matrix );
-						lineSegments.geometry.attributes.position.setXYZ( lineNum ++, _position.x, _position.y, _position.z );
+						lineSegments.geometry.attributes.position.setVector3( lineNum ++, _position );
 						lineSegments.geometry.attributes.position.setXYZ( lineNum ++, 0, 0, 0 );
 
 					}

Original file line number	Diff line number	Diff line change
`@@ -884,7 +884,7 @@ class GLTFWriter {`
`884`	`884`
`885`	`885`	`}`
`886`	`886`
`887`		`- attribute.setXYZ( i, v.x, v.y, v.z );`
	`887`	`+ attribute.setVector3( i, v );`
`888`	`888`
`889`	`889`	`}`
`890`	`890`
Original file line number	Diff line number	Diff line change
`@@ -203,11 +203,7 @@ function createCubeGeometry( width, height, depth ) {`
`203`	`203`
`204`	`204`	`_direction.fromBufferAttribute( position, j ).normalize();`
`205`	`205`
`206`		`- const u = _direction.x;`
`207`		`- const v = _direction.y;`
`208`		`- const w = _direction.z;`
`209`		`-`
`210`		`- uvw.setXYZ( j, u, v, w );`
	`206`	`+ uvw.setVector3( j, _direction );`
`211`	`207`
`212`	`208`	`}`
`213`	`209`
Original file line number	Diff line number	Diff line change
`@@ -152,11 +152,7 @@ function createCubeGeometry( width, height, depth ) {`
`152`	`152`
`153`	`153`	`_direction.fromBufferAttribute( position, j ).normalize();`
`154`	`154`
`155`		`- const u = _direction.x;`
`156`		`- const v = _direction.y;`
`157`		`- const w = _direction.z;`
`158`		`-`
`159`		`- uvw.setXYZ( j, u, v, w );`
	`155`	`+ uvw.setVector3( j, _direction );`
`160`	`156`
`161`	`157`	`}`
`162`	`158`
Original file line number	Diff line number	Diff line change
`@@ -322,7 +322,7 @@ class DRACOLoader extends Loader {`
`322`	`322`
`323`	`323`	`_color.fromBufferAttribute( attribute, i );`
`324`	`324`	`ColorManagement.colorSpaceToWorking( _color, SRGBColorSpace );`
`325`		`- attribute.setXYZ( i, _color.r, _color.g, _color.b );`
	`325`	`+ attribute.setColor( i, _color );`
`326`	`326`
`327`	`327`	`}`
`328`	`328`
Original file line number	Diff line number	Diff line change
`@@ -3220,7 +3220,7 @@ class VRMLLoader extends Loader {`
`3220`	`3220`
`3221`	`3221`	`ColorManagement.colorSpaceToWorking( color, SRGBColorSpace );`
`3222`	`3222`
`3223`		`- attribute.setXYZ( i, color.r, color.g, color.b );`
	`3223`	`+ attribute.setColor( i, color );`
`3224`	`3224`
`3225`	`3225`	`}`
`3226`	`3226`
`@@ -3327,7 +3327,7 @@ class VRMLLoader extends Loader {`
`3327`	`3327`
`3328`	`3328`	`ColorManagement.colorSpaceToWorking( color, SRGBColorSpace );`
`3329`	`3329`
`3330`		`- colorAttribute.setXYZ( index, color.r, color.g, color.b );`
	`3330`	`+ colorAttribute.setColor( index, color );`
`3331`	`3331`
`3332`	`3332`	`}`
`3333`	`3333`
Original file line number	Diff line number	Diff line change
`@@ -1406,7 +1406,7 @@ function toCreasedNormals( geometry, creaseAngle = Math.PI / 3 /* 60 degrees */`
`1406`	`1406`	`}`
`1407`	`1407`
`1408`	`1408`	`tempNorm2.normalize();`
`1409`		`- normAttr.setXYZ( i3 + n, tempNorm2.x, tempNorm2.y, tempNorm2.z );`
	`1409`	`+ normAttr.setVector3( i3 + n, tempNorm2 );`
`1410`	`1410`
`1411`	`1411`	`}`
`1412`	`1412`
Original file line number	Diff line number	Diff line change
`@@ -200,7 +200,7 @@`
`200`	`200`	`vertex.y += Math.random() * 2;`
`201`	`201`	`vertex.z += Math.random() * 20 - 10;`
`202`	`202`
`203`		`- position.setXYZ( i, vertex.x, vertex.y, vertex.z );`
	`203`	`+ position.setVector3( i, vertex );`
`204`	`204`
`205`	`205`	`}`
`206`	`206`