4117 lines
		
	
	
		
			82 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
		
		
			
		
	
	
			4117 lines
		
	
	
		
			82 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
|  | import { | ||
|  | 	AmbientLight, | ||
|  | 	AnimationClip, | ||
|  | 	Bone, | ||
|  | 	BufferGeometry, | ||
|  | 	ClampToEdgeWrapping, | ||
|  | 	Color, | ||
|  | 	DirectionalLight, | ||
|  | 	DoubleSide, | ||
|  | 	FileLoader, | ||
|  | 	Float32BufferAttribute, | ||
|  | 	FrontSide, | ||
|  | 	Group, | ||
|  | 	Line, | ||
|  | 	LineBasicMaterial, | ||
|  | 	LineSegments, | ||
|  | 	Loader, | ||
|  | 	LoaderUtils, | ||
|  | 	MathUtils, | ||
|  | 	Matrix4, | ||
|  | 	Mesh, | ||
|  | 	MeshBasicMaterial, | ||
|  | 	MeshLambertMaterial, | ||
|  | 	MeshPhongMaterial, | ||
|  | 	OrthographicCamera, | ||
|  | 	PerspectiveCamera, | ||
|  | 	PointLight, | ||
|  | 	Quaternion, | ||
|  | 	QuaternionKeyframeTrack, | ||
|  | 	RepeatWrapping, | ||
|  | 	Scene, | ||
|  | 	Skeleton, | ||
|  | 	SkinnedMesh, | ||
|  | 	SpotLight, | ||
|  | 	TextureLoader, | ||
|  | 	Vector2, | ||
|  | 	Vector3, | ||
|  | 	VectorKeyframeTrack, | ||
|  | 	SRGBColorSpace | ||
|  | } from 'three'; | ||
|  | import { TGALoader } from '../loaders/TGALoader.js'; | ||
|  | 
 | ||
|  | class ColladaLoader extends Loader { | ||
|  | 
 | ||
|  | 	load( url, onLoad, onProgress, onError ) { | ||
|  | 
 | ||
|  | 		const scope = this; | ||
|  | 
 | ||
|  | 		const path = ( scope.path === '' ) ? LoaderUtils.extractUrlBase( url ) : scope.path; | ||
|  | 
 | ||
|  | 		const loader = new FileLoader( scope.manager ); | ||
|  | 		loader.setPath( scope.path ); | ||
|  | 		loader.setRequestHeader( scope.requestHeader ); | ||
|  | 		loader.setWithCredentials( scope.withCredentials ); | ||
|  | 		loader.load( url, function ( text ) { | ||
|  | 
 | ||
|  | 			try { | ||
|  | 
 | ||
|  | 				onLoad( scope.parse( text, path ) ); | ||
|  | 
 | ||
|  | 			} catch ( e ) { | ||
|  | 
 | ||
|  | 				if ( onError ) { | ||
|  | 
 | ||
|  | 					onError( e ); | ||
|  | 
 | ||
|  | 				} else { | ||
|  | 
 | ||
|  | 					console.error( e ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				scope.manager.itemError( url ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		}, onProgress, onError ); | ||
|  | 
 | ||
|  | 	} | ||
|  | 
 | ||
|  | 	parse( text, path ) { | ||
|  | 
 | ||
|  | 		function getElementsByTagName( xml, name ) { | ||
|  | 
 | ||
|  | 			// Non recursive xml.getElementsByTagName() ...
 | ||
|  | 
 | ||
|  | 			const array = []; | ||
|  | 			const childNodes = xml.childNodes; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeName === name ) { | ||
|  | 
 | ||
|  | 					array.push( child ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return array; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseStrings( text ) { | ||
|  | 
 | ||
|  | 			if ( text.length === 0 ) return []; | ||
|  | 
 | ||
|  | 			const parts = text.trim().split( /\s+/ ); | ||
|  | 			const array = new Array( parts.length ); | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = parts.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				array[ i ] = parts[ i ]; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return array; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseFloats( text ) { | ||
|  | 
 | ||
|  | 			if ( text.length === 0 ) return []; | ||
|  | 
 | ||
|  | 			const parts = text.trim().split( /\s+/ ); | ||
|  | 			const array = new Array( parts.length ); | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = parts.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				array[ i ] = parseFloat( parts[ i ] ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return array; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseInts( text ) { | ||
|  | 
 | ||
|  | 			if ( text.length === 0 ) return []; | ||
|  | 
 | ||
|  | 			const parts = text.trim().split( /\s+/ ); | ||
|  | 			const array = new Array( parts.length ); | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = parts.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				array[ i ] = parseInt( parts[ i ] ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return array; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseId( text ) { | ||
|  | 
 | ||
|  | 			return text.substring( 1 ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function generateId() { | ||
|  | 
 | ||
|  | 			return 'three_default_' + ( count ++ ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function isEmpty( object ) { | ||
|  | 
 | ||
|  | 			return Object.keys( object ).length === 0; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// asset
 | ||
|  | 
 | ||
|  | 		function parseAsset( xml ) { | ||
|  | 
 | ||
|  | 			return { | ||
|  | 				unit: parseAssetUnit( getElementsByTagName( xml, 'unit' )[ 0 ] ), | ||
|  | 				upAxis: parseAssetUpAxis( getElementsByTagName( xml, 'up_axis' )[ 0 ] ) | ||
|  | 			}; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseAssetUnit( xml ) { | ||
|  | 
 | ||
|  | 			if ( ( xml !== undefined ) && ( xml.hasAttribute( 'meter' ) === true ) ) { | ||
|  | 
 | ||
|  | 				return parseFloat( xml.getAttribute( 'meter' ) ); | ||
|  | 
 | ||
|  | 			} else { | ||
|  | 
 | ||
|  | 				return 1; // default 1 meter
 | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseAssetUpAxis( xml ) { | ||
|  | 
 | ||
|  | 			return xml !== undefined ? xml.textContent : 'Y_UP'; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// library
 | ||
|  | 
 | ||
|  | 		function parseLibrary( xml, libraryName, nodeName, parser ) { | ||
|  | 
 | ||
|  | 			const library = getElementsByTagName( xml, libraryName )[ 0 ]; | ||
|  | 
 | ||
|  | 			if ( library !== undefined ) { | ||
|  | 
 | ||
|  | 				const elements = getElementsByTagName( library, nodeName ); | ||
|  | 
 | ||
|  | 				for ( let i = 0; i < elements.length; i ++ ) { | ||
|  | 
 | ||
|  | 					parser( elements[ i ] ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildLibrary( data, builder ) { | ||
|  | 
 | ||
|  | 			for ( const name in data ) { | ||
|  | 
 | ||
|  | 				const object = data[ name ]; | ||
|  | 				object.build = builder( data[ name ] ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// get
 | ||
|  | 
 | ||
|  | 		function getBuild( data, builder ) { | ||
|  | 
 | ||
|  | 			if ( data.build !== undefined ) return data.build; | ||
|  | 
 | ||
|  | 			data.build = builder( data ); | ||
|  | 
 | ||
|  | 			return data.build; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// animation
 | ||
|  | 
 | ||
|  | 		function parseAnimation( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				sources: {}, | ||
|  | 				samplers: {}, | ||
|  | 				channels: {} | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			let hasChildren = false; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				let id; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'source': | ||
|  | 						id = child.getAttribute( 'id' ); | ||
|  | 						data.sources[ id ] = parseSource( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'sampler': | ||
|  | 						id = child.getAttribute( 'id' ); | ||
|  | 						data.samplers[ id ] = parseAnimationSampler( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'channel': | ||
|  | 						id = child.getAttribute( 'target' ); | ||
|  | 						data.channels[ id ] = parseAnimationChannel( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'animation': | ||
|  | 						// hierarchy of related animations
 | ||
|  | 						parseAnimation( child ); | ||
|  | 						hasChildren = true; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					default: | ||
|  | 						console.log( child ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			if ( hasChildren === false ) { | ||
|  | 
 | ||
|  | 				// since 'id' attributes can be optional, it's necessary to generate a UUID for unqiue assignment
 | ||
|  | 
 | ||
|  | 				library.animations[ xml.getAttribute( 'id' ) || MathUtils.generateUUID() ] = data; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseAnimationSampler( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				inputs: {}, | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'input': | ||
|  | 						const id = parseId( child.getAttribute( 'source' ) ); | ||
|  | 						const semantic = child.getAttribute( 'semantic' ); | ||
|  | 						data.inputs[ semantic ] = id; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseAnimationChannel( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			const target = xml.getAttribute( 'target' ); | ||
|  | 
 | ||
|  | 			// parsing SID Addressing Syntax
 | ||
|  | 
 | ||
|  | 			let parts = target.split( '/' ); | ||
|  | 
 | ||
|  | 			const id = parts.shift(); | ||
|  | 			let sid = parts.shift(); | ||
|  | 
 | ||
|  | 			// check selection syntax
 | ||
|  | 
 | ||
|  | 			const arraySyntax = ( sid.indexOf( '(' ) !== - 1 ); | ||
|  | 			const memberSyntax = ( sid.indexOf( '.' ) !== - 1 ); | ||
|  | 
 | ||
|  | 			if ( memberSyntax ) { | ||
|  | 
 | ||
|  | 				//  member selection access
 | ||
|  | 
 | ||
|  | 				parts = sid.split( '.' ); | ||
|  | 				sid = parts.shift(); | ||
|  | 				data.member = parts.shift(); | ||
|  | 
 | ||
|  | 			} else if ( arraySyntax ) { | ||
|  | 
 | ||
|  | 				// array-access syntax. can be used to express fields in one-dimensional vectors or two-dimensional matrices.
 | ||
|  | 
 | ||
|  | 				const indices = sid.split( '(' ); | ||
|  | 				sid = indices.shift(); | ||
|  | 
 | ||
|  | 				for ( let i = 0; i < indices.length; i ++ ) { | ||
|  | 
 | ||
|  | 					indices[ i ] = parseInt( indices[ i ].replace( /\)/, '' ) ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				data.indices = indices; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			data.id = id; | ||
|  | 			data.sid = sid; | ||
|  | 
 | ||
|  | 			data.arraySyntax = arraySyntax; | ||
|  | 			data.memberSyntax = memberSyntax; | ||
|  | 
 | ||
|  | 			data.sampler = parseId( xml.getAttribute( 'source' ) ); | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildAnimation( data ) { | ||
|  | 
 | ||
|  | 			const tracks = []; | ||
|  | 
 | ||
|  | 			const channels = data.channels; | ||
|  | 			const samplers = data.samplers; | ||
|  | 			const sources = data.sources; | ||
|  | 
 | ||
|  | 			for ( const target in channels ) { | ||
|  | 
 | ||
|  | 				if ( channels.hasOwnProperty( target ) ) { | ||
|  | 
 | ||
|  | 					const channel = channels[ target ]; | ||
|  | 					const sampler = samplers[ channel.sampler ]; | ||
|  | 
 | ||
|  | 					const inputId = sampler.inputs.INPUT; | ||
|  | 					const outputId = sampler.inputs.OUTPUT; | ||
|  | 
 | ||
|  | 					const inputSource = sources[ inputId ]; | ||
|  | 					const outputSource = sources[ outputId ]; | ||
|  | 
 | ||
|  | 					const animation = buildAnimationChannel( channel, inputSource, outputSource ); | ||
|  | 
 | ||
|  | 					createKeyframeTracks( animation, tracks ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return tracks; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getAnimation( id ) { | ||
|  | 
 | ||
|  | 			return getBuild( library.animations[ id ], buildAnimation ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildAnimationChannel( channel, inputSource, outputSource ) { | ||
|  | 
 | ||
|  | 			const node = library.nodes[ channel.id ]; | ||
|  | 			const object3D = getNode( node.id ); | ||
|  | 
 | ||
|  | 			const transform = node.transforms[ channel.sid ]; | ||
|  | 			const defaultMatrix = node.matrix.clone().transpose(); | ||
|  | 
 | ||
|  | 			let time, stride; | ||
|  | 			let i, il, j, jl; | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			// the collada spec allows the animation of data in various ways.
 | ||
|  | 			// depending on the transform type (matrix, translate, rotate, scale), we execute different logic
 | ||
|  | 
 | ||
|  | 			switch ( transform ) { | ||
|  | 
 | ||
|  | 				case 'matrix': | ||
|  | 
 | ||
|  | 					for ( i = 0, il = inputSource.array.length; i < il; i ++ ) { | ||
|  | 
 | ||
|  | 						time = inputSource.array[ i ]; | ||
|  | 						stride = i * outputSource.stride; | ||
|  | 
 | ||
|  | 						if ( data[ time ] === undefined ) data[ time ] = {}; | ||
|  | 
 | ||
|  | 						if ( channel.arraySyntax === true ) { | ||
|  | 
 | ||
|  | 							const value = outputSource.array[ stride ]; | ||
|  | 							const index = channel.indices[ 0 ] + 4 * channel.indices[ 1 ]; | ||
|  | 
 | ||
|  | 							data[ time ][ index ] = value; | ||
|  | 
 | ||
|  | 						} else { | ||
|  | 
 | ||
|  | 							for ( j = 0, jl = outputSource.stride; j < jl; j ++ ) { | ||
|  | 
 | ||
|  | 								data[ time ][ j ] = outputSource.array[ stride + j ]; | ||
|  | 
 | ||
|  | 							} | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				case 'translate': | ||
|  | 					console.warn( 'THREE.ColladaLoader: Animation transform type "%s" not yet implemented.', transform ); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				case 'rotate': | ||
|  | 					console.warn( 'THREE.ColladaLoader: Animation transform type "%s" not yet implemented.', transform ); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				case 'scale': | ||
|  | 					console.warn( 'THREE.ColladaLoader: Animation transform type "%s" not yet implemented.', transform ); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			const keyframes = prepareAnimationData( data, defaultMatrix ); | ||
|  | 
 | ||
|  | 			const animation = { | ||
|  | 				name: object3D.uuid, | ||
|  | 				keyframes: keyframes | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			return animation; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function prepareAnimationData( data, defaultMatrix ) { | ||
|  | 
 | ||
|  | 			const keyframes = []; | ||
|  | 
 | ||
|  | 			// transfer data into a sortable array
 | ||
|  | 
 | ||
|  | 			for ( const time in data ) { | ||
|  | 
 | ||
|  | 				keyframes.push( { time: parseFloat( time ), value: data[ time ] } ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// ensure keyframes are sorted by time
 | ||
|  | 
 | ||
|  | 			keyframes.sort( ascending ); | ||
|  | 
 | ||
|  | 			// now we clean up all animation data, so we can use them for keyframe tracks
 | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < 16; i ++ ) { | ||
|  | 
 | ||
|  | 				transformAnimationData( keyframes, i, defaultMatrix.elements[ i ] ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return keyframes; | ||
|  | 
 | ||
|  | 			// array sort function
 | ||
|  | 
 | ||
|  | 			function ascending( a, b ) { | ||
|  | 
 | ||
|  | 				return a.time - b.time; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		const position = new Vector3(); | ||
|  | 		const scale = new Vector3(); | ||
|  | 		const quaternion = new Quaternion(); | ||
|  | 
 | ||
|  | 		function createKeyframeTracks( animation, tracks ) { | ||
|  | 
 | ||
|  | 			const keyframes = animation.keyframes; | ||
|  | 			const name = animation.name; | ||
|  | 
 | ||
|  | 			const times = []; | ||
|  | 			const positionData = []; | ||
|  | 			const quaternionData = []; | ||
|  | 			const scaleData = []; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = keyframes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const keyframe = keyframes[ i ]; | ||
|  | 
 | ||
|  | 				const time = keyframe.time; | ||
|  | 				const value = keyframe.value; | ||
|  | 
 | ||
|  | 				matrix.fromArray( value ).transpose(); | ||
|  | 				matrix.decompose( position, quaternion, scale ); | ||
|  | 
 | ||
|  | 				times.push( time ); | ||
|  | 				positionData.push( position.x, position.y, position.z ); | ||
|  | 				quaternionData.push( quaternion.x, quaternion.y, quaternion.z, quaternion.w ); | ||
|  | 				scaleData.push( scale.x, scale.y, scale.z ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			if ( positionData.length > 0 ) tracks.push( new VectorKeyframeTrack( name + '.position', times, positionData ) ); | ||
|  | 			if ( quaternionData.length > 0 ) tracks.push( new QuaternionKeyframeTrack( name + '.quaternion', times, quaternionData ) ); | ||
|  | 			if ( scaleData.length > 0 ) tracks.push( new VectorKeyframeTrack( name + '.scale', times, scaleData ) ); | ||
|  | 
 | ||
|  | 			return tracks; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function transformAnimationData( keyframes, property, defaultValue ) { | ||
|  | 
 | ||
|  | 			let keyframe; | ||
|  | 
 | ||
|  | 			let empty = true; | ||
|  | 			let i, l; | ||
|  | 
 | ||
|  | 			// check, if values of a property are missing in our keyframes
 | ||
|  | 
 | ||
|  | 			for ( i = 0, l = keyframes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				keyframe = keyframes[ i ]; | ||
|  | 
 | ||
|  | 				if ( keyframe.value[ property ] === undefined ) { | ||
|  | 
 | ||
|  | 					keyframe.value[ property ] = null; // mark as missing
 | ||
|  | 
 | ||
|  | 				} else { | ||
|  | 
 | ||
|  | 					empty = false; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			if ( empty === true ) { | ||
|  | 
 | ||
|  | 				// no values at all, so we set a default value
 | ||
|  | 
 | ||
|  | 				for ( i = 0, l = keyframes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 					keyframe = keyframes[ i ]; | ||
|  | 
 | ||
|  | 					keyframe.value[ property ] = defaultValue; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} else { | ||
|  | 
 | ||
|  | 				// filling gaps
 | ||
|  | 
 | ||
|  | 				createMissingKeyframes( keyframes, property ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function createMissingKeyframes( keyframes, property ) { | ||
|  | 
 | ||
|  | 			let prev, next; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = keyframes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const keyframe = keyframes[ i ]; | ||
|  | 
 | ||
|  | 				if ( keyframe.value[ property ] === null ) { | ||
|  | 
 | ||
|  | 					prev = getPrev( keyframes, i, property ); | ||
|  | 					next = getNext( keyframes, i, property ); | ||
|  | 
 | ||
|  | 					if ( prev === null ) { | ||
|  | 
 | ||
|  | 						keyframe.value[ property ] = next.value[ property ]; | ||
|  | 						continue; | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 					if ( next === null ) { | ||
|  | 
 | ||
|  | 						keyframe.value[ property ] = prev.value[ property ]; | ||
|  | 						continue; | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 					interpolate( keyframe, prev, next, property ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getPrev( keyframes, i, property ) { | ||
|  | 
 | ||
|  | 			while ( i >= 0 ) { | ||
|  | 
 | ||
|  | 				const keyframe = keyframes[ i ]; | ||
|  | 
 | ||
|  | 				if ( keyframe.value[ property ] !== null ) return keyframe; | ||
|  | 
 | ||
|  | 				i --; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return null; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getNext( keyframes, i, property ) { | ||
|  | 
 | ||
|  | 			while ( i < keyframes.length ) { | ||
|  | 
 | ||
|  | 				const keyframe = keyframes[ i ]; | ||
|  | 
 | ||
|  | 				if ( keyframe.value[ property ] !== null ) return keyframe; | ||
|  | 
 | ||
|  | 				i ++; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return null; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function interpolate( key, prev, next, property ) { | ||
|  | 
 | ||
|  | 			if ( ( next.time - prev.time ) === 0 ) { | ||
|  | 
 | ||
|  | 				key.value[ property ] = prev.value[ property ]; | ||
|  | 				return; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			key.value[ property ] = ( ( key.time - prev.time ) * ( next.value[ property ] - prev.value[ property ] ) / ( next.time - prev.time ) ) + prev.value[ property ]; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// animation clips
 | ||
|  | 
 | ||
|  | 		function parseAnimationClip( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				name: xml.getAttribute( 'id' ) || 'default', | ||
|  | 				start: parseFloat( xml.getAttribute( 'start' ) || 0 ), | ||
|  | 				end: parseFloat( xml.getAttribute( 'end' ) || 0 ), | ||
|  | 				animations: [] | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'instance_animation': | ||
|  | 						data.animations.push( parseId( child.getAttribute( 'url' ) ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			library.clips[ xml.getAttribute( 'id' ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildAnimationClip( data ) { | ||
|  | 
 | ||
|  | 			const tracks = []; | ||
|  | 
 | ||
|  | 			const name = data.name; | ||
|  | 			const duration = ( data.end - data.start ) || - 1; | ||
|  | 			const animations = data.animations; | ||
|  | 
 | ||
|  | 			for ( let i = 0, il = animations.length; i < il; i ++ ) { | ||
|  | 
 | ||
|  | 				const animationTracks = getAnimation( animations[ i ] ); | ||
|  | 
 | ||
|  | 				for ( let j = 0, jl = animationTracks.length; j < jl; j ++ ) { | ||
|  | 
 | ||
|  | 					tracks.push( animationTracks[ j ] ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return new AnimationClip( name, duration, tracks ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getAnimationClip( id ) { | ||
|  | 
 | ||
|  | 			return getBuild( library.clips[ id ], buildAnimationClip ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// controller
 | ||
|  | 
 | ||
|  | 		function parseController( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'skin': | ||
|  | 						// there is exactly one skin per controller
 | ||
|  | 						data.id = parseId( child.getAttribute( 'source' ) ); | ||
|  | 						data.skin = parseSkin( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'morph': | ||
|  | 						data.id = parseId( child.getAttribute( 'source' ) ); | ||
|  | 						console.warn( 'THREE.ColladaLoader: Morph target animation not supported yet.' ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			library.controllers[ xml.getAttribute( 'id' ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseSkin( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				sources: {} | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'bind_shape_matrix': | ||
|  | 						data.bindShapeMatrix = parseFloats( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'source': | ||
|  | 						const id = child.getAttribute( 'id' ); | ||
|  | 						data.sources[ id ] = parseSource( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'joints': | ||
|  | 						data.joints = parseJoints( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'vertex_weights': | ||
|  | 						data.vertexWeights = parseVertexWeights( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseJoints( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				inputs: {} | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'input': | ||
|  | 						const semantic = child.getAttribute( 'semantic' ); | ||
|  | 						const id = parseId( child.getAttribute( 'source' ) ); | ||
|  | 						data.inputs[ semantic ] = id; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseVertexWeights( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				inputs: {} | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'input': | ||
|  | 						const semantic = child.getAttribute( 'semantic' ); | ||
|  | 						const id = parseId( child.getAttribute( 'source' ) ); | ||
|  | 						const offset = parseInt( child.getAttribute( 'offset' ) ); | ||
|  | 						data.inputs[ semantic ] = { id: id, offset: offset }; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'vcount': | ||
|  | 						data.vcount = parseInts( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'v': | ||
|  | 						data.v = parseInts( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildController( data ) { | ||
|  | 
 | ||
|  | 			const build = { | ||
|  | 				id: data.id | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			const geometry = library.geometries[ build.id ]; | ||
|  | 
 | ||
|  | 			if ( data.skin !== undefined ) { | ||
|  | 
 | ||
|  | 				build.skin = buildSkin( data.skin ); | ||
|  | 
 | ||
|  | 				// we enhance the 'sources' property of the corresponding geometry with our skin data
 | ||
|  | 
 | ||
|  | 				geometry.sources.skinIndices = build.skin.indices; | ||
|  | 				geometry.sources.skinWeights = build.skin.weights; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return build; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildSkin( data ) { | ||
|  | 
 | ||
|  | 			const BONE_LIMIT = 4; | ||
|  | 
 | ||
|  | 			const build = { | ||
|  | 				joints: [], // this must be an array to preserve the joint order
 | ||
|  | 				indices: { | ||
|  | 					array: [], | ||
|  | 					stride: BONE_LIMIT | ||
|  | 				}, | ||
|  | 				weights: { | ||
|  | 					array: [], | ||
|  | 					stride: BONE_LIMIT | ||
|  | 				} | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			const sources = data.sources; | ||
|  | 			const vertexWeights = data.vertexWeights; | ||
|  | 
 | ||
|  | 			const vcount = vertexWeights.vcount; | ||
|  | 			const v = vertexWeights.v; | ||
|  | 			const jointOffset = vertexWeights.inputs.JOINT.offset; | ||
|  | 			const weightOffset = vertexWeights.inputs.WEIGHT.offset; | ||
|  | 
 | ||
|  | 			const jointSource = data.sources[ data.joints.inputs.JOINT ]; | ||
|  | 			const inverseSource = data.sources[ data.joints.inputs.INV_BIND_MATRIX ]; | ||
|  | 
 | ||
|  | 			const weights = sources[ vertexWeights.inputs.WEIGHT.id ].array; | ||
|  | 			let stride = 0; | ||
|  | 
 | ||
|  | 			let i, j, l; | ||
|  | 
 | ||
|  | 			// process skin data for each vertex
 | ||
|  | 
 | ||
|  | 			for ( i = 0, l = vcount.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const jointCount = vcount[ i ]; // this is the amount of joints that affect a single vertex
 | ||
|  | 				const vertexSkinData = []; | ||
|  | 
 | ||
|  | 				for ( j = 0; j < jointCount; j ++ ) { | ||
|  | 
 | ||
|  | 					const skinIndex = v[ stride + jointOffset ]; | ||
|  | 					const weightId = v[ stride + weightOffset ]; | ||
|  | 					const skinWeight = weights[ weightId ]; | ||
|  | 
 | ||
|  | 					vertexSkinData.push( { index: skinIndex, weight: skinWeight } ); | ||
|  | 
 | ||
|  | 					stride += 2; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				// we sort the joints in descending order based on the weights.
 | ||
|  | 				// this ensures, we only procced the most important joints of the vertex
 | ||
|  | 
 | ||
|  | 				vertexSkinData.sort( descending ); | ||
|  | 
 | ||
|  | 				// now we provide for each vertex a set of four index and weight values.
 | ||
|  | 				// the order of the skin data matches the order of vertices
 | ||
|  | 
 | ||
|  | 				for ( j = 0; j < BONE_LIMIT; j ++ ) { | ||
|  | 
 | ||
|  | 					const d = vertexSkinData[ j ]; | ||
|  | 
 | ||
|  | 					if ( d !== undefined ) { | ||
|  | 
 | ||
|  | 						build.indices.array.push( d.index ); | ||
|  | 						build.weights.array.push( d.weight ); | ||
|  | 
 | ||
|  | 					} else { | ||
|  | 
 | ||
|  | 						build.indices.array.push( 0 ); | ||
|  | 						build.weights.array.push( 0 ); | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// setup bind matrix
 | ||
|  | 
 | ||
|  | 			if ( data.bindShapeMatrix ) { | ||
|  | 
 | ||
|  | 				build.bindMatrix = new Matrix4().fromArray( data.bindShapeMatrix ).transpose(); | ||
|  | 
 | ||
|  | 			} else { | ||
|  | 
 | ||
|  | 				build.bindMatrix = new Matrix4().identity(); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// process bones and inverse bind matrix data
 | ||
|  | 
 | ||
|  | 			for ( i = 0, l = jointSource.array.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const name = jointSource.array[ i ]; | ||
|  | 				const boneInverse = new Matrix4().fromArray( inverseSource.array, i * inverseSource.stride ).transpose(); | ||
|  | 
 | ||
|  | 				build.joints.push( { name: name, boneInverse: boneInverse } ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return build; | ||
|  | 
 | ||
|  | 			// array sort function
 | ||
|  | 
 | ||
|  | 			function descending( a, b ) { | ||
|  | 
 | ||
|  | 				return b.weight - a.weight; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getController( id ) { | ||
|  | 
 | ||
|  | 			return getBuild( library.controllers[ id ], buildController ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// image
 | ||
|  | 
 | ||
|  | 		function parseImage( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				init_from: getElementsByTagName( xml, 'init_from' )[ 0 ].textContent | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			library.images[ xml.getAttribute( 'id' ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildImage( data ) { | ||
|  | 
 | ||
|  | 			if ( data.build !== undefined ) return data.build; | ||
|  | 
 | ||
|  | 			return data.init_from; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getImage( id ) { | ||
|  | 
 | ||
|  | 			const data = library.images[ id ]; | ||
|  | 
 | ||
|  | 			if ( data !== undefined ) { | ||
|  | 
 | ||
|  | 				return getBuild( data, buildImage ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			console.warn( 'THREE.ColladaLoader: Couldn\'t find image with ID:', id ); | ||
|  | 
 | ||
|  | 			return null; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// effect
 | ||
|  | 
 | ||
|  | 		function parseEffect( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'profile_COMMON': | ||
|  | 						data.profile = parseEffectProfileCOMMON( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			library.effects[ xml.getAttribute( 'id' ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectProfileCOMMON( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				surfaces: {}, | ||
|  | 				samplers: {} | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'newparam': | ||
|  | 						parseEffectNewparam( child, data ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'technique': | ||
|  | 						data.technique = parseEffectTechnique( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'extra': | ||
|  | 						data.extra = parseEffectExtra( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectNewparam( xml, data ) { | ||
|  | 
 | ||
|  | 			const sid = xml.getAttribute( 'sid' ); | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'surface': | ||
|  | 						data.surfaces[ sid ] = parseEffectSurface( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'sampler2D': | ||
|  | 						data.samplers[ sid ] = parseEffectSampler( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectSurface( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'init_from': | ||
|  | 						data.init_from = child.textContent; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectSampler( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'source': | ||
|  | 						data.source = child.textContent; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectTechnique( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'constant': | ||
|  | 					case 'lambert': | ||
|  | 					case 'blinn': | ||
|  | 					case 'phong': | ||
|  | 						data.type = child.nodeName; | ||
|  | 						data.parameters = parseEffectParameters( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'extra': | ||
|  | 						data.extra = parseEffectExtra( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectParameters( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'emission': | ||
|  | 					case 'diffuse': | ||
|  | 					case 'specular': | ||
|  | 					case 'bump': | ||
|  | 					case 'ambient': | ||
|  | 					case 'shininess': | ||
|  | 					case 'transparency': | ||
|  | 						data[ child.nodeName ] = parseEffectParameter( child ); | ||
|  | 						break; | ||
|  | 					case 'transparent': | ||
|  | 						data[ child.nodeName ] = { | ||
|  | 							opaque: child.hasAttribute( 'opaque' ) ? child.getAttribute( 'opaque' ) : 'A_ONE', | ||
|  | 							data: parseEffectParameter( child ) | ||
|  | 						}; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectParameter( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'color': | ||
|  | 						data[ child.nodeName ] = parseFloats( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'float': | ||
|  | 						data[ child.nodeName ] = parseFloat( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'texture': | ||
|  | 						data[ child.nodeName ] = { id: child.getAttribute( 'texture' ), extra: parseEffectParameterTexture( child ) }; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectParameterTexture( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				technique: {} | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'extra': | ||
|  | 						parseEffectParameterTextureExtra( child, data ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectParameterTextureExtra( xml, data ) { | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'technique': | ||
|  | 						parseEffectParameterTextureExtraTechnique( child, data ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectParameterTextureExtraTechnique( xml, data ) { | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'repeatU': | ||
|  | 					case 'repeatV': | ||
|  | 					case 'offsetU': | ||
|  | 					case 'offsetV': | ||
|  | 						data.technique[ child.nodeName ] = parseFloat( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'wrapU': | ||
|  | 					case 'wrapV': | ||
|  | 
 | ||
|  | 						// some files have values for wrapU/wrapV which become NaN via parseInt
 | ||
|  | 
 | ||
|  | 						if ( child.textContent.toUpperCase() === 'TRUE' ) { | ||
|  | 
 | ||
|  | 							data.technique[ child.nodeName ] = 1; | ||
|  | 
 | ||
|  | 						} else if ( child.textContent.toUpperCase() === 'FALSE' ) { | ||
|  | 
 | ||
|  | 							data.technique[ child.nodeName ] = 0; | ||
|  | 
 | ||
|  | 						} else { | ||
|  | 
 | ||
|  | 							data.technique[ child.nodeName ] = parseInt( child.textContent ); | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'bump': | ||
|  | 						data[ child.nodeName ] = parseEffectExtraTechniqueBump( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectExtra( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'technique': | ||
|  | 						data.technique = parseEffectExtraTechnique( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectExtraTechnique( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'double_sided': | ||
|  | 						data[ child.nodeName ] = parseInt( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'bump': | ||
|  | 						data[ child.nodeName ] = parseEffectExtraTechniqueBump( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseEffectExtraTechniqueBump( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'texture': | ||
|  | 						data[ child.nodeName ] = { id: child.getAttribute( 'texture' ), texcoord: child.getAttribute( 'texcoord' ), extra: parseEffectParameterTexture( child ) }; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildEffect( data ) { | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getEffect( id ) { | ||
|  | 
 | ||
|  | 			return getBuild( library.effects[ id ], buildEffect ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// material
 | ||
|  | 
 | ||
|  | 		function parseMaterial( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				name: xml.getAttribute( 'name' ) | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'instance_effect': | ||
|  | 						data.url = parseId( child.getAttribute( 'url' ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			library.materials[ xml.getAttribute( 'id' ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getTextureLoader( image ) { | ||
|  | 
 | ||
|  | 			let loader; | ||
|  | 
 | ||
|  | 			let extension = image.slice( ( image.lastIndexOf( '.' ) - 1 >>> 0 ) + 2 ); // http://www.jstips.co/en/javascript/get-file-extension/
 | ||
|  | 			extension = extension.toLowerCase(); | ||
|  | 
 | ||
|  | 			switch ( extension ) { | ||
|  | 
 | ||
|  | 				case 'tga': | ||
|  | 					loader = tgaLoader; | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				default: | ||
|  | 					loader = textureLoader; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return loader; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildMaterial( data ) { | ||
|  | 
 | ||
|  | 			const effect = getEffect( data.url ); | ||
|  | 			const technique = effect.profile.technique; | ||
|  | 
 | ||
|  | 			let material; | ||
|  | 
 | ||
|  | 			switch ( technique.type ) { | ||
|  | 
 | ||
|  | 				case 'phong': | ||
|  | 				case 'blinn': | ||
|  | 					material = new MeshPhongMaterial(); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				case 'lambert': | ||
|  | 					material = new MeshLambertMaterial(); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				default: | ||
|  | 					material = new MeshBasicMaterial(); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			material.name = data.name || ''; | ||
|  | 
 | ||
|  | 			function getTexture( textureObject, colorSpace = null ) { | ||
|  | 
 | ||
|  | 				const sampler = effect.profile.samplers[ textureObject.id ]; | ||
|  | 				let image = null; | ||
|  | 
 | ||
|  | 				// get image
 | ||
|  | 
 | ||
|  | 				if ( sampler !== undefined ) { | ||
|  | 
 | ||
|  | 					const surface = effect.profile.surfaces[ sampler.source ]; | ||
|  | 					image = getImage( surface.init_from ); | ||
|  | 
 | ||
|  | 				} else { | ||
|  | 
 | ||
|  | 					console.warn( 'THREE.ColladaLoader: Undefined sampler. Access image directly (see #12530).' ); | ||
|  | 					image = getImage( textureObject.id ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				// create texture if image is avaiable
 | ||
|  | 
 | ||
|  | 				if ( image !== null ) { | ||
|  | 
 | ||
|  | 					const loader = getTextureLoader( image ); | ||
|  | 
 | ||
|  | 					if ( loader !== undefined ) { | ||
|  | 
 | ||
|  | 						const texture = loader.load( image ); | ||
|  | 
 | ||
|  | 						const extra = textureObject.extra; | ||
|  | 
 | ||
|  | 						if ( extra !== undefined && extra.technique !== undefined && isEmpty( extra.technique ) === false ) { | ||
|  | 
 | ||
|  | 							const technique = extra.technique; | ||
|  | 
 | ||
|  | 							texture.wrapS = technique.wrapU ? RepeatWrapping : ClampToEdgeWrapping; | ||
|  | 							texture.wrapT = technique.wrapV ? RepeatWrapping : ClampToEdgeWrapping; | ||
|  | 
 | ||
|  | 							texture.offset.set( technique.offsetU || 0, technique.offsetV || 0 ); | ||
|  | 							texture.repeat.set( technique.repeatU || 1, technique.repeatV || 1 ); | ||
|  | 
 | ||
|  | 						} else { | ||
|  | 
 | ||
|  | 							texture.wrapS = RepeatWrapping; | ||
|  | 							texture.wrapT = RepeatWrapping; | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 						if ( colorSpace !== null ) { | ||
|  | 
 | ||
|  | 							texture.colorSpace = colorSpace; | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 						return texture; | ||
|  | 
 | ||
|  | 					} else { | ||
|  | 
 | ||
|  | 						console.warn( 'THREE.ColladaLoader: Loader for texture %s not found.', image ); | ||
|  | 
 | ||
|  | 						return null; | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 				} else { | ||
|  | 
 | ||
|  | 					console.warn( 'THREE.ColladaLoader: Couldn\'t create texture with ID:', textureObject.id ); | ||
|  | 
 | ||
|  | 					return null; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			const parameters = technique.parameters; | ||
|  | 
 | ||
|  | 			for ( const key in parameters ) { | ||
|  | 
 | ||
|  | 				const parameter = parameters[ key ]; | ||
|  | 
 | ||
|  | 				switch ( key ) { | ||
|  | 
 | ||
|  | 					case 'diffuse': | ||
|  | 						if ( parameter.color ) material.color.fromArray( parameter.color ); | ||
|  | 						if ( parameter.texture ) material.map = getTexture( parameter.texture, SRGBColorSpace ); | ||
|  | 						break; | ||
|  | 					case 'specular': | ||
|  | 						if ( parameter.color && material.specular ) material.specular.fromArray( parameter.color ); | ||
|  | 						if ( parameter.texture ) material.specularMap = getTexture( parameter.texture ); | ||
|  | 						break; | ||
|  | 					case 'bump': | ||
|  | 						if ( parameter.texture ) material.normalMap = getTexture( parameter.texture ); | ||
|  | 						break; | ||
|  | 					case 'ambient': | ||
|  | 						if ( parameter.texture ) material.lightMap = getTexture( parameter.texture, SRGBColorSpace ); | ||
|  | 						break; | ||
|  | 					case 'shininess': | ||
|  | 						if ( parameter.float && material.shininess ) material.shininess = parameter.float; | ||
|  | 						break; | ||
|  | 					case 'emission': | ||
|  | 						if ( parameter.color && material.emissive ) material.emissive.fromArray( parameter.color ); | ||
|  | 						if ( parameter.texture ) material.emissiveMap = getTexture( parameter.texture, SRGBColorSpace ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			material.color.convertSRGBToLinear(); | ||
|  | 			if ( material.specular ) material.specular.convertSRGBToLinear(); | ||
|  | 			if ( material.emissive ) material.emissive.convertSRGBToLinear(); | ||
|  | 
 | ||
|  | 			//
 | ||
|  | 
 | ||
|  | 			let transparent = parameters[ 'transparent' ]; | ||
|  | 			let transparency = parameters[ 'transparency' ]; | ||
|  | 
 | ||
|  | 			// <transparency> does not exist but <transparent>
 | ||
|  | 
 | ||
|  | 			if ( transparency === undefined && transparent ) { | ||
|  | 
 | ||
|  | 				transparency = { | ||
|  | 					float: 1 | ||
|  | 				}; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// <transparent> does not exist but <transparency>
 | ||
|  | 
 | ||
|  | 			if ( transparent === undefined && transparency ) { | ||
|  | 
 | ||
|  | 				transparent = { | ||
|  | 					opaque: 'A_ONE', | ||
|  | 					data: { | ||
|  | 						color: [ 1, 1, 1, 1 ] | ||
|  | 					} }; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			if ( transparent && transparency ) { | ||
|  | 
 | ||
|  | 				// handle case if a texture exists but no color
 | ||
|  | 
 | ||
|  | 				if ( transparent.data.texture ) { | ||
|  | 
 | ||
|  | 					// we do not set an alpha map (see #13792)
 | ||
|  | 
 | ||
|  | 					material.transparent = true; | ||
|  | 
 | ||
|  | 				} else { | ||
|  | 
 | ||
|  | 					const color = transparent.data.color; | ||
|  | 
 | ||
|  | 					switch ( transparent.opaque ) { | ||
|  | 
 | ||
|  | 						case 'A_ONE': | ||
|  | 							material.opacity = color[ 3 ] * transparency.float; | ||
|  | 							break; | ||
|  | 						case 'RGB_ZERO': | ||
|  | 							material.opacity = 1 - ( color[ 0 ] * transparency.float ); | ||
|  | 							break; | ||
|  | 						case 'A_ZERO': | ||
|  | 							material.opacity = 1 - ( color[ 3 ] * transparency.float ); | ||
|  | 							break; | ||
|  | 						case 'RGB_ONE': | ||
|  | 							material.opacity = color[ 0 ] * transparency.float; | ||
|  | 							break; | ||
|  | 						default: | ||
|  | 							console.warn( 'THREE.ColladaLoader: Invalid opaque type "%s" of transparent tag.', transparent.opaque ); | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 					if ( material.opacity < 1 ) material.transparent = true; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			//
 | ||
|  | 
 | ||
|  | 
 | ||
|  | 			if ( technique.extra !== undefined && technique.extra.technique !== undefined ) { | ||
|  | 
 | ||
|  | 				const techniques = technique.extra.technique; | ||
|  | 
 | ||
|  | 				for ( const k in techniques ) { | ||
|  | 
 | ||
|  | 					const v = techniques[ k ]; | ||
|  | 
 | ||
|  | 					switch ( k ) { | ||
|  | 
 | ||
|  | 						case 'double_sided': | ||
|  | 							material.side = ( v === 1 ? DoubleSide : FrontSide ); | ||
|  | 							break; | ||
|  | 
 | ||
|  | 						case 'bump': | ||
|  | 							material.normalMap = getTexture( v.texture ); | ||
|  | 							material.normalScale = new Vector2( 1, 1 ); | ||
|  | 							break; | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return material; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getMaterial( id ) { | ||
|  | 
 | ||
|  | 			return getBuild( library.materials[ id ], buildMaterial ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// camera
 | ||
|  | 
 | ||
|  | 		function parseCamera( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				name: xml.getAttribute( 'name' ) | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'optics': | ||
|  | 						data.optics = parseCameraOptics( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			library.cameras[ xml.getAttribute( 'id' ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseCameraOptics( xml ) { | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'technique_common': | ||
|  | 						return parseCameraTechnique( child ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return {}; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseCameraTechnique( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'perspective': | ||
|  | 					case 'orthographic': | ||
|  | 
 | ||
|  | 						data.technique = child.nodeName; | ||
|  | 						data.parameters = parseCameraParameters( child ); | ||
|  | 
 | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseCameraParameters( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'xfov': | ||
|  | 					case 'yfov': | ||
|  | 					case 'xmag': | ||
|  | 					case 'ymag': | ||
|  | 					case 'znear': | ||
|  | 					case 'zfar': | ||
|  | 					case 'aspect_ratio': | ||
|  | 						data[ child.nodeName ] = parseFloat( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildCamera( data ) { | ||
|  | 
 | ||
|  | 			let camera; | ||
|  | 
 | ||
|  | 			switch ( data.optics.technique ) { | ||
|  | 
 | ||
|  | 				case 'perspective': | ||
|  | 					camera = new PerspectiveCamera( | ||
|  | 						data.optics.parameters.yfov, | ||
|  | 						data.optics.parameters.aspect_ratio, | ||
|  | 						data.optics.parameters.znear, | ||
|  | 						data.optics.parameters.zfar | ||
|  | 					); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				case 'orthographic': | ||
|  | 					let ymag = data.optics.parameters.ymag; | ||
|  | 					let xmag = data.optics.parameters.xmag; | ||
|  | 					const aspectRatio = data.optics.parameters.aspect_ratio; | ||
|  | 
 | ||
|  | 					xmag = ( xmag === undefined ) ? ( ymag * aspectRatio ) : xmag; | ||
|  | 					ymag = ( ymag === undefined ) ? ( xmag / aspectRatio ) : ymag; | ||
|  | 
 | ||
|  | 					xmag *= 0.5; | ||
|  | 					ymag *= 0.5; | ||
|  | 
 | ||
|  | 					camera = new OrthographicCamera( | ||
|  | 						- xmag, xmag, ymag, - ymag, // left, right, top, bottom
 | ||
|  | 						data.optics.parameters.znear, | ||
|  | 						data.optics.parameters.zfar | ||
|  | 					); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				default: | ||
|  | 					camera = new PerspectiveCamera(); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			camera.name = data.name || ''; | ||
|  | 
 | ||
|  | 			return camera; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getCamera( id ) { | ||
|  | 
 | ||
|  | 			const data = library.cameras[ id ]; | ||
|  | 
 | ||
|  | 			if ( data !== undefined ) { | ||
|  | 
 | ||
|  | 				return getBuild( data, buildCamera ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			console.warn( 'THREE.ColladaLoader: Couldn\'t find camera with ID:', id ); | ||
|  | 
 | ||
|  | 			return null; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// light
 | ||
|  | 
 | ||
|  | 		function parseLight( xml ) { | ||
|  | 
 | ||
|  | 			let data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'technique_common': | ||
|  | 						data = parseLightTechnique( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			library.lights[ xml.getAttribute( 'id' ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseLightTechnique( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'directional': | ||
|  | 					case 'point': | ||
|  | 					case 'spot': | ||
|  | 					case 'ambient': | ||
|  | 
 | ||
|  | 						data.technique = child.nodeName; | ||
|  | 						data.parameters = parseLightParameters( child ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseLightParameters( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'color': | ||
|  | 						const array = parseFloats( child.textContent ); | ||
|  | 						data.color = new Color().fromArray( array ).convertSRGBToLinear(); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'falloff_angle': | ||
|  | 						data.falloffAngle = parseFloat( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'quadratic_attenuation': | ||
|  | 						const f = parseFloat( child.textContent ); | ||
|  | 						data.distance = f ? Math.sqrt( 1 / f ) : 0; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildLight( data ) { | ||
|  | 
 | ||
|  | 			let light; | ||
|  | 
 | ||
|  | 			switch ( data.technique ) { | ||
|  | 
 | ||
|  | 				case 'directional': | ||
|  | 					light = new DirectionalLight(); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				case 'point': | ||
|  | 					light = new PointLight(); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				case 'spot': | ||
|  | 					light = new SpotLight(); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				case 'ambient': | ||
|  | 					light = new AmbientLight(); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			if ( data.parameters.color ) light.color.copy( data.parameters.color ); | ||
|  | 			if ( data.parameters.distance ) light.distance = data.parameters.distance; | ||
|  | 
 | ||
|  | 			return light; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getLight( id ) { | ||
|  | 
 | ||
|  | 			const data = library.lights[ id ]; | ||
|  | 
 | ||
|  | 			if ( data !== undefined ) { | ||
|  | 
 | ||
|  | 				return getBuild( data, buildLight ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			console.warn( 'THREE.ColladaLoader: Couldn\'t find light with ID:', id ); | ||
|  | 
 | ||
|  | 			return null; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// geometry
 | ||
|  | 
 | ||
|  | 		function parseGeometry( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				name: xml.getAttribute( 'name' ), | ||
|  | 				sources: {}, | ||
|  | 				vertices: {}, | ||
|  | 				primitives: [] | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			const mesh = getElementsByTagName( xml, 'mesh' )[ 0 ]; | ||
|  | 
 | ||
|  | 			// the following tags inside geometry are not supported yet (see https://github.com/mrdoob/three.js/pull/12606): convex_mesh, spline, brep
 | ||
|  | 			if ( mesh === undefined ) return; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < mesh.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = mesh.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				const id = child.getAttribute( 'id' ); | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'source': | ||
|  | 						data.sources[ id ] = parseSource( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'vertices': | ||
|  | 						// data.sources[ id ] = data.sources[ parseId( getElementsByTagName( child, 'input' )[ 0 ].getAttribute( 'source' ) ) ];
 | ||
|  | 						data.vertices = parseGeometryVertices( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'polygons': | ||
|  | 						console.warn( 'THREE.ColladaLoader: Unsupported primitive type: ', child.nodeName ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'lines': | ||
|  | 					case 'linestrips': | ||
|  | 					case 'polylist': | ||
|  | 					case 'triangles': | ||
|  | 						data.primitives.push( parseGeometryPrimitive( child ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					default: | ||
|  | 						console.log( child ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			library.geometries[ xml.getAttribute( 'id' ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseSource( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				array: [], | ||
|  | 				stride: 3 | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'float_array': | ||
|  | 						data.array = parseFloats( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'Name_array': | ||
|  | 						data.array = parseStrings( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'technique_common': | ||
|  | 						const accessor = getElementsByTagName( child, 'accessor' )[ 0 ]; | ||
|  | 
 | ||
|  | 						if ( accessor !== undefined ) { | ||
|  | 
 | ||
|  | 							data.stride = parseInt( accessor.getAttribute( 'stride' ) ); | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseGeometryVertices( xml ) { | ||
|  | 
 | ||
|  | 			const data = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				data[ child.getAttribute( 'semantic' ) ] = parseId( child.getAttribute( 'source' ) ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseGeometryPrimitive( xml ) { | ||
|  | 
 | ||
|  | 			const primitive = { | ||
|  | 				type: xml.nodeName, | ||
|  | 				material: xml.getAttribute( 'material' ), | ||
|  | 				count: parseInt( xml.getAttribute( 'count' ) ), | ||
|  | 				inputs: {}, | ||
|  | 				stride: 0, | ||
|  | 				hasUV: false | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = xml.childNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'input': | ||
|  | 						const id = parseId( child.getAttribute( 'source' ) ); | ||
|  | 						const semantic = child.getAttribute( 'semantic' ); | ||
|  | 						const offset = parseInt( child.getAttribute( 'offset' ) ); | ||
|  | 						const set = parseInt( child.getAttribute( 'set' ) ); | ||
|  | 						const inputname = ( set > 0 ? semantic + set : semantic ); | ||
|  | 						primitive.inputs[ inputname ] = { id: id, offset: offset }; | ||
|  | 						primitive.stride = Math.max( primitive.stride, offset + 1 ); | ||
|  | 						if ( semantic === 'TEXCOORD' ) primitive.hasUV = true; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'vcount': | ||
|  | 						primitive.vcount = parseInts( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'p': | ||
|  | 						primitive.p = parseInts( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return primitive; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function groupPrimitives( primitives ) { | ||
|  | 
 | ||
|  | 			const build = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < primitives.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const primitive = primitives[ i ]; | ||
|  | 
 | ||
|  | 				if ( build[ primitive.type ] === undefined ) build[ primitive.type ] = []; | ||
|  | 
 | ||
|  | 				build[ primitive.type ].push( primitive ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return build; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function checkUVCoordinates( primitives ) { | ||
|  | 
 | ||
|  | 			let count = 0; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = primitives.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const primitive = primitives[ i ]; | ||
|  | 
 | ||
|  | 				if ( primitive.hasUV === true ) { | ||
|  | 
 | ||
|  | 					count ++; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			if ( count > 0 && count < primitives.length ) { | ||
|  | 
 | ||
|  | 				primitives.uvsNeedsFix = true; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildGeometry( data ) { | ||
|  | 
 | ||
|  | 			const build = {}; | ||
|  | 
 | ||
|  | 			const sources = data.sources; | ||
|  | 			const vertices = data.vertices; | ||
|  | 			const primitives = data.primitives; | ||
|  | 
 | ||
|  | 			if ( primitives.length === 0 ) return {}; | ||
|  | 
 | ||
|  | 			// our goal is to create one buffer geometry for a single type of primitives
 | ||
|  | 			// first, we group all primitives by their type
 | ||
|  | 
 | ||
|  | 			const groupedPrimitives = groupPrimitives( primitives ); | ||
|  | 
 | ||
|  | 			for ( const type in groupedPrimitives ) { | ||
|  | 
 | ||
|  | 				const primitiveType = groupedPrimitives[ type ]; | ||
|  | 
 | ||
|  | 				// second, ensure consistent uv coordinates for each type of primitives (polylist,triangles or lines)
 | ||
|  | 
 | ||
|  | 				checkUVCoordinates( primitiveType ); | ||
|  | 
 | ||
|  | 				// third, create a buffer geometry for each type of primitives
 | ||
|  | 
 | ||
|  | 				build[ type ] = buildGeometryType( primitiveType, sources, vertices ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return build; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildGeometryType( primitives, sources, vertices ) { | ||
|  | 
 | ||
|  | 			const build = {}; | ||
|  | 
 | ||
|  | 			const position = { array: [], stride: 0 }; | ||
|  | 			const normal = { array: [], stride: 0 }; | ||
|  | 			const uv = { array: [], stride: 0 }; | ||
|  | 			const uv1 = { array: [], stride: 0 }; | ||
|  | 			const color = { array: [], stride: 0 }; | ||
|  | 
 | ||
|  | 			const skinIndex = { array: [], stride: 4 }; | ||
|  | 			const skinWeight = { array: [], stride: 4 }; | ||
|  | 
 | ||
|  | 			const geometry = new BufferGeometry(); | ||
|  | 
 | ||
|  | 			const materialKeys = []; | ||
|  | 
 | ||
|  | 			let start = 0; | ||
|  | 
 | ||
|  | 			for ( let p = 0; p < primitives.length; p ++ ) { | ||
|  | 
 | ||
|  | 				const primitive = primitives[ p ]; | ||
|  | 				const inputs = primitive.inputs; | ||
|  | 
 | ||
|  | 				// groups
 | ||
|  | 
 | ||
|  | 				let count = 0; | ||
|  | 
 | ||
|  | 				switch ( primitive.type ) { | ||
|  | 
 | ||
|  | 					case 'lines': | ||
|  | 					case 'linestrips': | ||
|  | 						count = primitive.count * 2; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'triangles': | ||
|  | 						count = primitive.count * 3; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'polylist': | ||
|  | 
 | ||
|  | 						for ( let g = 0; g < primitive.count; g ++ ) { | ||
|  | 
 | ||
|  | 							const vc = primitive.vcount[ g ]; | ||
|  | 
 | ||
|  | 							switch ( vc ) { | ||
|  | 
 | ||
|  | 								case 3: | ||
|  | 									count += 3; // single triangle
 | ||
|  | 									break; | ||
|  | 
 | ||
|  | 								case 4: | ||
|  | 									count += 6; // quad, subdivided into two triangles
 | ||
|  | 									break; | ||
|  | 
 | ||
|  | 								default: | ||
|  | 									count += ( vc - 2 ) * 3; // polylist with more than four vertices
 | ||
|  | 									break; | ||
|  | 
 | ||
|  | 							} | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					default: | ||
|  | 						console.warn( 'THREE.ColladaLoader: Unknow primitive type:', primitive.type ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				geometry.addGroup( start, count, p ); | ||
|  | 				start += count; | ||
|  | 
 | ||
|  | 				// material
 | ||
|  | 
 | ||
|  | 				if ( primitive.material ) { | ||
|  | 
 | ||
|  | 					materialKeys.push( primitive.material ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				// geometry data
 | ||
|  | 
 | ||
|  | 				for ( const name in inputs ) { | ||
|  | 
 | ||
|  | 					const input = inputs[ name ]; | ||
|  | 
 | ||
|  | 					switch ( name )	{ | ||
|  | 
 | ||
|  | 						case 'VERTEX': | ||
|  | 							for ( const key in vertices ) { | ||
|  | 
 | ||
|  | 								const id = vertices[ key ]; | ||
|  | 
 | ||
|  | 								switch ( key ) { | ||
|  | 
 | ||
|  | 									case 'POSITION': | ||
|  | 										const prevLength = position.array.length; | ||
|  | 										buildGeometryData( primitive, sources[ id ], input.offset, position.array ); | ||
|  | 										position.stride = sources[ id ].stride; | ||
|  | 
 | ||
|  | 										if ( sources.skinWeights && sources.skinIndices ) { | ||
|  | 
 | ||
|  | 											buildGeometryData( primitive, sources.skinIndices, input.offset, skinIndex.array ); | ||
|  | 											buildGeometryData( primitive, sources.skinWeights, input.offset, skinWeight.array ); | ||
|  | 
 | ||
|  | 										} | ||
|  | 
 | ||
|  | 										// see #3803
 | ||
|  | 
 | ||
|  | 										if ( primitive.hasUV === false && primitives.uvsNeedsFix === true ) { | ||
|  | 
 | ||
|  | 											const count = ( position.array.length - prevLength ) / position.stride; | ||
|  | 
 | ||
|  | 											for ( let i = 0; i < count; i ++ ) { | ||
|  | 
 | ||
|  | 												// fill missing uv coordinates
 | ||
|  | 
 | ||
|  | 												uv.array.push( 0, 0 ); | ||
|  | 
 | ||
|  | 											} | ||
|  | 
 | ||
|  | 										} | ||
|  | 
 | ||
|  | 										break; | ||
|  | 
 | ||
|  | 									case 'NORMAL': | ||
|  | 										buildGeometryData( primitive, sources[ id ], input.offset, normal.array ); | ||
|  | 										normal.stride = sources[ id ].stride; | ||
|  | 										break; | ||
|  | 
 | ||
|  | 									case 'COLOR': | ||
|  | 										buildGeometryData( primitive, sources[ id ], input.offset, color.array ); | ||
|  | 										color.stride = sources[ id ].stride; | ||
|  | 										break; | ||
|  | 
 | ||
|  | 									case 'TEXCOORD': | ||
|  | 										buildGeometryData( primitive, sources[ id ], input.offset, uv.array ); | ||
|  | 										uv.stride = sources[ id ].stride; | ||
|  | 										break; | ||
|  | 
 | ||
|  | 									case 'TEXCOORD1': | ||
|  | 										buildGeometryData( primitive, sources[ id ], input.offset, uv1.array ); | ||
|  | 										uv.stride = sources[ id ].stride; | ||
|  | 										break; | ||
|  | 
 | ||
|  | 									default: | ||
|  | 										console.warn( 'THREE.ColladaLoader: Semantic "%s" not handled in geometry build process.', key ); | ||
|  | 
 | ||
|  | 								} | ||
|  | 
 | ||
|  | 							} | ||
|  | 
 | ||
|  | 							break; | ||
|  | 
 | ||
|  | 						case 'NORMAL': | ||
|  | 							buildGeometryData( primitive, sources[ input.id ], input.offset, normal.array ); | ||
|  | 							normal.stride = sources[ input.id ].stride; | ||
|  | 							break; | ||
|  | 
 | ||
|  | 						case 'COLOR': | ||
|  | 							buildGeometryData( primitive, sources[ input.id ], input.offset, color.array, true ); | ||
|  | 							color.stride = sources[ input.id ].stride; | ||
|  | 							break; | ||
|  | 
 | ||
|  | 						case 'TEXCOORD': | ||
|  | 							buildGeometryData( primitive, sources[ input.id ], input.offset, uv.array ); | ||
|  | 							uv.stride = sources[ input.id ].stride; | ||
|  | 							break; | ||
|  | 
 | ||
|  | 						case 'TEXCOORD1': | ||
|  | 							buildGeometryData( primitive, sources[ input.id ], input.offset, uv1.array ); | ||
|  | 							uv1.stride = sources[ input.id ].stride; | ||
|  | 							break; | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// build geometry
 | ||
|  | 
 | ||
|  | 			if ( position.array.length > 0 ) geometry.setAttribute( 'position', new Float32BufferAttribute( position.array, position.stride ) ); | ||
|  | 			if ( normal.array.length > 0 ) geometry.setAttribute( 'normal', new Float32BufferAttribute( normal.array, normal.stride ) ); | ||
|  | 			if ( color.array.length > 0 ) geometry.setAttribute( 'color', new Float32BufferAttribute( color.array, color.stride ) ); | ||
|  | 			if ( uv.array.length > 0 ) geometry.setAttribute( 'uv', new Float32BufferAttribute( uv.array, uv.stride ) ); | ||
|  | 			if ( uv1.array.length > 0 ) geometry.setAttribute( 'uv1', new Float32BufferAttribute( uv1.array, uv1.stride ) ); | ||
|  | 
 | ||
|  | 			if ( skinIndex.array.length > 0 ) geometry.setAttribute( 'skinIndex', new Float32BufferAttribute( skinIndex.array, skinIndex.stride ) ); | ||
|  | 			if ( skinWeight.array.length > 0 ) geometry.setAttribute( 'skinWeight', new Float32BufferAttribute( skinWeight.array, skinWeight.stride ) ); | ||
|  | 
 | ||
|  | 			build.data = geometry; | ||
|  | 			build.type = primitives[ 0 ].type; | ||
|  | 			build.materialKeys = materialKeys; | ||
|  | 
 | ||
|  | 			return build; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildGeometryData( primitive, source, offset, array, isColor = false ) { | ||
|  | 
 | ||
|  | 			const indices = primitive.p; | ||
|  | 			const stride = primitive.stride; | ||
|  | 			const vcount = primitive.vcount; | ||
|  | 
 | ||
|  | 			function pushVector( i ) { | ||
|  | 
 | ||
|  | 				let index = indices[ i + offset ] * sourceStride; | ||
|  | 				const length = index + sourceStride; | ||
|  | 
 | ||
|  | 				for ( ; index < length; index ++ ) { | ||
|  | 
 | ||
|  | 					array.push( sourceArray[ index ] ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				if ( isColor ) { | ||
|  | 
 | ||
|  | 					// convert the vertex colors from srgb to linear if present
 | ||
|  | 					const startIndex = array.length - sourceStride - 1; | ||
|  | 					tempColor.setRGB( | ||
|  | 						array[ startIndex + 0 ], | ||
|  | 						array[ startIndex + 1 ], | ||
|  | 						array[ startIndex + 2 ] | ||
|  | 					).convertSRGBToLinear(); | ||
|  | 
 | ||
|  | 					array[ startIndex + 0 ] = tempColor.r; | ||
|  | 					array[ startIndex + 1 ] = tempColor.g; | ||
|  | 					array[ startIndex + 2 ] = tempColor.b; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			const sourceArray = source.array; | ||
|  | 			const sourceStride = source.stride; | ||
|  | 
 | ||
|  | 			if ( primitive.vcount !== undefined ) { | ||
|  | 
 | ||
|  | 				let index = 0; | ||
|  | 
 | ||
|  | 				for ( let i = 0, l = vcount.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 					const count = vcount[ i ]; | ||
|  | 
 | ||
|  | 					if ( count === 4 ) { | ||
|  | 
 | ||
|  | 						const a = index + stride * 0; | ||
|  | 						const b = index + stride * 1; | ||
|  | 						const c = index + stride * 2; | ||
|  | 						const d = index + stride * 3; | ||
|  | 
 | ||
|  | 						pushVector( a ); pushVector( b ); pushVector( d ); | ||
|  | 						pushVector( b ); pushVector( c ); pushVector( d ); | ||
|  | 
 | ||
|  | 					} else if ( count === 3 ) { | ||
|  | 
 | ||
|  | 						const a = index + stride * 0; | ||
|  | 						const b = index + stride * 1; | ||
|  | 						const c = index + stride * 2; | ||
|  | 
 | ||
|  | 						pushVector( a ); pushVector( b ); pushVector( c ); | ||
|  | 
 | ||
|  | 					} else if ( count > 4 ) { | ||
|  | 
 | ||
|  | 						for ( let k = 1, kl = ( count - 2 ); k <= kl; k ++ ) { | ||
|  | 
 | ||
|  | 							const a = index + stride * 0; | ||
|  | 							const b = index + stride * k; | ||
|  | 							const c = index + stride * ( k + 1 ); | ||
|  | 
 | ||
|  | 							pushVector( a ); pushVector( b ); pushVector( c ); | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 					index += stride * count; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} else { | ||
|  | 
 | ||
|  | 				for ( let i = 0, l = indices.length; i < l; i += stride ) { | ||
|  | 
 | ||
|  | 					pushVector( i ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getGeometry( id ) { | ||
|  | 
 | ||
|  | 			return getBuild( library.geometries[ id ], buildGeometry ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// kinematics
 | ||
|  | 
 | ||
|  | 		function parseKinematicsModel( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				name: xml.getAttribute( 'name' ) || '', | ||
|  | 				joints: {}, | ||
|  | 				links: [] | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'technique_common': | ||
|  | 						parseKinematicsTechniqueCommon( child, data ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			library.kinematicsModels[ xml.getAttribute( 'id' ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildKinematicsModel( data ) { | ||
|  | 
 | ||
|  | 			if ( data.build !== undefined ) return data.build; | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getKinematicsModel( id ) { | ||
|  | 
 | ||
|  | 			return getBuild( library.kinematicsModels[ id ], buildKinematicsModel ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseKinematicsTechniqueCommon( xml, data ) { | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'joint': | ||
|  | 						data.joints[ child.getAttribute( 'sid' ) ] = parseKinematicsJoint( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'link': | ||
|  | 						data.links.push( parseKinematicsLink( child ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseKinematicsJoint( xml ) { | ||
|  | 
 | ||
|  | 			let data; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'prismatic': | ||
|  | 					case 'revolute': | ||
|  | 						data = parseKinematicsJointParameter( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseKinematicsJointParameter( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				sid: xml.getAttribute( 'sid' ), | ||
|  | 				name: xml.getAttribute( 'name' ) || '', | ||
|  | 				axis: new Vector3(), | ||
|  | 				limits: { | ||
|  | 					min: 0, | ||
|  | 					max: 0 | ||
|  | 				}, | ||
|  | 				type: xml.nodeName, | ||
|  | 				static: false, | ||
|  | 				zeroPosition: 0, | ||
|  | 				middlePosition: 0 | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'axis': | ||
|  | 						const array = parseFloats( child.textContent ); | ||
|  | 						data.axis.fromArray( array ); | ||
|  | 						break; | ||
|  | 					case 'limits': | ||
|  | 						const max = child.getElementsByTagName( 'max' )[ 0 ]; | ||
|  | 						const min = child.getElementsByTagName( 'min' )[ 0 ]; | ||
|  | 
 | ||
|  | 						data.limits.max = parseFloat( max.textContent ); | ||
|  | 						data.limits.min = parseFloat( min.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// if min is equal to or greater than max, consider the joint static
 | ||
|  | 
 | ||
|  | 			if ( data.limits.min >= data.limits.max ) { | ||
|  | 
 | ||
|  | 				data.static = true; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// calculate middle position
 | ||
|  | 
 | ||
|  | 			data.middlePosition = ( data.limits.min + data.limits.max ) / 2.0; | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseKinematicsLink( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				sid: xml.getAttribute( 'sid' ), | ||
|  | 				name: xml.getAttribute( 'name' ) || '', | ||
|  | 				attachments: [], | ||
|  | 				transforms: [] | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'attachment_full': | ||
|  | 						data.attachments.push( parseKinematicsAttachment( child ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'matrix': | ||
|  | 					case 'translate': | ||
|  | 					case 'rotate': | ||
|  | 						data.transforms.push( parseKinematicsTransform( child ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseKinematicsAttachment( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				joint: xml.getAttribute( 'joint' ).split( '/' ).pop(), | ||
|  | 				transforms: [], | ||
|  | 				links: [] | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'link': | ||
|  | 						data.links.push( parseKinematicsLink( child ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'matrix': | ||
|  | 					case 'translate': | ||
|  | 					case 'rotate': | ||
|  | 						data.transforms.push( parseKinematicsTransform( child ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseKinematicsTransform( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				type: xml.nodeName | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			const array = parseFloats( xml.textContent ); | ||
|  | 
 | ||
|  | 			switch ( data.type ) { | ||
|  | 
 | ||
|  | 				case 'matrix': | ||
|  | 					data.obj = new Matrix4(); | ||
|  | 					data.obj.fromArray( array ).transpose(); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				case 'translate': | ||
|  | 					data.obj = new Vector3(); | ||
|  | 					data.obj.fromArray( array ); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 				case 'rotate': | ||
|  | 					data.obj = new Vector3(); | ||
|  | 					data.obj.fromArray( array ); | ||
|  | 					data.angle = MathUtils.degToRad( array[ 3 ] ); | ||
|  | 					break; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// physics
 | ||
|  | 
 | ||
|  | 		function parsePhysicsModel( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				name: xml.getAttribute( 'name' ) || '', | ||
|  | 				rigidBodies: {} | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'rigid_body': | ||
|  | 						data.rigidBodies[ child.getAttribute( 'name' ) ] = {}; | ||
|  | 						parsePhysicsRigidBody( child, data.rigidBodies[ child.getAttribute( 'name' ) ] ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			library.physicsModels[ xml.getAttribute( 'id' ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parsePhysicsRigidBody( xml, data ) { | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'technique_common': | ||
|  | 						parsePhysicsTechniqueCommon( child, data ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parsePhysicsTechniqueCommon( xml, data ) { | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'inertia': | ||
|  | 						data.inertia = parseFloats( child.textContent ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'mass': | ||
|  | 						data.mass = parseFloats( child.textContent )[ 0 ]; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// scene
 | ||
|  | 
 | ||
|  | 		function parseKinematicsScene( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				bindJointAxis: [] | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'bind_joint_axis': | ||
|  | 						data.bindJointAxis.push( parseKinematicsBindJointAxis( child ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			library.kinematicsScenes[ parseId( xml.getAttribute( 'url' ) ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseKinematicsBindJointAxis( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				target: xml.getAttribute( 'target' ).split( '/' ).pop() | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'axis': | ||
|  | 						const param = child.getElementsByTagName( 'param' )[ 0 ]; | ||
|  | 						data.axis = param.textContent; | ||
|  | 						const tmpJointIndex = data.axis.split( 'inst_' ).pop().split( 'axis' )[ 0 ]; | ||
|  | 						data.jointIndex = tmpJointIndex.substring( 0, tmpJointIndex.length - 1 ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildKinematicsScene( data ) { | ||
|  | 
 | ||
|  | 			if ( data.build !== undefined ) return data.build; | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getKinematicsScene( id ) { | ||
|  | 
 | ||
|  | 			return getBuild( library.kinematicsScenes[ id ], buildKinematicsScene ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function setupKinematics() { | ||
|  | 
 | ||
|  | 			const kinematicsModelId = Object.keys( library.kinematicsModels )[ 0 ]; | ||
|  | 			const kinematicsSceneId = Object.keys( library.kinematicsScenes )[ 0 ]; | ||
|  | 			const visualSceneId = Object.keys( library.visualScenes )[ 0 ]; | ||
|  | 
 | ||
|  | 			if ( kinematicsModelId === undefined || kinematicsSceneId === undefined ) return; | ||
|  | 
 | ||
|  | 			const kinematicsModel = getKinematicsModel( kinematicsModelId ); | ||
|  | 			const kinematicsScene = getKinematicsScene( kinematicsSceneId ); | ||
|  | 			const visualScene = getVisualScene( visualSceneId ); | ||
|  | 
 | ||
|  | 			const bindJointAxis = kinematicsScene.bindJointAxis; | ||
|  | 			const jointMap = {}; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = bindJointAxis.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const axis = bindJointAxis[ i ]; | ||
|  | 
 | ||
|  | 				// the result of the following query is an element of type 'translate', 'rotate','scale' or 'matrix'
 | ||
|  | 
 | ||
|  | 				const targetElement = collada.querySelector( '[sid="' + axis.target + '"]' ); | ||
|  | 
 | ||
|  | 				if ( targetElement ) { | ||
|  | 
 | ||
|  | 					// get the parent of the transform element
 | ||
|  | 
 | ||
|  | 					const parentVisualElement = targetElement.parentElement; | ||
|  | 
 | ||
|  | 					// connect the joint of the kinematics model with the element in the visual scene
 | ||
|  | 
 | ||
|  | 					connect( axis.jointIndex, parentVisualElement ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			function connect( jointIndex, visualElement ) { | ||
|  | 
 | ||
|  | 				const visualElementName = visualElement.getAttribute( 'name' ); | ||
|  | 				const joint = kinematicsModel.joints[ jointIndex ]; | ||
|  | 
 | ||
|  | 				visualScene.traverse( function ( object ) { | ||
|  | 
 | ||
|  | 					if ( object.name === visualElementName ) { | ||
|  | 
 | ||
|  | 						jointMap[ jointIndex ] = { | ||
|  | 							object: object, | ||
|  | 							transforms: buildTransformList( visualElement ), | ||
|  | 							joint: joint, | ||
|  | 							position: joint.zeroPosition | ||
|  | 						}; | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 				} ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			const m0 = new Matrix4(); | ||
|  | 
 | ||
|  | 			kinematics = { | ||
|  | 
 | ||
|  | 				joints: kinematicsModel && kinematicsModel.joints, | ||
|  | 
 | ||
|  | 				getJointValue: function ( jointIndex ) { | ||
|  | 
 | ||
|  | 					const jointData = jointMap[ jointIndex ]; | ||
|  | 
 | ||
|  | 					if ( jointData ) { | ||
|  | 
 | ||
|  | 						return jointData.position; | ||
|  | 
 | ||
|  | 					} else { | ||
|  | 
 | ||
|  | 						console.warn( 'THREE.ColladaLoader: Joint ' + jointIndex + ' doesn\'t exist.' ); | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 				}, | ||
|  | 
 | ||
|  | 				setJointValue: function ( jointIndex, value ) { | ||
|  | 
 | ||
|  | 					const jointData = jointMap[ jointIndex ]; | ||
|  | 
 | ||
|  | 					if ( jointData ) { | ||
|  | 
 | ||
|  | 						const joint = jointData.joint; | ||
|  | 
 | ||
|  | 						if ( value > joint.limits.max || value < joint.limits.min ) { | ||
|  | 
 | ||
|  | 							console.warn( 'THREE.ColladaLoader: Joint ' + jointIndex + ' value ' + value + ' outside of limits (min: ' + joint.limits.min + ', max: ' + joint.limits.max + ').' ); | ||
|  | 
 | ||
|  | 						} else if ( joint.static ) { | ||
|  | 
 | ||
|  | 							console.warn( 'THREE.ColladaLoader: Joint ' + jointIndex + ' is static.' ); | ||
|  | 
 | ||
|  | 						} else { | ||
|  | 
 | ||
|  | 							const object = jointData.object; | ||
|  | 							const axis = joint.axis; | ||
|  | 							const transforms = jointData.transforms; | ||
|  | 
 | ||
|  | 							matrix.identity(); | ||
|  | 
 | ||
|  | 							// each update, we have to apply all transforms in the correct order
 | ||
|  | 
 | ||
|  | 							for ( let i = 0; i < transforms.length; i ++ ) { | ||
|  | 
 | ||
|  | 								const transform = transforms[ i ]; | ||
|  | 
 | ||
|  | 								// if there is a connection of the transform node with a joint, apply the joint value
 | ||
|  | 
 | ||
|  | 								if ( transform.sid && transform.sid.indexOf( jointIndex ) !== - 1 ) { | ||
|  | 
 | ||
|  | 									switch ( joint.type ) { | ||
|  | 
 | ||
|  | 										case 'revolute': | ||
|  | 											matrix.multiply( m0.makeRotationAxis( axis, MathUtils.degToRad( value ) ) ); | ||
|  | 											break; | ||
|  | 
 | ||
|  | 										case 'prismatic': | ||
|  | 											matrix.multiply( m0.makeTranslation( axis.x * value, axis.y * value, axis.z * value ) ); | ||
|  | 											break; | ||
|  | 
 | ||
|  | 										default: | ||
|  | 											console.warn( 'THREE.ColladaLoader: Unknown joint type: ' + joint.type ); | ||
|  | 											break; | ||
|  | 
 | ||
|  | 									} | ||
|  | 
 | ||
|  | 								} else { | ||
|  | 
 | ||
|  | 									switch ( transform.type ) { | ||
|  | 
 | ||
|  | 										case 'matrix': | ||
|  | 											matrix.multiply( transform.obj ); | ||
|  | 											break; | ||
|  | 
 | ||
|  | 										case 'translate': | ||
|  | 											matrix.multiply( m0.makeTranslation( transform.obj.x, transform.obj.y, transform.obj.z ) ); | ||
|  | 											break; | ||
|  | 
 | ||
|  | 										case 'scale': | ||
|  | 											matrix.scale( transform.obj ); | ||
|  | 											break; | ||
|  | 
 | ||
|  | 										case 'rotate': | ||
|  | 											matrix.multiply( m0.makeRotationAxis( transform.obj, transform.angle ) ); | ||
|  | 											break; | ||
|  | 
 | ||
|  | 									} | ||
|  | 
 | ||
|  | 								} | ||
|  | 
 | ||
|  | 							} | ||
|  | 
 | ||
|  | 							object.matrix.copy( matrix ); | ||
|  | 							object.matrix.decompose( object.position, object.quaternion, object.scale ); | ||
|  | 
 | ||
|  | 							jointMap[ jointIndex ].position = value; | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 					} else { | ||
|  | 
 | ||
|  | 						console.log( 'THREE.ColladaLoader: ' + jointIndex + ' does not exist.' ); | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			}; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildTransformList( node ) { | ||
|  | 
 | ||
|  | 			const transforms = []; | ||
|  | 
 | ||
|  | 			const xml = collada.querySelector( '[id="' + node.id + '"]' ); | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				let array, vector; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'matrix': | ||
|  | 						array = parseFloats( child.textContent ); | ||
|  | 						const matrix = new Matrix4().fromArray( array ).transpose(); | ||
|  | 						transforms.push( { | ||
|  | 							sid: child.getAttribute( 'sid' ), | ||
|  | 							type: child.nodeName, | ||
|  | 							obj: matrix | ||
|  | 						} ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'translate': | ||
|  | 					case 'scale': | ||
|  | 						array = parseFloats( child.textContent ); | ||
|  | 						vector = new Vector3().fromArray( array ); | ||
|  | 						transforms.push( { | ||
|  | 							sid: child.getAttribute( 'sid' ), | ||
|  | 							type: child.nodeName, | ||
|  | 							obj: vector | ||
|  | 						} ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'rotate': | ||
|  | 						array = parseFloats( child.textContent ); | ||
|  | 						vector = new Vector3().fromArray( array ); | ||
|  | 						const angle = MathUtils.degToRad( array[ 3 ] ); | ||
|  | 						transforms.push( { | ||
|  | 							sid: child.getAttribute( 'sid' ), | ||
|  | 							type: child.nodeName, | ||
|  | 							obj: vector, | ||
|  | 							angle: angle | ||
|  | 						} ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return transforms; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// nodes
 | ||
|  | 
 | ||
|  | 		function prepareNodes( xml ) { | ||
|  | 
 | ||
|  | 			const elements = xml.getElementsByTagName( 'node' ); | ||
|  | 
 | ||
|  | 			// ensure all node elements have id attributes
 | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < elements.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const element = elements[ i ]; | ||
|  | 
 | ||
|  | 				if ( element.hasAttribute( 'id' ) === false ) { | ||
|  | 
 | ||
|  | 					element.setAttribute( 'id', generateId() ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		const matrix = new Matrix4(); | ||
|  | 		const vector = new Vector3(); | ||
|  | 
 | ||
|  | 		function parseNode( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				name: xml.getAttribute( 'name' ) || '', | ||
|  | 				type: xml.getAttribute( 'type' ), | ||
|  | 				id: xml.getAttribute( 'id' ), | ||
|  | 				sid: xml.getAttribute( 'sid' ), | ||
|  | 				matrix: new Matrix4(), | ||
|  | 				nodes: [], | ||
|  | 				instanceCameras: [], | ||
|  | 				instanceControllers: [], | ||
|  | 				instanceLights: [], | ||
|  | 				instanceGeometries: [], | ||
|  | 				instanceNodes: [], | ||
|  | 				transforms: {} | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				if ( child.nodeType !== 1 ) continue; | ||
|  | 
 | ||
|  | 				let array; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'node': | ||
|  | 						data.nodes.push( child.getAttribute( 'id' ) ); | ||
|  | 						parseNode( child ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'instance_camera': | ||
|  | 						data.instanceCameras.push( parseId( child.getAttribute( 'url' ) ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'instance_controller': | ||
|  | 						data.instanceControllers.push( parseNodeInstance( child ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'instance_light': | ||
|  | 						data.instanceLights.push( parseId( child.getAttribute( 'url' ) ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'instance_geometry': | ||
|  | 						data.instanceGeometries.push( parseNodeInstance( child ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'instance_node': | ||
|  | 						data.instanceNodes.push( parseId( child.getAttribute( 'url' ) ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'matrix': | ||
|  | 						array = parseFloats( child.textContent ); | ||
|  | 						data.matrix.multiply( matrix.fromArray( array ).transpose() ); | ||
|  | 						data.transforms[ child.getAttribute( 'sid' ) ] = child.nodeName; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'translate': | ||
|  | 						array = parseFloats( child.textContent ); | ||
|  | 						vector.fromArray( array ); | ||
|  | 						data.matrix.multiply( matrix.makeTranslation( vector.x, vector.y, vector.z ) ); | ||
|  | 						data.transforms[ child.getAttribute( 'sid' ) ] = child.nodeName; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'rotate': | ||
|  | 						array = parseFloats( child.textContent ); | ||
|  | 						const angle = MathUtils.degToRad( array[ 3 ] ); | ||
|  | 						data.matrix.multiply( matrix.makeRotationAxis( vector.fromArray( array ), angle ) ); | ||
|  | 						data.transforms[ child.getAttribute( 'sid' ) ] = child.nodeName; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'scale': | ||
|  | 						array = parseFloats( child.textContent ); | ||
|  | 						data.matrix.scale( vector.fromArray( array ) ); | ||
|  | 						data.transforms[ child.getAttribute( 'sid' ) ] = child.nodeName; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'extra': | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					default: | ||
|  | 						console.log( child ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			if ( hasNode( data.id ) ) { | ||
|  | 
 | ||
|  | 				console.warn( 'THREE.ColladaLoader: There is already a node with ID %s. Exclude current node from further processing.', data.id ); | ||
|  | 
 | ||
|  | 			} else { | ||
|  | 
 | ||
|  | 				library.nodes[ data.id ] = data; | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function parseNodeInstance( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				id: parseId( xml.getAttribute( 'url' ) ), | ||
|  | 				materials: {}, | ||
|  | 				skeletons: [] | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < xml.childNodes.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = xml.childNodes[ i ]; | ||
|  | 
 | ||
|  | 				switch ( child.nodeName ) { | ||
|  | 
 | ||
|  | 					case 'bind_material': | ||
|  | 						const instances = child.getElementsByTagName( 'instance_material' ); | ||
|  | 
 | ||
|  | 						for ( let j = 0; j < instances.length; j ++ ) { | ||
|  | 
 | ||
|  | 							const instance = instances[ j ]; | ||
|  | 							const symbol = instance.getAttribute( 'symbol' ); | ||
|  | 							const target = instance.getAttribute( 'target' ); | ||
|  | 
 | ||
|  | 							data.materials[ symbol ] = parseId( target ); | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'skeleton': | ||
|  | 						data.skeletons.push( parseId( child.textContent ) ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					default: | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildSkeleton( skeletons, joints ) { | ||
|  | 
 | ||
|  | 			const boneData = []; | ||
|  | 			const sortedBoneData = []; | ||
|  | 
 | ||
|  | 			let i, j, data; | ||
|  | 
 | ||
|  | 			// a skeleton can have multiple root bones. collada expresses this
 | ||
|  | 			// situtation with multiple "skeleton" tags per controller instance
 | ||
|  | 
 | ||
|  | 			for ( i = 0; i < skeletons.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const skeleton = skeletons[ i ]; | ||
|  | 
 | ||
|  | 				let root; | ||
|  | 
 | ||
|  | 				if ( hasNode( skeleton ) ) { | ||
|  | 
 | ||
|  | 					root = getNode( skeleton ); | ||
|  | 					buildBoneHierarchy( root, joints, boneData ); | ||
|  | 
 | ||
|  | 				} else if ( hasVisualScene( skeleton ) ) { | ||
|  | 
 | ||
|  | 					// handle case where the skeleton refers to the visual scene (#13335)
 | ||
|  | 
 | ||
|  | 					const visualScene = library.visualScenes[ skeleton ]; | ||
|  | 					const children = visualScene.children; | ||
|  | 
 | ||
|  | 					for ( let j = 0; j < children.length; j ++ ) { | ||
|  | 
 | ||
|  | 						const child = children[ j ]; | ||
|  | 
 | ||
|  | 						if ( child.type === 'JOINT' ) { | ||
|  | 
 | ||
|  | 							const root = getNode( child.id ); | ||
|  | 							buildBoneHierarchy( root, joints, boneData ); | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 				} else { | ||
|  | 
 | ||
|  | 					console.error( 'THREE.ColladaLoader: Unable to find root bone of skeleton with ID:', skeleton ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// sort bone data (the order is defined in the corresponding controller)
 | ||
|  | 
 | ||
|  | 			for ( i = 0; i < joints.length; i ++ ) { | ||
|  | 
 | ||
|  | 				for ( j = 0; j < boneData.length; j ++ ) { | ||
|  | 
 | ||
|  | 					data = boneData[ j ]; | ||
|  | 
 | ||
|  | 					if ( data.bone.name === joints[ i ].name ) { | ||
|  | 
 | ||
|  | 						sortedBoneData[ i ] = data; | ||
|  | 						data.processed = true; | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// add unprocessed bone data at the end of the list
 | ||
|  | 
 | ||
|  | 			for ( i = 0; i < boneData.length; i ++ ) { | ||
|  | 
 | ||
|  | 				data = boneData[ i ]; | ||
|  | 
 | ||
|  | 				if ( data.processed === false ) { | ||
|  | 
 | ||
|  | 					sortedBoneData.push( data ); | ||
|  | 					data.processed = true; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// setup arrays for skeleton creation
 | ||
|  | 
 | ||
|  | 			const bones = []; | ||
|  | 			const boneInverses = []; | ||
|  | 
 | ||
|  | 			for ( i = 0; i < sortedBoneData.length; i ++ ) { | ||
|  | 
 | ||
|  | 				data = sortedBoneData[ i ]; | ||
|  | 
 | ||
|  | 				bones.push( data.bone ); | ||
|  | 				boneInverses.push( data.boneInverse ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return new Skeleton( bones, boneInverses ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildBoneHierarchy( root, joints, boneData ) { | ||
|  | 
 | ||
|  | 			// setup bone data from visual scene
 | ||
|  | 
 | ||
|  | 			root.traverse( function ( object ) { | ||
|  | 
 | ||
|  | 				if ( object.isBone === true ) { | ||
|  | 
 | ||
|  | 					let boneInverse; | ||
|  | 
 | ||
|  | 					// retrieve the boneInverse from the controller data
 | ||
|  | 
 | ||
|  | 					for ( let i = 0; i < joints.length; i ++ ) { | ||
|  | 
 | ||
|  | 						const joint = joints[ i ]; | ||
|  | 
 | ||
|  | 						if ( joint.name === object.name ) { | ||
|  | 
 | ||
|  | 							boneInverse = joint.boneInverse; | ||
|  | 							break; | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 					if ( boneInverse === undefined ) { | ||
|  | 
 | ||
|  | 						// Unfortunately, there can be joints in the visual scene that are not part of the
 | ||
|  | 						// corresponding controller. In this case, we have to create a dummy boneInverse matrix
 | ||
|  | 						// for the respective bone. This bone won't affect any vertices, because there are no skin indices
 | ||
|  | 						// and weights defined for it. But we still have to add the bone to the sorted bone list in order to
 | ||
|  | 						// ensure a correct animation of the model.
 | ||
|  | 
 | ||
|  | 						boneInverse = new Matrix4(); | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 					boneData.push( { bone: object, boneInverse: boneInverse, processed: false } ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildNode( data ) { | ||
|  | 
 | ||
|  | 			const objects = []; | ||
|  | 
 | ||
|  | 			const matrix = data.matrix; | ||
|  | 			const nodes = data.nodes; | ||
|  | 			const type = data.type; | ||
|  | 			const instanceCameras = data.instanceCameras; | ||
|  | 			const instanceControllers = data.instanceControllers; | ||
|  | 			const instanceLights = data.instanceLights; | ||
|  | 			const instanceGeometries = data.instanceGeometries; | ||
|  | 			const instanceNodes = data.instanceNodes; | ||
|  | 
 | ||
|  | 			// nodes
 | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = nodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				objects.push( getNode( nodes[ i ] ) ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// instance cameras
 | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = instanceCameras.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const instanceCamera = getCamera( instanceCameras[ i ] ); | ||
|  | 
 | ||
|  | 				if ( instanceCamera !== null ) { | ||
|  | 
 | ||
|  | 					objects.push( instanceCamera.clone() ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// instance controllers
 | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = instanceControllers.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const instance = instanceControllers[ i ]; | ||
|  | 				const controller = getController( instance.id ); | ||
|  | 				const geometries = getGeometry( controller.id ); | ||
|  | 				const newObjects = buildObjects( geometries, instance.materials ); | ||
|  | 
 | ||
|  | 				const skeletons = instance.skeletons; | ||
|  | 				const joints = controller.skin.joints; | ||
|  | 
 | ||
|  | 				const skeleton = buildSkeleton( skeletons, joints ); | ||
|  | 
 | ||
|  | 				for ( let j = 0, jl = newObjects.length; j < jl; j ++ ) { | ||
|  | 
 | ||
|  | 					const object = newObjects[ j ]; | ||
|  | 
 | ||
|  | 					if ( object.isSkinnedMesh ) { | ||
|  | 
 | ||
|  | 						object.bind( skeleton, controller.skin.bindMatrix ); | ||
|  | 						object.normalizeSkinWeights(); | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 					objects.push( object ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// instance lights
 | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = instanceLights.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const instanceLight = getLight( instanceLights[ i ] ); | ||
|  | 
 | ||
|  | 				if ( instanceLight !== null ) { | ||
|  | 
 | ||
|  | 					objects.push( instanceLight.clone() ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// instance geometries
 | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = instanceGeometries.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const instance = instanceGeometries[ i ]; | ||
|  | 
 | ||
|  | 				// a single geometry instance in collada can lead to multiple object3Ds.
 | ||
|  | 				// this is the case when primitives are combined like triangles and lines
 | ||
|  | 
 | ||
|  | 				const geometries = getGeometry( instance.id ); | ||
|  | 				const newObjects = buildObjects( geometries, instance.materials ); | ||
|  | 
 | ||
|  | 				for ( let j = 0, jl = newObjects.length; j < jl; j ++ ) { | ||
|  | 
 | ||
|  | 					objects.push( newObjects[ j ] ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			// instance nodes
 | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = instanceNodes.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				objects.push( getNode( instanceNodes[ i ] ).clone() ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			let object; | ||
|  | 
 | ||
|  | 			if ( nodes.length === 0 && objects.length === 1 ) { | ||
|  | 
 | ||
|  | 				object = objects[ 0 ]; | ||
|  | 
 | ||
|  | 			} else { | ||
|  | 
 | ||
|  | 				object = ( type === 'JOINT' ) ? new Bone() : new Group(); | ||
|  | 
 | ||
|  | 				for ( let i = 0; i < objects.length; i ++ ) { | ||
|  | 
 | ||
|  | 					object.add( objects[ i ] ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			object.name = ( type === 'JOINT' ) ? data.sid : data.name; | ||
|  | 			object.matrix.copy( matrix ); | ||
|  | 			object.matrix.decompose( object.position, object.quaternion, object.scale ); | ||
|  | 
 | ||
|  | 			return object; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		const fallbackMaterial = new MeshBasicMaterial( { | ||
|  | 			name: Loader.DEFAULT_MATERIAL_NAME, | ||
|  | 			color: 0xff00ff | ||
|  | 		} ); | ||
|  | 
 | ||
|  | 		function resolveMaterialBinding( keys, instanceMaterials ) { | ||
|  | 
 | ||
|  | 			const materials = []; | ||
|  | 
 | ||
|  | 			for ( let i = 0, l = keys.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 				const id = instanceMaterials[ keys[ i ] ]; | ||
|  | 
 | ||
|  | 				if ( id === undefined ) { | ||
|  | 
 | ||
|  | 					console.warn( 'THREE.ColladaLoader: Material with key %s not found. Apply fallback material.', keys[ i ] ); | ||
|  | 					materials.push( fallbackMaterial ); | ||
|  | 
 | ||
|  | 				} else { | ||
|  | 
 | ||
|  | 					materials.push( getMaterial( id ) ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return materials; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildObjects( geometries, instanceMaterials ) { | ||
|  | 
 | ||
|  | 			const objects = []; | ||
|  | 
 | ||
|  | 			for ( const type in geometries ) { | ||
|  | 
 | ||
|  | 				const geometry = geometries[ type ]; | ||
|  | 
 | ||
|  | 				const materials = resolveMaterialBinding( geometry.materialKeys, instanceMaterials ); | ||
|  | 
 | ||
|  | 				// handle case if no materials are defined
 | ||
|  | 
 | ||
|  | 				if ( materials.length === 0 ) { | ||
|  | 
 | ||
|  | 					if ( type === 'lines' || type === 'linestrips' ) { | ||
|  | 
 | ||
|  | 						materials.push( new LineBasicMaterial() ); | ||
|  | 
 | ||
|  | 					} else { | ||
|  | 
 | ||
|  | 						materials.push( new MeshPhongMaterial() ); | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				// Collada allows to use phong and lambert materials with lines. Replacing these cases with LineBasicMaterial.
 | ||
|  | 
 | ||
|  | 				if ( type === 'lines' || type === 'linestrips' ) { | ||
|  | 
 | ||
|  | 					for ( let i = 0, l = materials.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 						const material = materials[ i ]; | ||
|  | 
 | ||
|  | 						if ( material.isMeshPhongMaterial === true || material.isMeshLambertMaterial === true ) { | ||
|  | 
 | ||
|  | 							const lineMaterial = new LineBasicMaterial(); | ||
|  | 
 | ||
|  | 							// copy compatible properties
 | ||
|  | 
 | ||
|  | 							lineMaterial.color.copy( material.color ); | ||
|  | 							lineMaterial.opacity = material.opacity; | ||
|  | 							lineMaterial.transparent = material.transparent; | ||
|  | 
 | ||
|  | 							// replace material
 | ||
|  | 
 | ||
|  | 							materials[ i ] = lineMaterial; | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				// regard skinning
 | ||
|  | 
 | ||
|  | 				const skinning = ( geometry.data.attributes.skinIndex !== undefined ); | ||
|  | 
 | ||
|  | 				// choose between a single or multi materials (material array)
 | ||
|  | 
 | ||
|  | 				const material = ( materials.length === 1 ) ? materials[ 0 ] : materials; | ||
|  | 
 | ||
|  | 				// now create a specific 3D object
 | ||
|  | 
 | ||
|  | 				let object; | ||
|  | 
 | ||
|  | 				switch ( type ) { | ||
|  | 
 | ||
|  | 					case 'lines': | ||
|  | 						object = new LineSegments( geometry.data, material ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'linestrips': | ||
|  | 						object = new Line( geometry.data, material ); | ||
|  | 						break; | ||
|  | 
 | ||
|  | 					case 'triangles': | ||
|  | 					case 'polylist': | ||
|  | 						if ( skinning ) { | ||
|  | 
 | ||
|  | 							object = new SkinnedMesh( geometry.data, material ); | ||
|  | 
 | ||
|  | 						} else { | ||
|  | 
 | ||
|  | 							object = new Mesh( geometry.data, material ); | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 						break; | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 				objects.push( object ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return objects; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function hasNode( id ) { | ||
|  | 
 | ||
|  | 			return library.nodes[ id ] !== undefined; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getNode( id ) { | ||
|  | 
 | ||
|  | 			return getBuild( library.nodes[ id ], buildNode ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// visual scenes
 | ||
|  | 
 | ||
|  | 		function parseVisualScene( xml ) { | ||
|  | 
 | ||
|  | 			const data = { | ||
|  | 				name: xml.getAttribute( 'name' ), | ||
|  | 				children: [] | ||
|  | 			}; | ||
|  | 
 | ||
|  | 			prepareNodes( xml ); | ||
|  | 
 | ||
|  | 			const elements = getElementsByTagName( xml, 'node' ); | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < elements.length; i ++ ) { | ||
|  | 
 | ||
|  | 				data.children.push( parseNode( elements[ i ] ) ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			library.visualScenes[ xml.getAttribute( 'id' ) ] = data; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function buildVisualScene( data ) { | ||
|  | 
 | ||
|  | 			const group = new Group(); | ||
|  | 			group.name = data.name; | ||
|  | 
 | ||
|  | 			const children = data.children; | ||
|  | 
 | ||
|  | 			for ( let i = 0; i < children.length; i ++ ) { | ||
|  | 
 | ||
|  | 				const child = children[ i ]; | ||
|  | 
 | ||
|  | 				group.add( getNode( child.id ) ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return group; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function hasVisualScene( id ) { | ||
|  | 
 | ||
|  | 			return library.visualScenes[ id ] !== undefined; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function getVisualScene( id ) { | ||
|  | 
 | ||
|  | 			return getBuild( library.visualScenes[ id ], buildVisualScene ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// scenes
 | ||
|  | 
 | ||
|  | 		function parseScene( xml ) { | ||
|  | 
 | ||
|  | 			const instance = getElementsByTagName( xml, 'instance_visual_scene' )[ 0 ]; | ||
|  | 			return getVisualScene( parseId( instance.getAttribute( 'url' ) ) ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		function setupAnimations() { | ||
|  | 
 | ||
|  | 			const clips = library.clips; | ||
|  | 
 | ||
|  | 			if ( isEmpty( clips ) === true ) { | ||
|  | 
 | ||
|  | 				if ( isEmpty( library.animations ) === false ) { | ||
|  | 
 | ||
|  | 					// if there are animations but no clips, we create a default clip for playback
 | ||
|  | 
 | ||
|  | 					const tracks = []; | ||
|  | 
 | ||
|  | 					for ( const id in library.animations ) { | ||
|  | 
 | ||
|  | 						const animationTracks = getAnimation( id ); | ||
|  | 
 | ||
|  | 						for ( let i = 0, l = animationTracks.length; i < l; i ++ ) { | ||
|  | 
 | ||
|  | 							tracks.push( animationTracks[ i ] ); | ||
|  | 
 | ||
|  | 						} | ||
|  | 
 | ||
|  | 					} | ||
|  | 
 | ||
|  | 					animations.push( new AnimationClip( 'default', - 1, tracks ) ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} else { | ||
|  | 
 | ||
|  | 				for ( const id in clips ) { | ||
|  | 
 | ||
|  | 					animations.push( getAnimationClip( id ) ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// convert the parser error element into text with each child elements text
 | ||
|  | 		// separated by new lines.
 | ||
|  | 
 | ||
|  | 		function parserErrorToText( parserError ) { | ||
|  | 
 | ||
|  | 			let result = ''; | ||
|  | 			const stack = [ parserError ]; | ||
|  | 
 | ||
|  | 			while ( stack.length ) { | ||
|  | 
 | ||
|  | 				const node = stack.shift(); | ||
|  | 
 | ||
|  | 				if ( node.nodeType === Node.TEXT_NODE ) { | ||
|  | 
 | ||
|  | 					result += node.textContent; | ||
|  | 
 | ||
|  | 				} else { | ||
|  | 
 | ||
|  | 					result += '\n'; | ||
|  | 					stack.push.apply( stack, node.childNodes ); | ||
|  | 
 | ||
|  | 				} | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			return result.trim(); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		if ( text.length === 0 ) { | ||
|  | 
 | ||
|  | 			return { scene: new Scene() }; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		const xml = new DOMParser().parseFromString( text, 'application/xml' ); | ||
|  | 
 | ||
|  | 		const collada = getElementsByTagName( xml, 'COLLADA' )[ 0 ]; | ||
|  | 
 | ||
|  | 		const parserError = xml.getElementsByTagName( 'parsererror' )[ 0 ]; | ||
|  | 		if ( parserError !== undefined ) { | ||
|  | 
 | ||
|  | 			// Chrome will return parser error with a div in it
 | ||
|  | 
 | ||
|  | 			const errorElement = getElementsByTagName( parserError, 'div' )[ 0 ]; | ||
|  | 			let errorText; | ||
|  | 
 | ||
|  | 			if ( errorElement ) { | ||
|  | 
 | ||
|  | 				errorText = errorElement.textContent; | ||
|  | 
 | ||
|  | 			} else { | ||
|  | 
 | ||
|  | 				errorText = parserErrorToText( parserError ); | ||
|  | 
 | ||
|  | 			} | ||
|  | 
 | ||
|  | 			console.error( 'THREE.ColladaLoader: Failed to parse collada file.\n', errorText ); | ||
|  | 
 | ||
|  | 			return null; | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		// metadata
 | ||
|  | 
 | ||
|  | 		const version = collada.getAttribute( 'version' ); | ||
|  | 		console.debug( 'THREE.ColladaLoader: File version', version ); | ||
|  | 
 | ||
|  | 		const asset = parseAsset( getElementsByTagName( collada, 'asset' )[ 0 ] ); | ||
|  | 		const textureLoader = new TextureLoader( this.manager ); | ||
|  | 		textureLoader.setPath( this.resourcePath || path ).setCrossOrigin( this.crossOrigin ); | ||
|  | 
 | ||
|  | 		let tgaLoader; | ||
|  | 
 | ||
|  | 		if ( TGALoader ) { | ||
|  | 
 | ||
|  | 			tgaLoader = new TGALoader( this.manager ); | ||
|  | 			tgaLoader.setPath( this.resourcePath || path ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		//
 | ||
|  | 
 | ||
|  | 		const tempColor = new Color(); | ||
|  | 		const animations = []; | ||
|  | 		let kinematics = {}; | ||
|  | 		let count = 0; | ||
|  | 
 | ||
|  | 		//
 | ||
|  | 
 | ||
|  | 		const library = { | ||
|  | 			animations: {}, | ||
|  | 			clips: {}, | ||
|  | 			controllers: {}, | ||
|  | 			images: {}, | ||
|  | 			effects: {}, | ||
|  | 			materials: {}, | ||
|  | 			cameras: {}, | ||
|  | 			lights: {}, | ||
|  | 			geometries: {}, | ||
|  | 			nodes: {}, | ||
|  | 			visualScenes: {}, | ||
|  | 			kinematicsModels: {}, | ||
|  | 			physicsModels: {}, | ||
|  | 			kinematicsScenes: {} | ||
|  | 		}; | ||
|  | 
 | ||
|  | 		parseLibrary( collada, 'library_animations', 'animation', parseAnimation ); | ||
|  | 		parseLibrary( collada, 'library_animation_clips', 'animation_clip', parseAnimationClip ); | ||
|  | 		parseLibrary( collada, 'library_controllers', 'controller', parseController ); | ||
|  | 		parseLibrary( collada, 'library_images', 'image', parseImage ); | ||
|  | 		parseLibrary( collada, 'library_effects', 'effect', parseEffect ); | ||
|  | 		parseLibrary( collada, 'library_materials', 'material', parseMaterial ); | ||
|  | 		parseLibrary( collada, 'library_cameras', 'camera', parseCamera ); | ||
|  | 		parseLibrary( collada, 'library_lights', 'light', parseLight ); | ||
|  | 		parseLibrary( collada, 'library_geometries', 'geometry', parseGeometry ); | ||
|  | 		parseLibrary( collada, 'library_nodes', 'node', parseNode ); | ||
|  | 		parseLibrary( collada, 'library_visual_scenes', 'visual_scene', parseVisualScene ); | ||
|  | 		parseLibrary( collada, 'library_kinematics_models', 'kinematics_model', parseKinematicsModel ); | ||
|  | 		parseLibrary( collada, 'library_physics_models', 'physics_model', parsePhysicsModel ); | ||
|  | 		parseLibrary( collada, 'scene', 'instance_kinematics_scene', parseKinematicsScene ); | ||
|  | 
 | ||
|  | 		buildLibrary( library.animations, buildAnimation ); | ||
|  | 		buildLibrary( library.clips, buildAnimationClip ); | ||
|  | 		buildLibrary( library.controllers, buildController ); | ||
|  | 		buildLibrary( library.images, buildImage ); | ||
|  | 		buildLibrary( library.effects, buildEffect ); | ||
|  | 		buildLibrary( library.materials, buildMaterial ); | ||
|  | 		buildLibrary( library.cameras, buildCamera ); | ||
|  | 		buildLibrary( library.lights, buildLight ); | ||
|  | 		buildLibrary( library.geometries, buildGeometry ); | ||
|  | 		buildLibrary( library.visualScenes, buildVisualScene ); | ||
|  | 
 | ||
|  | 		setupAnimations(); | ||
|  | 		setupKinematics(); | ||
|  | 
 | ||
|  | 		const scene = parseScene( getElementsByTagName( collada, 'scene' )[ 0 ] ); | ||
|  | 		scene.animations = animations; | ||
|  | 
 | ||
|  | 		if ( asset.upAxis === 'Z_UP' ) { | ||
|  | 
 | ||
|  | 			console.warn( 'THREE.ColladaLoader: You are loading an asset with a Z-UP coordinate system. The loader just rotates the asset to transform it into Y-UP. The vertex data are not converted, see #24289.' ); | ||
|  | 			scene.rotation.set( - Math.PI / 2, 0, 0 ); | ||
|  | 
 | ||
|  | 		} | ||
|  | 
 | ||
|  | 		scene.scale.multiplyScalar( asset.unit ); | ||
|  | 
 | ||
|  | 		return { | ||
|  | 			get animations() { | ||
|  | 
 | ||
|  | 				console.warn( 'THREE.ColladaLoader: Please access animations over scene.animations now.' ); | ||
|  | 				return animations; | ||
|  | 
 | ||
|  | 			}, | ||
|  | 			kinematics: kinematics, | ||
|  | 			library: library, | ||
|  | 			scene: scene | ||
|  | 		}; | ||
|  | 
 | ||
|  | 	} | ||
|  | 
 | ||
|  | } | ||
|  | 
 | ||
|  | export { ColladaLoader }; |