super-three 0.152.0 → 0.154.1

package/examples/jsm/webxr/XRPlanes.js

@@ -0,0 +1,100 @@
+import {
+	BoxGeometry,
+	Matrix4,
+	Mesh,
+	MeshBasicMaterial,
+	Object3D
+} from 'three';
+
+class XRPlanes extends Object3D {
+
+	constructor( renderer ) {
+
+		super();
+
+		const matrix = new Matrix4();
+
+		const currentPlanes = new Map();
+
+		const xr = renderer.xr;
+
+		xr.addEventListener( 'planesdetected', event => {
+
+			const frame = event.data;
+			const planes = frame.detectedPlanes;
+
+			const referenceSpace = xr.getReferenceSpace();
+
+			let planeschanged = false;
+
+			for ( const [ plane, mesh ] of currentPlanes ) {
+
+				if ( planes.has( plane ) === false ) {
+
+					mesh.geometry.dispose();
+					mesh.material.dispose();
+					this.remove( mesh );
+
+					currentPlanes.delete( plane );
+
+					planeschanged = true;
+
+				}
+
+			}
+
+			for ( const plane of planes ) {
+
+				if ( currentPlanes.has( plane ) === false ) {
+
+					const pose = frame.getPose( plane.planeSpace, referenceSpace );
+					matrix.fromArray( pose.transform.matrix );
+
+					const polygon = plane.polygon;
+
+					let minX = Number.MAX_SAFE_INTEGER;
+					let maxX = Number.MIN_SAFE_INTEGER;
+					let minZ = Number.MAX_SAFE_INTEGER;
+					let maxZ = Number.MIN_SAFE_INTEGER;
+
+					for ( const point of polygon ) {
+
+						minX = Math.min( minX, point.x );
+						maxX = Math.max( maxX, point.x );
+						minZ = Math.min( minZ, point.z );
+						maxZ = Math.max( maxZ, point.z );
+
+					}
+
+					const width = maxX - minX;
+					const height = maxZ - minZ;
+
+					const geometry = new BoxGeometry( width, 0.01, height );
+					const material = new MeshBasicMaterial( { color: 0xffffff * Math.random() } );
+
+					const mesh = new Mesh( geometry, material );
+					mesh.position.setFromMatrixPosition( matrix );
+					mesh.quaternion.setFromRotationMatrix( matrix );
+					this.add( mesh );
+
+					currentPlanes.set( plane, mesh );
+
+					planeschanged = true;
+
+				}
+
+			}
+
+			if ( planeschanged ) {
+
+				this.dispatchEvent( { type: 'planeschanged' } );
+
+			}
+
+		} );
+
+	}
+
+}
+
+export { XRPlanes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-three",
-  "version": "0.152.0",
+  "version": "0.154.1",
   "description": "JavaScript 3D library",
   "type": "module",
   "main": "./build/three.js",
@@ -84,6 +84,7 @@
   },
   "homepage": "https://threejs.org/",
   "devDependencies": {
+    "@puppeteer/browsers": "^1.4.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-terser": "^0.4.0",
     "chalk": "^5.2.0",
@@ -95,6 +96,7 @@
     "eslint-plugin-import": "^2.27.5",
     "failonlyreporter": "^1.0.0",
     "jimp": "^0.22.7",
+    "magic-string": "^0.30.0",
     "pixelmatch": "^5.3.0",
     "puppeteer-core": "^19.8.1",
     "qunit": "^2.19.4",

package/src/Three.Legacy.js

@@ -1,229 +1 @@
-import { BoxGeometry } from './geometries/BoxGeometry.js';
-import { CapsuleGeometry } from './geometries/CapsuleGeometry.js';
-import { CircleGeometry } from './geometries/CircleGeometry.js';
-import { ConeGeometry } from './geometries/ConeGeometry.js';
-import { CylinderGeometry } from './geometries/CylinderGeometry.js';
-import { DodecahedronGeometry } from './geometries/DodecahedronGeometry.js';
-import { ExtrudeGeometry } from './geometries/ExtrudeGeometry.js';
-import { IcosahedronGeometry } from './geometries/IcosahedronGeometry.js';
-import { LatheGeometry } from './geometries/LatheGeometry.js';
-import { OctahedronGeometry } from './geometries/OctahedronGeometry.js';
-import { PlaneGeometry } from './geometries/PlaneGeometry.js';
-import { PolyhedronGeometry } from './geometries/PolyhedronGeometry.js';
-import { RingGeometry } from './geometries/RingGeometry.js';
-import { ShapeGeometry } from './geometries/ShapeGeometry.js';
-import { SphereGeometry } from './geometries/SphereGeometry.js';
-import { TetrahedronGeometry } from './geometries/TetrahedronGeometry.js';
-import { TorusGeometry } from './geometries/TorusGeometry.js';
-import { TorusKnotGeometry } from './geometries/TorusKnotGeometry.js';
-import { TubeGeometry } from './geometries/TubeGeometry.js';
 
-export class BoxBufferGeometry extends BoxGeometry { // @deprecated, r144
-
-	constructor( width, height, depth, widthSegments, heightSegments, depthSegments ) {
-
-		console.warn( 'THREE.BoxBufferGeometry has been renamed to THREE.BoxGeometry.' );
-		super( width, height, depth, widthSegments, heightSegments, depthSegments );
-
-
-	}
-
-}
-
-export class CapsuleBufferGeometry extends CapsuleGeometry { // @deprecated, r144
-
-	constructor( radius, length, capSegments, radialSegments ) {
-
-		console.warn( 'THREE.CapsuleBufferGeometry has been renamed to THREE.CapsuleGeometry.' );
-		super( radius, length, capSegments, radialSegments );
-
-	}
-
-}
-
-export class CircleBufferGeometry extends CircleGeometry { // @deprecated, r144
-
-	constructor( radius, segments, thetaStart, thetaLength ) {
-
-		console.warn( 'THREE.CircleBufferGeometry has been renamed to THREE.CircleGeometry.' );
-		super( radius, segments, thetaStart, thetaLength );
-
-	}
-
-}
-
-export class ConeBufferGeometry extends ConeGeometry { // @deprecated, r144
-
-	constructor( radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength ) {
-
-		console.warn( 'THREE.ConeBufferGeometry has been renamed to THREE.ConeGeometry.' );
-		super( radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength );
-
-	}
-
-}
-
-export class CylinderBufferGeometry extends CylinderGeometry { // @deprecated, r144
-
-	constructor( radiusTop, radiusBottom, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength ) {
-
-		console.warn( 'THREE.CylinderBufferGeometry has been renamed to THREE.CylinderGeometry.' );
-		super( radiusTop, radiusBottom, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength );
-
-	}
-
-}
-
-export class DodecahedronBufferGeometry extends DodecahedronGeometry { // @deprecated, r144
-
-	constructor( radius, detail ) {
-
-		console.warn( 'THREE.DodecahedronBufferGeometry has been renamed to THREE.DodecahedronGeometry.' );
-		super( radius, detail );
-
-	}
-
-}
-
-export class ExtrudeBufferGeometry extends ExtrudeGeometry { // @deprecated, r144
-
-	constructor( shapes, options ) {
-
-		console.warn( 'THREE.ExtrudeBufferGeometry has been renamed to THREE.ExtrudeGeometry.' );
-		super( shapes, options );
-
-	}
-
-}
-
-export class IcosahedronBufferGeometry extends IcosahedronGeometry { // @deprecated, r144
-
-	constructor( radius, detail ) {
-
-		console.warn( 'THREE.IcosahedronBufferGeometry has been renamed to THREE.IcosahedronGeometry.' );
-		super( radius, detail );
-
-	}
-
-}
-
-export class LatheBufferGeometry extends LatheGeometry { // @deprecated, r144
-
-	constructor( points, segments, phiStart, phiLength ) {
-
-		console.warn( 'THREE.LatheBufferGeometry has been renamed to THREE.LatheGeometry.' );
-		super( points, segments, phiStart, phiLength );
-
-	}
-
-}
-
-export class OctahedronBufferGeometry extends OctahedronGeometry { // @deprecated, r144
-
-	constructor( radius, detail ) {
-
-		console.warn( 'THREE.OctahedronBufferGeometry has been renamed to THREE.OctahedronGeometry.' );
-		super( radius, detail );
-
-	}
-
-}
-
-export class PlaneBufferGeometry extends PlaneGeometry { // @deprecated, r144
-
-	constructor( width, height, widthSegments, heightSegments ) {
-
-		console.warn( 'THREE.PlaneBufferGeometry has been renamed to THREE.PlaneGeometry.' );
-		super( width, height, widthSegments, heightSegments );
-
-	}
-
-}
-
-export class PolyhedronBufferGeometry extends PolyhedronGeometry { // @deprecated, r144
-
-	constructor( vertices, indices, radius, detail ) {
-
-		console.warn( 'THREE.PolyhedronBufferGeometry has been renamed to THREE.PolyhedronGeometry.' );
-		super( vertices, indices, radius, detail );
-
-	}
-
-}
-
-export class RingBufferGeometry extends RingGeometry { // @deprecated, r144
-
-	constructor( innerRadius, outerRadius, thetaSegments, phiSegments, thetaStart, thetaLength ) {
-
-		console.warn( 'THREE.RingBufferGeometry has been renamed to THREE.RingGeometry.' );
-		super( innerRadius, outerRadius, thetaSegments, phiSegments, thetaStart, thetaLength );
-
-	}
-
-}
-
-export class ShapeBufferGeometry extends ShapeGeometry { // @deprecated, r144
-
-	constructor( shapes, curveSegments ) {
-
-		console.warn( 'THREE.ShapeBufferGeometry has been renamed to THREE.ShapeGeometry.' );
-		super( shapes, curveSegments );
-
-	}
-
-}
-
-export class SphereBufferGeometry extends SphereGeometry { // @deprecated, r144
-
-	constructor( radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength ) {
-
-		console.warn( 'THREE.SphereBufferGeometry has been renamed to THREE.SphereGeometry.' );
-		super( radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength );
-
-	}
-
-}
-
-export class TetrahedronBufferGeometry extends TetrahedronGeometry { // @deprecated, r144
-
-	constructor( radius, detail ) {
-
-		console.warn( 'THREE.TetrahedronBufferGeometry has been renamed to THREE.TetrahedronGeometry.' );
-		super( radius, detail );
-
-	}
-
-}
-
-export class TorusBufferGeometry extends TorusGeometry { // @deprecated, r144
-
-	constructor( radius, tube, radialSegments, tubularSegments, arc ) {
-
-		console.warn( 'THREE.TorusBufferGeometry has been renamed to THREE.TorusGeometry.' );
-		super( radius, tube, radialSegments, tubularSegments, arc );
-
-	}
-
-}
-
-export class TorusKnotBufferGeometry extends TorusKnotGeometry { // @deprecated, r144
-
-	constructor( radius, tube, tubularSegments, radialSegments, p, q ) {
-
-		console.warn( 'THREE.TorusKnotBufferGeometry has been renamed to THREE.TorusKnotGeometry.' );
-		super( radius, tube, tubularSegments, radialSegments, p, q );
-
-	}
-
-}
-
-export class TubeBufferGeometry extends TubeGeometry { // @deprecated, r144
-
-	constructor( path, tubularSegments, radius, radialSegments, closed ) {
-
-		console.warn( 'THREE.TubeBufferGeometry has been renamed to THREE.TubeGeometry.' );
-		super( path, tubularSegments, radius, radialSegments, closed );
-
-	}
-
-}

package/src/audio/PositionalAudio.js

@@ -19,6 +19,14 @@ class PositionalAudio extends Audio {
 
 	}
 
+	connect() {
+
+		super.connect();
+
+		this.panner.connect( this.gain );
+
+	}
+
 	disconnect() {
 
 		super.disconnect();

package/src/cameras/Camera.js

@@ -1,3 +1,4 @@
+import { WebGLCoordinateSystem } from '../constants.js';
 import { Matrix4 } from '../math/Matrix4.js';
 import { Object3D } from '../core/Object3D.js';
 
@@ -16,6 +17,8 @@ class Camera extends Object3D {
 		this.projectionMatrix = new Matrix4();
 		this.projectionMatrixInverse = new Matrix4();
 
+		this.coordinateSystem = WebGLCoordinateSystem;
+
 	}
 
 	copy( source, recursive ) {
@@ -27,6 +30,8 @@ class Camera extends Object3D {
 		this.projectionMatrix.copy( source.projectionMatrix );
 		this.projectionMatrixInverse.copy( source.projectionMatrixInverse );
 
+		this.coordinateSystem = source.coordinateSystem;
+
 		return this;
 
 	}

package/src/cameras/CubeCamera.js

@@ -1,4 +1,4 @@
-import { NoToneMapping } from '../constants.js';
+import { NoToneMapping, WebGLCoordinateSystem, WebGPUCoordinateSystem } from '../constants.js';
 import { Object3D } from '../core/Object3D.js';
 import { PerspectiveCamera } from './PerspectiveCamera.js';
 
@@ -14,51 +14,114 @@ class CubeCamera extends Object3D {
 		this.type = 'CubeCamera';
 
 		this.renderTarget = renderTarget;
+		this.coordinateSystem = null;
 
 		const cameraPX = new PerspectiveCamera( fov, aspect, near, far );
 		cameraPX.layers = this.layers;
-		cameraPX.up.set( 0, 1, 0 );
-		cameraPX.lookAt( 1, 0, 0 );
 		this.add( cameraPX );
 
 		const cameraNX = new PerspectiveCamera( fov, aspect, near, far );
 		cameraNX.layers = this.layers;
-		cameraNX.up.set( 0, 1, 0 );
-		cameraNX.lookAt( - 1, 0, 0 );
 		this.add( cameraNX );
 
 		const cameraPY = new PerspectiveCamera( fov, aspect, near, far );
 		cameraPY.layers = this.layers;
-		cameraPY.up.set( 0, 0, - 1 );
-		cameraPY.lookAt( 0, 1, 0 );
 		this.add( cameraPY );
 
 		const cameraNY = new PerspectiveCamera( fov, aspect, near, far );
 		cameraNY.layers = this.layers;
-		cameraNY.up.set( 0, 0, 1 );
-		cameraNY.lookAt( 0, - 1, 0 );
 		this.add( cameraNY );
 
 		const cameraPZ = new PerspectiveCamera( fov, aspect, near, far );
 		cameraPZ.layers = this.layers;
-		cameraPZ.up.set( 0, 1, 0 );
-		cameraPZ.lookAt( 0, 0, 1 );
 		this.add( cameraPZ );
 
 		const cameraNZ = new PerspectiveCamera( fov, aspect, near, far );
 		cameraNZ.layers = this.layers;
-		cameraNZ.up.set( 0, 1, 0 );
-		cameraNZ.lookAt( 0, 0, - 1 );
 		this.add( cameraNZ );
 
 	}
 
+	updateCoordinateSystem() {
+
+		const coordinateSystem = this.coordinateSystem;
+
+		const cameras = this.children.concat();
+
+		const [ cameraPX, cameraNX, cameraPY, cameraNY, cameraPZ, cameraNZ ] = cameras;
+
+		for ( const camera of cameras ) this.remove( camera );
+
+		if ( coordinateSystem === WebGLCoordinateSystem ) {
+
+			cameraPX.up.set( 0, 1, 0 );
+			cameraPX.lookAt( 1, 0, 0 );
+
+			cameraNX.up.set( 0, 1, 0 );
+			cameraNX.lookAt( - 1, 0, 0 );
+
+			cameraPY.up.set( 0, 0, - 1 );
+			cameraPY.lookAt( 0, 1, 0 );
+
+			cameraNY.up.set( 0, 0, 1 );
+			cameraNY.lookAt( 0, - 1, 0 );
+
+			cameraPZ.up.set( 0, 1, 0 );
+			cameraPZ.lookAt( 0, 0, 1 );
+
+			cameraNZ.up.set( 0, 1, 0 );
+			cameraNZ.lookAt( 0, 0, - 1 );
+
+		} else if ( coordinateSystem === WebGPUCoordinateSystem ) {
+
+			cameraPX.up.set( 0, - 1, 0 );
+			cameraPX.lookAt( - 1, 0, 0 );
+
+			cameraNX.up.set( 0, - 1, 0 );
+			cameraNX.lookAt( 1, 0, 0 );
+
+			cameraPY.up.set( 0, 0, 1 );
+			cameraPY.lookAt( 0, 1, 0 );
+
+			cameraNY.up.set( 0, 0, - 1 );
+			cameraNY.lookAt( 0, - 1, 0 );
+
+			cameraPZ.up.set( 0, - 1, 0 );
+			cameraPZ.lookAt( 0, 0, 1 );
+
+			cameraNZ.up.set( 0, - 1, 0 );
+			cameraNZ.lookAt( 0, 0, - 1 );
+
+		} else {
+
+			throw new Error( 'THREE.CubeCamera.updateCoordinateSystem(): Invalid coordinate system: ' + coordinateSystem );
+
+		}
+
+		for ( const camera of cameras ) {
+
+			this.add( camera );
+
+			camera.updateMatrixWorld();
+
+		}
+
+	}
+
 	update( renderer, scene ) {
 
 		if ( this.parent === null ) this.updateMatrixWorld();
 
 		const renderTarget = this.renderTarget;
 
+		if ( this.coordinateSystem !== renderer.coordinateSystem ) {
+
+			this.coordinateSystem = renderer.coordinateSystem;
+
+			this.updateCoordinateSystem();
+
+		}
+
 		const [ cameraPX, cameraNX, cameraPY, cameraNY, cameraPZ, cameraNZ ] = this.children;
 
 		const currentRenderTarget = renderer.getRenderTarget();

package/src/cameras/OrthographicCamera.js

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

package/src/cameras/PerspectiveCamera.js

@@ -200,7 +200,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.projectionMatrix.makePerspective( left, left + width, top, top - height, near, this.far, this.coordinateSystem );
 
 		this.projectionMatrixInverse.copy( this.projectionMatrix ).invert();
 

package/src/constants.js

@@ -1,4 +1,4 @@
-export const REVISION = '152';
+export const REVISION = '154';
 
 export const MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2, ROTATE: 0, DOLLY: 1, PAN: 2 };
 export const TOUCH = { ROTATE: 0, PAN: 1, DOLLY_PAN: 2, DOLLY_ROTATE: 3 };
@@ -173,6 +173,15 @@ export const NotEqualStencilFunc = 517;
 export const GreaterEqualStencilFunc = 518;
 export const AlwaysStencilFunc = 519;
 
+export const NeverCompare = 512;
+export const LessCompare = 513;
+export const EqualCompare = 514;
+export const LessEqualCompare = 515;
+export const GreaterCompare = 516;
+export const NotEqualCompare = 517;
+export const GreaterEqualCompare = 518;
+export const AlwaysCompare = 519;
+
 export const StaticDrawUsage = 35044;
 export const DynamicDrawUsage = 35048;
 export const StreamDrawUsage = 35040;
@@ -187,3 +196,6 @@ export const GLSL1 = '100';
 export const GLSL3 = '300 es';
 
 export const _SRGBAFormat = 1035; // fallback for WebGL 1
+
+export const WebGLCoordinateSystem = 2000;
+export const WebGPUCoordinateSystem = 2001;

package/src/core/BufferAttribute.js

@@ -1,7 +1,7 @@
 import { Vector3 } from '../math/Vector3.js';
 import { Vector2 } from '../math/Vector2.js';
 import { denormalize, normalize } from '../math/MathUtils.js';
-import { StaticDrawUsage } from '../constants.js';
+import { StaticDrawUsage, FloatType } from '../constants.js';
 import { fromHalfFloat, toHalfFloat } from '../extras/DataUtils.js';
 
 const _vector = /*@__PURE__*/ new Vector3();
@@ -28,6 +28,7 @@ class BufferAttribute {
 
 		this.usage = StaticDrawUsage;
 		this.updateRange = { offset: 0, count: - 1 };
+		this.gpuType = FloatType;
 
 		this.version = 0;
 
@@ -58,6 +59,7 @@ class BufferAttribute {
 		this.normalized = source.normalized;
 
 		this.usage = source.usage;
+		this.gpuType = source.gpuType;
 
 		return this;
 
@@ -344,30 +346,6 @@ class BufferAttribute {
 
 	}
 
-	copyColorsArray() { // @deprecated, r144
-
-		console.error( 'THREE.BufferAttribute: copyColorsArray() was removed in r144.' );
-
-	}
-
-	copyVector2sArray() { // @deprecated, r144
-
-		console.error( 'THREE.BufferAttribute: copyVector2sArray() was removed in r144.' );
-
-	}
-
-	copyVector3sArray() { // @deprecated, r144
-
-		console.error( 'THREE.BufferAttribute: copyVector3sArray() was removed in r144.' );
-
-	}
-
-	copyVector4sArray() { // @deprecated, r144
-
-		console.error( 'THREE.BufferAttribute: copyVector4sArray() was removed in r144.' );
-
-	}
-
 }
 
 //

package/src/core/BufferGeometry.js

@@ -726,13 +726,6 @@ class BufferGeometry extends EventDispatcher {
 
 	}
 
-	merge() { // @deprecated, r144
-
-		console.error( 'THREE.BufferGeometry.merge() has been removed. Use THREE.BufferGeometryUtils.mergeGeometries() instead.' );
-		return this;
-
-	}
-
 	normalizeNormals() {
 
 		const normals = this.attributes.normal;
@@ -855,7 +848,7 @@ class BufferGeometry extends EventDispatcher {
 
 		const data = {
 			metadata: {
-				version: 4.5,
+				version: 4.6,
 				type: 'BufferGeometry',
 				generator: 'BufferGeometry.toJSON'
 			}

package/src/core/Object3D.js

@@ -693,7 +693,7 @@ class Object3D extends EventDispatcher {
 			};
 
 			output.metadata = {
-				version: 4.5,
+				version: 4.6,
 				type: 'Object',
 				generator: 'Object3D.toJSON'
 			};

package/src/extras/core/Curve.js

@@ -389,7 +389,7 @@ class Curve {
 
 		const data = {
 			metadata: {
-				version: 4.5,
+				version: 4.6,
 				type: 'Curve',
 				generator: 'Curve.toJSON'
 			}

package/src/loaders/CubeTextureLoader.js

@@ -1,6 +1,7 @@
 import { ImageLoader } from './ImageLoader.js';
 import { CubeTexture } from '../textures/CubeTexture.js';
 import { Loader } from './Loader.js';
+import { SRGBColorSpace } from '../constants.js';
 
 class CubeTextureLoader extends Loader {
 
@@ -13,6 +14,7 @@ class CubeTextureLoader extends Loader {
 	load( urls, onLoad, onProgress, onError ) {
 
 		const texture = new CubeTexture();
+		texture.colorSpace = SRGBColorSpace;
 
 		const loader = new ImageLoader( this.manager );
 		loader.setCrossOrigin( this.crossOrigin );

package/src/loaders/Loader.js

@@ -67,4 +67,6 @@ class Loader {
 
 }
 
+Loader.DEFAULT_MATERIAL_NAME = '__DEFAULT';
+
 export { Loader };