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(); | ||
|  | 
 | ||
|  | 	} | ||
|  | 
 | ||
|  | } |