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