@plastic-software/three 0.178.0 → 0.179.0

package/src/Three.TSL.js

@@ -2,8 +2,10 @@ import { TSL } from 'three/webgpu';
 
 export const BRDF_GGX = TSL.BRDF_GGX;
 export const BRDF_Lambert = TSL.BRDF_Lambert;
+export const BasicPointShadowFilter = TSL.BasicPointShadowFilter;
 export const BasicShadowFilter = TSL.BasicShadowFilter;
 export const Break = TSL.Break;
+export const Const = TSL.Const;
 export const Continue = TSL.Continue;
 export const DFGApprox = TSL.DFGApprox;
 export const D_GGX = TSL.D_GGX;
@@ -13,27 +15,32 @@ export const F_Schlick = TSL.F_Schlick;
 export const Fn = TSL.Fn;
 export const INFINITY = TSL.INFINITY;
 export const If = TSL.If;
-export const Switch = TSL.Switch;
 export const Loop = TSL.Loop;
+export const NodeAccess = TSL.NodeAccess;
 export const NodeShaderStage = TSL.NodeShaderStage;
 export const NodeType = TSL.NodeType;
 export const NodeUpdateType = TSL.NodeUpdateType;
-export const NodeAccess = TSL.NodeAccess;
 export const PCFShadowFilter = TSL.PCFShadowFilter;
 export const PCFSoftShadowFilter = TSL.PCFSoftShadowFilter;
 export const PI = TSL.PI;
 export const PI2 = TSL.PI2;
+export const PointShadowFilter = TSL.PointShadowFilter;
 export const Return = TSL.Return;
 export const Schlick_to_F0 = TSL.Schlick_to_F0;
 export const ScriptableNodeResources = TSL.ScriptableNodeResources;
 export const ShaderNode = TSL.ShaderNode;
+export const Stack = TSL.Stack;
+export const Switch = TSL.Switch;
 export const TBNViewMatrix = TSL.TBNViewMatrix;
 export const VSMShadowFilter = TSL.VSMShadowFilter;
 export const V_GGX_SmithCorrelated = TSL.V_GGX_SmithCorrelated;
+export const Var = TSL.Var;
+export const VarIntent = TSL.VarIntent;
 export const abs = TSL.abs;
 export const acesFilmicToneMapping = TSL.acesFilmicToneMapping;
 export const acos = TSL.acos;
 export const add = TSL.add;
+export const addMethodChaining = TSL.addMethodChaining;
 export const addNodeElement = TSL.addNodeElement;
 export const agxToneMapping = TSL.agxToneMapping;
 export const all = TSL.all;
@@ -53,13 +60,13 @@ export const atan2 = TSL.atan2;
 export const atomicAdd = TSL.atomicAdd;
 export const atomicAnd = TSL.atomicAnd;
 export const atomicFunc = TSL.atomicFunc;
+export const atomicLoad = TSL.atomicLoad;
 export const atomicMax = TSL.atomicMax;
 export const atomicMin = TSL.atomicMin;
 export const atomicOr = TSL.atomicOr;
 export const atomicStore = TSL.atomicStore;
 export const atomicSub = TSL.atomicSub;
 export const atomicXor = TSL.atomicXor;
-export const atomicLoad = TSL.atomicLoad;
 export const attenuationColor = TSL.attenuationColor;
 export const attenuationDistance = TSL.attenuationDistance;
 export const attribute = TSL.attribute;
@@ -112,15 +119,15 @@ export const checker = TSL.checker;
 export const cineonToneMapping = TSL.cineonToneMapping;
 export const clamp = TSL.clamp;
 export const clearcoat = TSL.clearcoat;
+export const clearcoatNormalView = TSL.clearcoatNormalView;
 export const clearcoatRoughness = TSL.clearcoatRoughness;
 export const code = TSL.code;
 export const color = TSL.color;
 export const colorSpaceToWorking = TSL.colorSpaceToWorking;
 export const colorToDirection = TSL.colorToDirection;
 export const compute = TSL.compute;
+export const computeKernel = TSL.computeKernel;
 export const computeSkinning = TSL.computeSkinning;
-export const cond = TSL.cond;
-export const Const = TSL.Const;
 export const context = TSL.context;
 export const convert = TSL.convert;
 export const convertColorSpace = TSL.convertColorSpace;
@@ -128,6 +135,8 @@ export const convertToTexture = TSL.convertToTexture;
 export const cos = TSL.cos;
 export const cross = TSL.cross;
 export const cubeTexture = TSL.cubeTexture;
+export const cubeTextureBase = TSL.cubeTextureBase;
+export const cubeToUV = TSL.cubeToUV;
 export const dFdx = TSL.dFdx;
 export const dFdy = TSL.dFdy;
 export const dashSize = TSL.dashSize;
@@ -143,10 +152,12 @@ export const densityFog = TSL.densityFog;
 export const densityFogFactor = TSL.densityFogFactor;
 export const depth = TSL.depth;
 export const depthPass = TSL.depthPass;
+export const determinant = TSL.determinant;
 export const difference = TSL.difference;
 export const diffuseColor = TSL.diffuseColor;
 export const directPointLight = TSL.directPointLight;
 export const directionToColor = TSL.directionToColor;
+export const directionToFaceDirection = TSL.directionToFaceDirection;
 export const dispersion = TSL.dispersion;
 export const distance = TSL.distance;
 export const div = TSL.div;
@@ -185,10 +196,11 @@ export const getParallaxCorrectNormal = TSL.getParallaxCorrectNormal;
 export const getRoughness = TSL.getRoughness;
 export const getScreenPosition = TSL.getScreenPosition;
 export const getShIrradianceAt = TSL.getShIrradianceAt;
-export const getTextureIndex = TSL.getTextureIndex;
-export const getViewPosition = TSL.getViewPosition;
 export const getShadowMaterial = TSL.getShadowMaterial;
 export const getShadowRenderObjectFunction = TSL.getShadowRenderObjectFunction;
+export const getTextureIndex = TSL.getTextureIndex;
+export const getViewPosition = TSL.getViewPosition;
+export const globalId = TSL.globalId;
 export const glsl = TSL.glsl;
 export const glslFn = TSL.glslFn;
 export const grayscale = TSL.grayscale;
@@ -207,6 +219,7 @@ export const instancedBufferAttribute = TSL.instancedBufferAttribute;
 export const instancedDynamicBufferAttribute = TSL.instancedDynamicBufferAttribute;
 export const instancedMesh = TSL.instancedMesh;
 export const int = TSL.int;
+export const inverse = TSL.inverse;
 export const inverseSqrt = TSL.inverseSqrt;
 export const inversesqrt = TSL.inversesqrt;
 export const invocationLocalIndex = TSL.invocationLocalIndex;
@@ -225,6 +238,7 @@ export const lengthSq = TSL.lengthSq;
 export const lessThan = TSL.lessThan;
 export const lessThanEqual = TSL.lessThanEqual;
 export const lightPosition = TSL.lightPosition;
+export const lightProjectionUV = TSL.lightProjectionUV;
 export const lightShadowMatrix = TSL.lightShadowMatrix;
 export const lightTargetDirection = TSL.lightTargetDirection;
 export const lightTargetPosition = TSL.lightTargetPosition;
@@ -234,13 +248,10 @@ export const lights = TSL.lights;
 export const linearDepth = TSL.linearDepth;
 export const linearToneMapping = TSL.linearToneMapping;
 export const localId = TSL.localId;
-export const globalId = TSL.globalId;
 export const log = TSL.log;
 export const log2 = TSL.log2;
 export const logarithmicDepthToViewZ = TSL.logarithmicDepthToViewZ;
-export const loop = TSL.loop;
 export const luminance = TSL.luminance;
-export const mediumpModelViewMatrix = TSL.mediumpModelViewMatrix;
 export const mat2 = TSL.mat2;
 export const mat3 = TSL.mat3;
 export const mat4 = TSL.mat4;
@@ -257,6 +268,8 @@ export const materialClearcoatRoughness = TSL.materialClearcoatRoughness;
 export const materialColor = TSL.materialColor;
 export const materialDispersion = TSL.materialDispersion;
 export const materialEmissive = TSL.materialEmissive;
+export const materialEnvIntensity = TSL.materialEnvIntensity;
+export const materialEnvRotation = TSL.materialEnvRotation;
 export const materialIOR = TSL.materialIOR;
 export const materialIridescence = TSL.materialIridescence;
 export const materialIridescenceIOR = TSL.materialIridescenceIOR;
@@ -287,6 +300,7 @@ export const materialThickness = TSL.materialThickness;
 export const materialTransmission = TSL.materialTransmission;
 export const max = TSL.max;
 export const maxMipLevel = TSL.maxMipLevel;
+export const mediumpModelViewMatrix = TSL.mediumpModelViewMatrix;
 export const metalness = TSL.metalness;
 export const min = TSL.min;
 export const mix = TSL.mix;
@@ -307,24 +321,45 @@ export const morphReference = TSL.morphReference;
 export const mrt = TSL.mrt;
 export const mul = TSL.mul;
 export const mx_aastep = TSL.mx_aastep;
+export const mx_add = TSL.mx_add;
+export const mx_atan2 = TSL.mx_atan2;
 export const mx_cell_noise_float = TSL.mx_cell_noise_float;
 export const mx_contrast = TSL.mx_contrast;
+export const mx_divide = TSL.mx_divide;
 export const mx_fractal_noise_float = TSL.mx_fractal_noise_float;
 export const mx_fractal_noise_vec2 = TSL.mx_fractal_noise_vec2;
 export const mx_fractal_noise_vec3 = TSL.mx_fractal_noise_vec3;
 export const mx_fractal_noise_vec4 = TSL.mx_fractal_noise_vec4;
+export const mx_frame = TSL.mx_frame;
+export const mx_heighttonormal = TSL.mx_heighttonormal;
 export const mx_hsvtorgb = TSL.mx_hsvtorgb;
+export const mx_ifequal = TSL.mx_ifequal;
+export const mx_ifgreater = TSL.mx_ifgreater;
+export const mx_ifgreatereq = TSL.mx_ifgreatereq;
+export const mx_invert = TSL.mx_invert;
+export const mx_modulo = TSL.mx_modulo;
+export const mx_multiply = TSL.mx_multiply;
 export const mx_noise_float = TSL.mx_noise_float;
 export const mx_noise_vec3 = TSL.mx_noise_vec3;
 export const mx_noise_vec4 = TSL.mx_noise_vec4;
+export const mx_place2d = TSL.mx_place2d;
+export const mx_power = TSL.mx_power;
+export const mx_ramp4 = TSL.mx_ramp4;
 export const mx_ramplr = TSL.mx_ramplr;
 export const mx_ramptb = TSL.mx_ramptb;
 export const mx_rgbtohsv = TSL.mx_rgbtohsv;
+export const mx_rotate2d = TSL.mx_rotate2d;
+export const mx_rotate3d = TSL.mx_rotate3d;
 export const mx_safepower = TSL.mx_safepower;
+export const mx_separate = TSL.mx_separate;
 export const mx_splitlr = TSL.mx_splitlr;
 export const mx_splittb = TSL.mx_splittb;
 export const mx_srgb_texture_to_lin_rec709 = TSL.mx_srgb_texture_to_lin_rec709;
+export const mx_subtract = TSL.mx_subtract;
+export const mx_timer = TSL.mx_timer;
 export const mx_transform_uv = TSL.mx_transform_uv;
+export const mx_unifiednoise2d = TSL.mx_unifiednoise2d;
+export const mx_unifiednoise3d = TSL.mx_unifiednoise3d;
 export const mx_worley_noise_float = TSL.mx_worley_noise_float;
 export const mx_worley_noise_vec2 = TSL.mx_worley_noise_vec2;
 export const mx_worley_noise_vec3 = TSL.mx_worley_noise_vec3;
@@ -333,8 +368,10 @@ export const neutralToneMapping = TSL.neutralToneMapping;
 export const nodeArray = TSL.nodeArray;
 export const nodeImmutable = TSL.nodeImmutable;
 export const nodeObject = TSL.nodeObject;
+export const nodeObjectIntent = TSL.nodeObjectIntent;
 export const nodeObjects = TSL.nodeObjects;
 export const nodeProxy = TSL.nodeProxy;
+export const nodeProxyIntent = TSL.nodeProxyIntent;
 export const normalFlat = TSL.normalFlat;
 export const normalGeometry = TSL.normalGeometry;
 export const normalLocal = TSL.normalLocal;
@@ -354,6 +391,8 @@ export const objectRadius = TSL.objectRadius;
 export const objectScale = TSL.objectScale;
 export const objectViewPosition = TSL.objectViewPosition;
 export const objectWorldMatrix = TSL.objectWorldMatrix;
+export const OnObjectUpdate = TSL.OnObjectUpdate;
+export const OnMaterialUpdate = TSL.OnMaterialUpdate;
 export const oneMinus = TSL.oneMinus;
 export const or = TSL.or;
 export const orthographicDepthToViewZ = TSL.orthographicDepthToViewZ;
@@ -374,6 +413,7 @@ export const passTexture = TSL.passTexture;
 export const pcurve = TSL.pcurve;
 export const perspectiveDepthToViewZ = TSL.perspectiveDepthToViewZ;
 export const pmremTexture = TSL.pmremTexture;
+export const pointShadow = TSL.pointShadow;
 export const pointUV = TSL.pointUV;
 export const pointWidth = TSL.pointWidth;
 export const positionGeometry = TSL.positionGeometry;
@@ -396,7 +436,6 @@ export const range = TSL.range;
 export const rangeFog = TSL.rangeFog;
 export const rangeFogFactor = TSL.rangeFogFactor;
 export const reciprocal = TSL.reciprocal;
-export const lightProjectionUV = TSL.lightProjectionUV;
 export const reference = TSL.reference;
 export const referenceBuffer = TSL.referenceBuffer;
 export const reflect = TSL.reflect;
@@ -407,7 +446,6 @@ export const refract = TSL.refract;
 export const refractVector = TSL.refractVector;
 export const refractView = TSL.refractView;
 export const reinhardToneMapping = TSL.reinhardToneMapping;
-export const remainder = TSL.remainder;
 export const remap = TSL.remap;
 export const remapClamp = TSL.remapClamp;
 export const renderGroup = TSL.renderGroup;
@@ -433,12 +471,12 @@ export const scriptable = TSL.scriptable;
 export const scriptableValue = TSL.scriptableValue;
 export const select = TSL.select;
 export const setCurrentStack = TSL.setCurrentStack;
+export const setName = TSL.setName;
 export const shaderStages = TSL.shaderStages;
 export const shadow = TSL.shadow;
-export const pointShadow = TSL.pointShadow;
 export const shadowPositionWorld = TSL.shadowPositionWorld;
-export const sharedUniformGroup = TSL.sharedUniformGroup;
 export const shapeCircle = TSL.shapeCircle;
+export const sharedUniformGroup = TSL.sharedUniformGroup;
 export const sheen = TSL.sheen;
 export const sheenRoughness = TSL.sheenRoughness;
 export const shiftLeft = TSL.shiftLeft;
@@ -458,6 +496,7 @@ export const spritesheetUV = TSL.spritesheetUV;
 export const sqrt = TSL.sqrt;
 export const stack = TSL.stack;
 export const step = TSL.step;
+export const stepElement = TSL.stepElement;
 export const storage = TSL.storage;
 export const storageBarrier = TSL.storageBarrier;
 export const storageObject = TSL.storageObject;
@@ -503,21 +542,18 @@ export const triNoise3D = TSL.triNoise3D;
 export const triplanarTexture = TSL.triplanarTexture;
 export const triplanarTextures = TSL.triplanarTextures;
 export const trunc = TSL.trunc;
-export const tslFn = TSL.tslFn;
 export const uint = TSL.uint;
 export const uniform = TSL.uniform;
-export const uniformCubeTexture = TSL.uniformCubeTexture;
 export const uniformArray = TSL.uniformArray;
+export const uniformCubeTexture = TSL.uniformCubeTexture;
 export const uniformGroup = TSL.uniformGroup;
 export const uniformTexture = TSL.uniformTexture;
-export const uniforms = TSL.uniforms;
 export const unpremultiplyAlpha = TSL.unpremultiplyAlpha;
 export const userData = TSL.userData;
 export const uv = TSL.uv;
 export const uvec2 = TSL.uvec2;
 export const uvec3 = TSL.uvec3;
 export const uvec4 = TSL.uvec4;
-export const Var = TSL.Var;
 export const varying = TSL.varying;
 export const varyingProperty = TSL.varyingProperty;
 export const vec2 = TSL.vec2;
@@ -527,12 +563,12 @@ export const vectorComponents = TSL.vectorComponents;
 export const velocity = TSL.velocity;
 export const vertexColor = TSL.vertexColor;
 export const vertexIndex = TSL.vertexIndex;
+export const vertexStage = TSL.vertexStage;
 export const vibrance = TSL.vibrance;
 export const viewZToLogarithmicDepth = TSL.viewZToLogarithmicDepth;
 export const viewZToOrthographicDepth = TSL.viewZToOrthographicDepth;
 export const viewZToPerspectiveDepth = TSL.viewZToPerspectiveDepth;
 export const viewport = TSL.viewport;
-export const viewportBottomLeft = TSL.viewportBottomLeft;
 export const viewportCoordinate = TSL.viewportCoordinate;
 export const viewportDepthTexture = TSL.viewportDepthTexture;
 export const viewportLinearDepth = TSL.viewportLinearDepth;
@@ -542,7 +578,6 @@ export const viewportSafeUV = TSL.viewportSafeUV;
 export const viewportSharedTexture = TSL.viewportSharedTexture;
 export const viewportSize = TSL.viewportSize;
 export const viewportTexture = TSL.viewportTexture;
-export const viewportTopLeft = TSL.viewportTopLeft;
 export const viewportUV = TSL.viewportUV;
 export const wgsl = TSL.wgsl;
 export const wgslFn = TSL.wgslFn;
@@ -551,3 +586,17 @@ export const workgroupBarrier = TSL.workgroupBarrier;
 export const workgroupId = TSL.workgroupId;
 export const workingToColorSpace = TSL.workingToColorSpace;
 export const xor = TSL.xor;
+
+/*
+// Use this code to generate the export statements dynamically
+
+let code = '';
+
+for ( const key of Object.keys( THREE.TSL ) ) {
+
+	code += `export const ${ key } = TSL.${ key };\n`;
+
+}
+
+console.log( code );
+//*/

package/src/animation/KeyframeTrack.js

@@ -20,7 +20,7 @@ class KeyframeTrack {
 	 *
 	 * @param {string} name - The keyframe track's name.
 	 * @param {Array<number>} times - A list of keyframe times.
-	 * @param {Array<number>} values - A list of keyframe values.
+	 * @param {Array<number|string|boolean>} values - A list of keyframe values.
 	 * @param {(InterpolateLinear|InterpolateDiscrete|InterpolateSmooth)} [interpolation] - The interpolation type.
 	 */
 	constructor( name, times, values, interpolation ) {

package/src/animation/tracks/BooleanKeyframeTrack.js

@@ -16,7 +16,7 @@ class BooleanKeyframeTrack extends KeyframeTrack {
 	 *
 	 * @param {string} name - The keyframe track's name.
 	 * @param {Array<number>} times - A list of keyframe times.
-	 * @param {Array<number>} values - A list of keyframe values.
+	 * @param {Array<boolean>} values - A list of keyframe values.
 	 */
 	constructor( name, times, values ) {
 

package/src/animation/tracks/StringKeyframeTrack.js

@@ -16,7 +16,7 @@ class StringKeyframeTrack extends KeyframeTrack {
 	 *
 	 * @param {string} name - The keyframe track's name.
 	 * @param {Array<number>} times - A list of keyframe times.
-	 * @param {Array<number>} values - A list of keyframe values.
+	 * @param {Array<string>} values - A list of keyframe values.
 	 */
 	constructor( name, times, values ) {
 

package/src/cameras/Camera.js

@@ -57,6 +57,20 @@ class Camera extends Object3D {
 		 */
 		this.coordinateSystem = WebGLCoordinateSystem;
 
+		this._reversedDepth = false;
+
+	}
+
+	/**
+	 * The flag that indicates whether the camera uses a reversed depth buffer.
+	 *
+	 * @type {boolean}
+	 * @default false
+	 */
+	get reversedDepth() {
+
+		return this._reversedDepth;
+
 	}
 
 	copy( source, recursive ) {

package/src/cameras/OrthographicCamera.js

@@ -216,7 +216,7 @@ class OrthographicCamera extends Camera {
 
 		}
 
-		this.projectionMatrix.makeOrthographic( left, right, top, bottom, this.near, this.far, this.coordinateSystem );
+		this.projectionMatrix.makeOrthographic( left, right, top, bottom, this.near, this.far, this.coordinateSystem, this.reversedDepth );
 
 		this.projectionMatrixInverse.copy( this.projectionMatrix ).invert();
 

package/src/cameras/PerspectiveCamera.js

@@ -374,7 +374,7 @@ class PerspectiveCamera extends Camera {
 		const skew = this.filmOffset;
 		if ( skew !== 0 ) left += near * skew / this.getFilmWidth();
 
-		this.projectionMatrix.makePerspective( left, left + width, top, top - height, near, this.far, this.coordinateSystem );
+		this.projectionMatrix.makePerspective( left, left + width, top, top - height, near, this.far, this.coordinateSystem, this.reversedDepth );
 
 		this.projectionMatrixInverse.copy( this.projectionMatrix ).invert();
 

package/src/constants.js

@@ -1,4 +1,4 @@
-export const REVISION = '178';
+export const REVISION = '179';
 
 /**
  * Represents mouse buttons and interaction types in context of controls.

package/{examples/jsm/misc → src/core}/Timer.js

@@ -11,8 +11,6 @@
  * const timer = new Timer();
  * timer.connect( document ); // use Page Visibility API
  * ```
- *
- * @three_import import { Timer } from 'three/addons/misc/Timer.js';
  */
 class Timer {
 
@@ -23,7 +21,7 @@ class Timer {
 
 		this._previousTime = 0;
 		this._currentTime = 0;
-		this._startTime = now();
+		this._startTime = performance.now();
 
 		this._delta = 0;
 		this._elapsed = 0;
@@ -129,7 +127,7 @@ class Timer {
 	 */
 	reset() {
 
-		this._currentTime = now() - this._startTime;
+		this._currentTime = performance.now() - this._startTime;
 
 		return this;
 
@@ -164,7 +162,7 @@ class Timer {
 		} else {
 
 			this._previousTime = this._currentTime;
-			this._currentTime = ( timestamp !== undefined ? timestamp : now() ) - this._startTime;
+			this._currentTime = ( timestamp !== undefined ? timestamp : performance.now() ) - this._startTime;
 
 			this._delta = ( this._currentTime - this._previousTime ) * this._timescale;
 			this._elapsed += this._delta; // _elapsed is the accumulation of all previous deltas
@@ -177,46 +175,10 @@ class Timer {
 
 }
 
-/**
- * A special version of a timer with a fixed time delta value.
- * Can be useful for testing and debugging purposes.
- *
- * @augments Timer
- */
-class FixedTimer extends Timer {
-
-	/**
-	 * Constructs a new timer.
-	 *
-	 * @param {number} [fps=60] - The fixed FPS of this timer.
-	 */
-	constructor( fps = 60 ) {
-
-		super();
-		this._delta = ( 1 / fps ) * 1000;
-
-	}
-
-	update() {
-
-		this._elapsed += ( this._delta * this._timescale ); // _elapsed is the accumulation of all previous deltas
-
-		return this;
-
-	}
-
-}
-
-function now() {
-
-	return performance.now();
-
-}
-
 function handleVisibilityChange() {
 
 	if ( this._document.hidden === false ) this.reset();
 
 }
 
-export { Timer, FixedTimer };
+export { Timer };

package/src/extras/PMREMGenerator.js

@@ -347,6 +347,17 @@ class PMREMGenerator {
 		renderer.toneMapping = NoToneMapping;
 		renderer.autoClear = false;
 
+		// https://github.com/mrdoob/three.js/issues/31413#issuecomment-3095966812
+		const reversedDepthBuffer = renderer.state.buffers.depth.getReversed();
+
+		if ( reversedDepthBuffer ) {
+
+			renderer.setRenderTarget( cubeUVRenderTarget );
+			renderer.clearDepth();
+			renderer.setRenderTarget( null );
+
+		}
+
 		const backgroundMaterial = new MeshBasicMaterial( {
 			name: 'PMREM.Background',
 			side: BackSide,

package/src/helpers/CameraHelper.js

@@ -5,7 +5,7 @@ import { Color } from '../math/Color.js';
 import { LineBasicMaterial } from '../materials/LineBasicMaterial.js';
 import { BufferGeometry } from '../core/BufferGeometry.js';
 import { Float32BufferAttribute } from '../core/BufferAttribute.js';
-import { WebGLCoordinateSystem } from '../constants.js';
+import { WebGLCoordinateSystem, WebGPUCoordinateSystem } from '../constants.js';
 
 const _vector = /*@__PURE__*/ new Vector3();
 const _camera = /*@__PURE__*/ new Camera();
@@ -159,6 +159,7 @@ class CameraHelper extends LineSegments {
 	 * @param {Color} up - The up line color.
 	 * @param {Color} target - The target line color.
 	 * @param {Color} cross - The cross line color.
+	 * @return {CameraHelper} A reference to this helper.
 	 */
 	setColors( frustum, cone, up, target, cross ) {
 
@@ -215,6 +216,8 @@ class CameraHelper extends LineSegments {
 
 		colorAttribute.needsUpdate = true;
 
+		return this;
+
 	}
 
 	/**
@@ -227,17 +230,44 @@ class CameraHelper extends LineSegments {
 
 		const w = 1, h = 1;
 
+		let nearZ, farZ;
+
 		// we need just camera projection matrix inverse
 		// world matrix must be identity
 
 		_camera.projectionMatrixInverse.copy( this.camera.projectionMatrixInverse );
 
 		// Adjust z values based on coordinate system
-		const nearZ = this.camera.coordinateSystem === WebGLCoordinateSystem ? - 1 : 0;
+
+		if ( this.camera.reversedDepth === true ) {
+
+			nearZ = 1;
+			farZ = 0;
+
+		} else {
+
+			if ( this.camera.coordinateSystem === WebGLCoordinateSystem ) {
+
+				nearZ = - 1;
+				farZ = 1;
+
+			} else if ( this.camera.coordinateSystem === WebGPUCoordinateSystem ) {
+
+				nearZ = 0;
+				farZ = 1;
+
+			} else {
+
+				throw new Error( 'THREE.CameraHelper.update(): Invalid coordinate system: ' + this.camera.coordinateSystem );
+
+			}
+
+		}
+
 
 		// center / target
 		setPoint( 'c', pointMap, geometry, _camera, 0, 0, nearZ );
-		setPoint( 't', pointMap, geometry, _camera, 0, 0, 1 );
+		setPoint( 't', pointMap, geometry, _camera, 0, 0, farZ );
 
 		// near
 
@@ -248,10 +278,10 @@ class CameraHelper extends LineSegments {
 
 		// far
 
-		setPoint( 'f1', pointMap, geometry, _camera, - w, - h, 1 );
-		setPoint( 'f2', pointMap, geometry, _camera, w, - h, 1 );
-		setPoint( 'f3', pointMap, geometry, _camera, - w, h, 1 );
-		setPoint( 'f4', pointMap, geometry, _camera, w, h, 1 );
+		setPoint( 'f1', pointMap, geometry, _camera, - w, - h, farZ );
+		setPoint( 'f2', pointMap, geometry, _camera, w, - h, farZ );
+		setPoint( 'f3', pointMap, geometry, _camera, - w, h, farZ );
+		setPoint( 'f4', pointMap, geometry, _camera, w, h, farZ );
 
 		// up
 
@@ -261,10 +291,10 @@ class CameraHelper extends LineSegments {
 
 		// cross
 
-		setPoint( 'cf1', pointMap, geometry, _camera, - w, 0, 1 );
-		setPoint( 'cf2', pointMap, geometry, _camera, w, 0, 1 );
-		setPoint( 'cf3', pointMap, geometry, _camera, 0, - h, 1 );
-		setPoint( 'cf4', pointMap, geometry, _camera, 0, h, 1 );
+		setPoint( 'cf1', pointMap, geometry, _camera, - w, 0, farZ );
+		setPoint( 'cf2', pointMap, geometry, _camera, w, 0, farZ );
+		setPoint( 'cf3', pointMap, geometry, _camera, 0, - h, farZ );
+		setPoint( 'cf4', pointMap, geometry, _camera, 0, h, farZ );
 
 		setPoint( 'cn1', pointMap, geometry, _camera, - w, 0, nearZ );
 		setPoint( 'cn2', pointMap, geometry, _camera, w, 0, nearZ );

package/src/helpers/SkeletonHelper.js

@@ -23,7 +23,7 @@ const _matrixWorldInv = /*@__PURE__*/ new Matrix4();
 class SkeletonHelper extends LineSegments {
 
 	/**
-	 * Constructs a new hemisphere light helper.
+	 * Constructs a new skeleton helper.
 	 *
 	 * @param {Object3D} object -  Usually an instance of {@link SkinnedMesh}. However, any 3D object
 	 * can be used if it represents a hierarchy of bones (see {@link Bone}).
@@ -37,9 +37,6 @@ class SkeletonHelper extends LineSegments {
 		const vertices = [];
 		const colors = [];
 
-		const color1 = new Color( 0, 0, 1 );
-		const color2 = new Color( 0, 1, 0 );
-
 		for ( let i = 0; i < bones.length; i ++ ) {
 
 			const bone = bones[ i ];
@@ -48,8 +45,8 @@ class SkeletonHelper extends LineSegments {
 
 				vertices.push( 0, 0, 0 );
 				vertices.push( 0, 0, 0 );
-				colors.push( color1.r, color1.g, color1.b );
-				colors.push( color2.r, color2.g, color2.b );
+				colors.push( 0, 0, 0 );
+				colors.push( 0, 0, 0 );
 
 			}
 
@@ -90,6 +87,13 @@ class SkeletonHelper extends LineSegments {
 		this.matrix = object.matrixWorld;
 		this.matrixAutoUpdate = false;
 
+		// colors
+
+		const color1 = new Color( 0x0000ff );
+		const color2 = new Color( 0x00ff00 );
+
+		this.setColors( color1, color2 );
+
 	}
 
 	updateMatrixWorld( force ) {
@@ -127,6 +131,31 @@ class SkeletonHelper extends LineSegments {
 
 	}
 
+	/**
+	 * Defines the colors of the helper.
+	 *
+	 * @param {Color} color1 - The first line color for each bone.
+	 * @param {Color} color2 - The second line color for each bone.
+	 * @return {SkeletonHelper} A reference to this helper.
+	 */
+	setColors( color1, color2 ) {
+
+		const geometry = this.geometry;
+		const colorAttribute = geometry.getAttribute( 'color' );
+
+		for ( let i = 0; i < colorAttribute.count; i += 2 ) {
+
+			colorAttribute.setXYZ( i, color1.r, color1.g, color1.b );
+			colorAttribute.setXYZ( i + 1, color2.r, color2.g, color2.b );
+
+		}
+
+		colorAttribute.needsUpdate = true;
+
+		return this;
+
+	}
+
 	/**
 	 * Frees the GPU-related resources allocated by this instance. Call this
 	 * method whenever this instance is no longer used in your app.