314 lines
6.4 KiB
JavaScript
314 lines
6.4 KiB
JavaScript
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 ) );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* @param {Object3D} object Object to traverse.
|
|
* @yields {Object3D} Objects that passed the filter condition.
|
|
*/
|
|
function* traverseGenerator( object ) {
|
|
|
|
yield object;
|
|
|
|
const children = object.children;
|
|
|
|
for ( let i = 0, l = children.length; i < l; i ++ ) {
|
|
|
|
yield* traverseGenerator( children[ i ] );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* @param {Object3D} object Object to traverse.
|
|
* @yields {Object3D} Objects that passed the filter condition.
|
|
*/
|
|
function* traverseVisibleGenerator( object ) {
|
|
|
|
if ( object.visible === false ) return;
|
|
|
|
yield object;
|
|
|
|
const children = object.children;
|
|
|
|
for ( let i = 0, l = children.length; i < l; i ++ ) {
|
|
|
|
yield* traverseVisibleGenerator( children[ i ] );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/**
|
|
* @param {Object3D} object Object to traverse.
|
|
* @yields {Object3D} Objects that passed the filter condition.
|
|
*/
|
|
function* traverseAncestorsGenerator( object ) {
|
|
|
|
const parent = object.parent;
|
|
|
|
if ( parent !== null ) {
|
|
|
|
yield parent;
|
|
|
|
yield* traverseAncestorsGenerator( parent );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
export {
|
|
createMeshesFromInstancedMesh,
|
|
createMeshesFromMultiMaterialMesh,
|
|
createMultiMaterialObject,
|
|
reduceVertices,
|
|
sortInstancedMesh,
|
|
traverseGenerator,
|
|
traverseVisibleGenerator,
|
|
traverseAncestorsGenerator
|
|
};
|