264 lines
		
	
	
		
			4.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			264 lines
		
	
	
		
			4.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import ClippingContext from './ClippingContext.js';
 | 
						|
 | 
						|
let id = 0;
 | 
						|
 | 
						|
function getKeys( obj ) {
 | 
						|
 | 
						|
	const keys = Object.keys( obj );
 | 
						|
 | 
						|
	let proto = Object.getPrototypeOf( obj );
 | 
						|
 | 
						|
	while ( proto ) {
 | 
						|
 | 
						|
		const descriptors = Object.getOwnPropertyDescriptors( proto );
 | 
						|
 | 
						|
		for ( const key in descriptors ) {
 | 
						|
 | 
						|
			if ( descriptors[ key ] !== undefined ) {
 | 
						|
 | 
						|
				const descriptor = descriptors[ key ];
 | 
						|
 | 
						|
				if ( descriptor && typeof descriptor.get === 'function' ) {
 | 
						|
 | 
						|
					keys.push( key );
 | 
						|
 | 
						|
				}
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		proto = Object.getPrototypeOf( proto );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	return keys;
 | 
						|
 | 
						|
}
 | 
						|
 | 
						|
export default class RenderObject {
 | 
						|
 | 
						|
	constructor( nodes, geometries, renderer, object, material, scene, camera, lightsNode, renderContext ) {
 | 
						|
 | 
						|
		this._nodes = nodes;
 | 
						|
		this._geometries = geometries;
 | 
						|
 | 
						|
		this.id = id ++;
 | 
						|
 | 
						|
		this.renderer = renderer;
 | 
						|
		this.object = object;
 | 
						|
		this.material = material;
 | 
						|
		this.scene = scene;
 | 
						|
		this.camera = camera;
 | 
						|
		this.lightsNode = lightsNode;
 | 
						|
		this.context = renderContext;
 | 
						|
 | 
						|
		this.geometry = object.geometry;
 | 
						|
		this.version = material.version;
 | 
						|
 | 
						|
		this.drawRange = null;
 | 
						|
 | 
						|
		this.attributes = null;
 | 
						|
		this.pipeline = null;
 | 
						|
		this.vertexBuffers = null;
 | 
						|
 | 
						|
		this.updateClipping( renderContext.clippingContext );
 | 
						|
 | 
						|
		this.clippingContextVersion = this.clippingContext.version;
 | 
						|
 | 
						|
		this.initialNodesCacheKey = this.getNodesCacheKey();
 | 
						|
		this.initialCacheKey = this.getCacheKey();
 | 
						|
 | 
						|
		this._nodeBuilderState = null;
 | 
						|
		this._bindings = null;
 | 
						|
 | 
						|
		this.onDispose = null;
 | 
						|
 | 
						|
		this.isRenderObject = true;
 | 
						|
 | 
						|
		this.onMaterialDispose = () => {
 | 
						|
 | 
						|
			this.dispose();
 | 
						|
 | 
						|
		};
 | 
						|
 | 
						|
		this.material.addEventListener( 'dispose', this.onMaterialDispose );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	updateClipping( parent ) {
 | 
						|
 | 
						|
		const material = this.material;
 | 
						|
 | 
						|
		let clippingContext = this.clippingContext;
 | 
						|
 | 
						|
		if ( Array.isArray( material.clippingPlanes ) ) {
 | 
						|
 | 
						|
			if ( clippingContext === parent || ! clippingContext ) {
 | 
						|
 | 
						|
				clippingContext = new ClippingContext();
 | 
						|
				this.clippingContext = clippingContext;
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
			clippingContext.update( parent, material );
 | 
						|
 | 
						|
		} else if ( this.clippingContext !== parent ) {
 | 
						|
 | 
						|
			this.clippingContext = parent;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get clippingNeedsUpdate() {
 | 
						|
 | 
						|
		if ( this.clippingContext.version === this.clippingContextVersion ) return false;
 | 
						|
 | 
						|
		this.clippingContextVersion = this.clippingContext.version;
 | 
						|
 | 
						|
		return true;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getNodeBuilderState() {
 | 
						|
 | 
						|
		return this._nodeBuilderState || ( this._nodeBuilderState = this._nodes.getForRender( this ) );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getBindings() {
 | 
						|
 | 
						|
		return this._bindings || ( this._bindings = this.getNodeBuilderState().createBindings() );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getIndex() {
 | 
						|
 | 
						|
		return this._geometries.getIndex( this );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getChainArray() {
 | 
						|
 | 
						|
		return [ this.object, this.material, this.context, this.lightsNode ];
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getAttributes() {
 | 
						|
 | 
						|
		if ( this.attributes !== null ) return this.attributes;
 | 
						|
 | 
						|
		const nodeAttributes = this.getNodeBuilderState().nodeAttributes;
 | 
						|
		const geometry = this.geometry;
 | 
						|
 | 
						|
		const attributes = [];
 | 
						|
		const vertexBuffers = new Set();
 | 
						|
 | 
						|
		for ( const nodeAttribute of nodeAttributes ) {
 | 
						|
 | 
						|
			const attribute = nodeAttribute.node && nodeAttribute.node.attribute ? nodeAttribute.node.attribute : geometry.getAttribute( nodeAttribute.name );
 | 
						|
 | 
						|
			if ( attribute === undefined ) continue;
 | 
						|
 | 
						|
			attributes.push( attribute );
 | 
						|
 | 
						|
			const bufferAttribute = attribute.isInterleavedBufferAttribute ? attribute.data : attribute;
 | 
						|
			vertexBuffers.add( bufferAttribute );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		this.attributes = attributes;
 | 
						|
		this.vertexBuffers = Array.from( vertexBuffers.values() );
 | 
						|
 | 
						|
		return attributes;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getVertexBuffers() {
 | 
						|
 | 
						|
		if ( this.vertexBuffers === null ) this.getAttributes();
 | 
						|
 | 
						|
		return this.vertexBuffers;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getMaterialCacheKey() {
 | 
						|
 | 
						|
		const { object, material } = this;
 | 
						|
 | 
						|
		let cacheKey = material.customProgramCacheKey();
 | 
						|
 | 
						|
		for ( const property of getKeys( material ) ) {
 | 
						|
 | 
						|
			if ( /^(is[A-Z]|_)|^(visible|version|uuid|name|opacity|userData)$/.test( property ) ) continue;
 | 
						|
 | 
						|
			let value = material[ property ];
 | 
						|
 | 
						|
			if ( value !== null ) {
 | 
						|
 | 
						|
				const type = typeof value;
 | 
						|
 | 
						|
				if ( type === 'number' ) value = value !== 0 ? '1' : '0'; // Convert to on/off, important for clearcoat, transmission, etc
 | 
						|
				else if ( type === 'object' ) value = '{}';
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
			cacheKey += /*property + ':' +*/ value + ',';
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		cacheKey += this.clippingContextVersion + ',';
 | 
						|
 | 
						|
		if ( object.skeleton ) {
 | 
						|
 | 
						|
			cacheKey += object.skeleton.bones.length + ',';
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		if ( object.morphTargetInfluences ) {
 | 
						|
 | 
						|
			cacheKey += object.morphTargetInfluences.length + ',';
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		if ( object.isBatchedMesh ) {
 | 
						|
 | 
						|
			cacheKey += object._matricesTexture.uuid + ',';
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return cacheKey;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	get needsUpdate() {
 | 
						|
 | 
						|
		return this.initialNodesCacheKey !== this.getNodesCacheKey() || this.clippingNeedsUpdate;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getNodesCacheKey() {
 | 
						|
 | 
						|
		// Environment Nodes Cache Key
 | 
						|
 | 
						|
		return this._nodes.getCacheKey( this.scene, this.lightsNode );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getCacheKey() {
 | 
						|
 | 
						|
		return this.getMaterialCacheKey() + ',' + this.getNodesCacheKey();
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	dispose() {
 | 
						|
 | 
						|
		this.material.removeEventListener( 'dispose', this.onMaterialDispose );
 | 
						|
 | 
						|
		this.onDispose();
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
}
 |