@anov/3d 0.0.4-alpha.1 → 0.0.4-alpha13

package/examples/jsm/utils/SceneUtils.js

@@ -1,254 +0,0 @@
-import {
-	BufferAttribute,
-	BufferGeometry,
-	Color,
-	Group,
-	Matrix4,
-	Mesh,
-	Vector3
-} from 'three';
-
-import { mergeGroups, deepCloneAttribute } from './BufferGeometryUtils.js';
-
-const _color = /*@__PURE__*/new Color();
-const _matrix = /*@__PURE__*/new Matrix4();
-
-function createMeshesFromInstancedMesh( instancedMesh ) {
-
-	const group = new Group();
-
-	const count = instancedMesh.count;
-	const geometry = instancedMesh.geometry;
-	const material = instancedMesh.material;
-
-	for ( let i = 0; i < count; i ++ ) {
-
-		const mesh = new Mesh( geometry, material );
-
-		instancedMesh.getMatrixAt( i, mesh.matrix );
-		mesh.matrix.decompose( mesh.position, mesh.quaternion, mesh.scale );
-
-		group.add( mesh );
-
-	}
-
-	group.copy( instancedMesh );
-	group.updateMatrixWorld(); // ensure correct world matrices of meshes
-
-	return group;
-
-}
-
-function createMeshesFromMultiMaterialMesh( mesh ) {
-
-	if ( Array.isArray( mesh.material ) === false ) {
-
-		console.warn( 'THREE.SceneUtils.createMeshesFromMultiMaterialMesh(): The given mesh has no multiple materials.' );
-		return mesh;
-
-	}
-
-	const object = new Group();
-	object.copy( mesh );
-
-	// merge groups (which automatically sorts them)
-
-	const geometry = mergeGroups( mesh.geometry );
-
-	const index = geometry.index;
-	const groups = geometry.groups;
-	const attributeNames = Object.keys( geometry.attributes );
-
-	// create a mesh for each group by extracting the buffer data into a new geometry
-
-	for ( let i = 0; i < groups.length; i ++ ) {
-
-		const group = groups[ i ];
-
-		const start = group.start;
-		const end = start + group.count;
-
-		const newGeometry = new BufferGeometry();
-		const newMaterial = mesh.material[ group.materialIndex ];
-
-		// process all buffer attributes
-
-		for ( let j = 0; j < attributeNames.length; j ++ ) {
-
-			const name = attributeNames[ j ];
-			const attribute = geometry.attributes[ name ];
-			const itemSize = attribute.itemSize;
-
-			const newLength = group.count * itemSize;
-			const type = attribute.array.constructor;
-
-			const newArray = new type( newLength );
-			const newAttribute = new BufferAttribute( newArray, itemSize );
-
-			for ( let k = start, n = 0; k < end; k ++, n ++ ) {
-
-				const ind = index.getX( k );
-
-				if ( itemSize >= 1 ) newAttribute.setX( n, attribute.getX( ind ) );
-				if ( itemSize >= 2 ) newAttribute.setY( n, attribute.getY( ind ) );
-				if ( itemSize >= 3 ) newAttribute.setZ( n, attribute.getZ( ind ) );
-				if ( itemSize >= 4 ) newAttribute.setW( n, attribute.getW( ind ) );
-
-			}
-
-
-			newGeometry.setAttribute( name, newAttribute );
-
-		}
-
-		const newMesh = new Mesh( newGeometry, newMaterial );
-		object.add( newMesh );
-
-	}
-
-	return object;
-
-}
-
-function createMultiMaterialObject( geometry, materials ) {
-
-	const group = new Group();
-
-	for ( let i = 0, l = materials.length; i < l; i ++ ) {
-
-		group.add( new Mesh( geometry, materials[ i ] ) );
-
-	}
-
-	return group;
-
-}
-
-function reduceVertices( object, func, initialValue ) {
-
-	let value = initialValue;
-	const vertex = new Vector3();
-
-	object.updateWorldMatrix( true, true );
-
-	object.traverseVisible( ( child ) => {
-
-		const { geometry } = child;
-
-		if ( geometry !== undefined ) {
-
-			const { position } = geometry.attributes;
-
-			if ( position !== undefined ) {
-
-				for ( let i = 0, l = position.count; i < l; i ++ ) {
-
-					if ( child.isMesh ) {
-
-						child.getVertexPosition( i, vertex );
-
-					} else {
-
-						vertex.fromBufferAttribute( position, i );
-
-					}
-
-					if ( ! child.isSkinnedMesh ) {
-
-						vertex.applyMatrix4( child.matrixWorld );
-
-					}
-
-					value = func( value, vertex );
-
-				}
-
-			}
-
-		}
-
-	} );
-
-	return value;
-
-}
-
-/**
- * @param {InstancedMesh}
- * @param {function(int, int):int}
- */
-function sortInstancedMesh( mesh, compareFn ) {
-
-	// store copy of instanced attributes for lookups
-
-	const instanceMatrixRef = deepCloneAttribute( mesh.instanceMatrix );
-	const instanceColorRef = mesh.instanceColor ? deepCloneAttribute( mesh.instanceColor ) : null;
-
-	const attributeRefs = new Map();
-
-	for ( const name in mesh.geometry.attributes ) {
-
-		const attribute = mesh.geometry.attributes[ name ];
-
-		if ( attribute.isInstancedBufferAttribute ) {
-
-			attributeRefs.set( attribute, deepCloneAttribute( attribute ) );
-
-		}
-
-	}
-
-
-	// compute sort order
-
-	const tokens = [];
-
-	for ( let i = 0; i < mesh.count; i ++ ) tokens.push( i );
-
-	tokens.sort( compareFn );
-
-
-	// apply sort order
-
-	for ( let i = 0; i < tokens.length; i ++ ) {
-
-		const refIndex = tokens[ i ];
-
-		_matrix.fromArray( instanceMatrixRef.array, refIndex * mesh.instanceMatrix.itemSize );
-		_matrix.toArray( mesh.instanceMatrix.array, i * mesh.instanceMatrix.itemSize );
-
-		if ( mesh.instanceColor ) {
-
-			_color.fromArray( instanceColorRef.array, refIndex * mesh.instanceColor.itemSize );
-			_color.toArray( mesh.instanceColor.array, i * mesh.instanceColor.itemSize );
-
-		}
-
-		for ( const name in mesh.geometry.attributes ) {
-
-			const attribute = mesh.geometry.attributes[ name ];
-
-			if ( attribute.isInstancedBufferAttribute ) {
-
-				const attributeRef = attributeRefs.get( attribute );
-
-				attribute.setX( i, attributeRef.getX( refIndex ) );
-				if ( attribute.itemSize > 1 ) attribute.setY( i, attributeRef.getY( refIndex ) );
-				if ( attribute.itemSize > 2 ) attribute.setZ( i, attributeRef.getZ( refIndex ) );
-				if ( attribute.itemSize > 3 ) attribute.setW( i, attributeRef.getW( refIndex ) );
-
-			}
-
-		}
-
-	}
-
-}
-
-export {
-	createMeshesFromInstancedMesh,
-	createMeshesFromMultiMaterialMesh,
-	createMultiMaterialObject,
-	reduceVertices,
-	sortInstancedMesh
-};

package/examples/jsm/utils/ShadowMapViewer.js

@@ -1,210 +0,0 @@
-import {
-	DoubleSide,
-	LinearFilter,
-	Mesh,
-	MeshBasicMaterial,
-	OrthographicCamera,
-	PlaneGeometry,
-	Scene,
-	ShaderMaterial,
-	Texture,
-	UniformsUtils
-} from 'three';
-import { UnpackDepthRGBAShader } from '../shaders/UnpackDepthRGBAShader.js';
-
-/**
- * This is a helper for visualising a given light's shadow map.
- * It works for shadow casting lights: DirectionalLight and SpotLight.
- * It renders out the shadow map and displays it on a HUD.
- *
- * Example usage:
- *	1) Import ShadowMapViewer into your app.
- *
- *	2) Create a shadow casting light and name it optionally:
- *		let light = new DirectionalLight( 0xffffff, 1 );
- *		light.castShadow = true;
- *		light.name = 'Sun';
- *
- *	3) Create a shadow map viewer for that light and set its size and position optionally:
- *		let shadowMapViewer = new ShadowMapViewer( light );
- *		shadowMapViewer.size.set( 128, 128 );	//width, height  default: 256, 256
- *		shadowMapViewer.position.set( 10, 10 );	//x, y in pixel	 default: 0, 0 (top left corner)
- *
- *	4) Render the shadow map viewer in your render loop:
- *		shadowMapViewer.render( renderer );
- *
- *	5) Optionally: Update the shadow map viewer on window resize:
- *		shadowMapViewer.updateForWindowResize();
- *
- *	6) If you set the position or size members directly, you need to call shadowMapViewer.update();
- */
-
-class ShadowMapViewer {
-
-	constructor( light ) {
-
-		//- Internals
-		const scope = this;
-		const doRenderLabel = ( light.name !== undefined && light.name !== '' );
-		let userAutoClearSetting;
-
-		//Holds the initial position and dimension of the HUD
-		const frame = {
-			x: 10,
-			y: 10,
-			width: 256,
-			height: 256
-		};
-
-		const camera = new OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / - 2, 1, 10 );
-		camera.position.set( 0, 0, 2 );
-		const scene = new Scene();
-
-		//HUD for shadow map
-		const shader = UnpackDepthRGBAShader;
-
-		const uniforms = UniformsUtils.clone( shader.uniforms );
-		const material = new ShaderMaterial( {
-			uniforms: uniforms,
-			vertexShader: shader.vertexShader,
-			fragmentShader: shader.fragmentShader
-		} );
-		const plane = new PlaneGeometry( frame.width, frame.height );
-		const mesh = new Mesh( plane, material );
-
-		scene.add( mesh );
-
-
-		//Label for light's name
-		let labelCanvas, labelMesh;
-
-		if ( doRenderLabel ) {
-
-			labelCanvas = document.createElement( 'canvas' );
-
-			const context = labelCanvas.getContext( '2d' );
-			context.font = 'Bold 20px Arial';
-
-			const labelWidth = context.measureText( light.name ).width;
-			labelCanvas.width = labelWidth;
-			labelCanvas.height = 25;	//25 to account for g, p, etc.
-
-			context.font = 'Bold 20px Arial';
-			context.fillStyle = 'rgba( 255, 0, 0, 1 )';
-			context.fillText( light.name, 0, 20 );
-
-			const labelTexture = new Texture( labelCanvas );
-			labelTexture.magFilter = LinearFilter;
-			labelTexture.minFilter = LinearFilter;
-			labelTexture.needsUpdate = true;
-
-			const labelMaterial = new MeshBasicMaterial( { map: labelTexture, side: DoubleSide } );
-			labelMaterial.transparent = true;
-
-			const labelPlane = new PlaneGeometry( labelCanvas.width, labelCanvas.height );
-			labelMesh = new Mesh( labelPlane, labelMaterial );
-
-			scene.add( labelMesh );
-
-		}
-
-
-		function resetPosition() {
-
-			scope.position.set( scope.position.x, scope.position.y );
-
-		}
-
-		//- API
-		// Set to false to disable displaying this shadow map
-		this.enabled = true;
-
-		// Set the size of the displayed shadow map on the HUD
-		this.size = {
-			width: frame.width,
-			height: frame.height,
-			set: function ( width, height ) {
-
-				this.width = width;
-				this.height = height;
-
-				mesh.scale.set( this.width / frame.width, this.height / frame.height, 1 );
-
-				//Reset the position as it is off when we scale stuff
-				resetPosition();
-
-			}
-		};
-
-		// Set the position of the displayed shadow map on the HUD
-		this.position = {
-			x: frame.x,
-			y: frame.y,
-			set: function ( x, y ) {
-
-				this.x = x;
-				this.y = y;
-
-				const width = scope.size.width;
-				const height = scope.size.height;
-
-				mesh.position.set( - window.innerWidth / 2 + width / 2 + this.x, window.innerHeight / 2 - height / 2 - this.y, 0 );
-
-				if ( doRenderLabel ) labelMesh.position.set( mesh.position.x, mesh.position.y - scope.size.height / 2 + labelCanvas.height / 2, 0 );
-
-			}
-		};
-
-		this.render = function ( renderer ) {
-
-			if ( this.enabled ) {
-
-				//Because a light's .shadowMap is only initialised after the first render pass
-				//we have to make sure the correct map is sent into the shader, otherwise we
-				//always end up with the scene's first added shadow casting light's shadowMap
-				//in the shader
-				//See: https://github.com/mrdoob/three.js/issues/5932
-				uniforms.tDiffuse.value = light.shadow.map.texture;
-
-				userAutoClearSetting = renderer.autoClear;
-				renderer.autoClear = false; // To allow render overlay
-				renderer.clearDepth();
-				renderer.render( scene, camera );
-				renderer.autoClear = userAutoClearSetting;	//Restore user's setting
-
-			}
-
-		};
-
-		this.updateForWindowResize = function () {
-
-			if ( this.enabled ) {
-
-				 camera.left = window.innerWidth / - 2;
-				 camera.right = window.innerWidth / 2;
-				 camera.top = window.innerHeight / 2;
-				 camera.bottom = window.innerHeight / - 2;
-				 camera.updateProjectionMatrix();
-
-				 this.update();
-
-			}
-
-		};
-
-		this.update = function () {
-
-			this.position.set( this.position.x, this.position.y );
-			this.size.set( this.size.width, this.size.height );
-
-		};
-
-		//Force an update to set position/size
-		this.update();
-
-	}
-
-}
-
-
-export { ShadowMapViewer };