/** * Loader for CTM encoded models generated by OpenCTM tools: * http://openctm.sourceforge.net/ * * Uses js-openctm library by Juan Mellado * http://code.google.com/p/js-openctm/ * * @author alteredq / http://alteredqualia.com/ */ THREE.CTMLoader = function ( showStatus ) { THREE.Loader.call( this, showStatus ); }; THREE.CTMLoader.prototype = Object.create( THREE.Loader.prototype ); THREE.CTMLoader.prototype.constructor = THREE.CTMLoader; // Load multiple CTM parts defined in JSON THREE.CTMLoader.prototype.loadParts = function( url, callback, parameters ) { parameters = parameters || {}; var scope = this; var xhr = new XMLHttpRequest(); var basePath = parameters.basePath ? parameters.basePath : this.extractUrlBase( url ); xhr.onreadystatechange = function() { if ( xhr.readyState === 4 ) { if ( xhr.status === 200 || xhr.status === 0 ) { var jsonObject = JSON.parse( xhr.responseText ); var materials = [], geometries = [], counter = 0; function callbackFinal( geometry ) { counter += 1; geometries.push( geometry ); if ( counter === jsonObject.offsets.length ) { callback( geometries, materials ); } } // init materials for ( var i = 0; i < jsonObject.materials.length; i ++ ) { materials[ i ] = scope.createMaterial( jsonObject.materials[ i ], basePath ); } // load joined CTM file var partUrl = basePath + jsonObject.data; var parametersPart = { useWorker: parameters.useWorker, offsets: jsonObject.offsets }; scope.load( partUrl, callbackFinal, parametersPart ); } } } xhr.open( "GET", url, true ); xhr.setRequestHeader( "Content-Type", "text/plain" ); xhr.send( null ); }; // Load CTMLoader compressed models // - parameters // - url (required) // - callback (required) THREE.CTMLoader.prototype.load = function( url, callback, parameters ) { parameters = parameters || {}; var scope = this; var offsets = parameters.offsets !== undefined ? parameters.offsets : [ 0 ]; var xhr = new XMLHttpRequest(), callbackProgress = null; var length = 0; xhr.onreadystatechange = function() { if ( xhr.readyState === 4 ) { if ( xhr.status === 200 || xhr.status === 0 ) { var binaryData = new Uint8Array(xhr.response); var s = Date.now(); if ( parameters.useWorker ) { var worker = parameters.worker || new Worker( "js/loaders/ctm/CTMWorker.js" ); worker.onmessage = function( event ) { var files = event.data; for ( var i = 0; i < files.length; i ++ ) { var ctmFile = files[ i ]; var e1 = Date.now(); // console.log( "CTM data parse time [worker]: " + (e1-s) + " ms" ); scope.createModel( ctmFile, callback ); var e = Date.now(); console.log( "model load time [worker]: " + (e - e1) + " ms, total: " + (e - s)); } }; worker.postMessage( { "data": binaryData, "offsets": offsets } ); } else { for ( var i = 0; i < offsets.length; i ++ ) { var stream = new CTM.Stream( binaryData ); stream.offset = offsets[ i ]; var ctmFile = new CTM.File( stream ); scope.createModel( ctmFile, callback ); } //var e = Date.now(); //console.log( "CTM data parse time [inline]: " + (e-s) + " ms" ); } } else { console.error( "Couldn't load [" + url + "] [" + xhr.status + "]" ); } } else if ( xhr.readyState === 3 ) { if ( callbackProgress ) { if ( length === 0 ) { length = xhr.getResponseHeader( "Content-Length" ); } callbackProgress( { total: length, loaded: xhr.responseText.length } ); } } else if ( xhr.readyState === 2 ) { length = xhr.getResponseHeader( "Content-Length" ); } } xhr.open( "GET", url, true ); xhr.responseType = "arraybuffer"; xhr.send( null ); }; THREE.CTMLoader.prototype.createModel = function ( file, callback ) { var Model = function () { THREE.BufferGeometry.call( this ); this.materials = []; var indices = file.body.indices, positions = file.body.vertices, normals = file.body.normals; var uvs, colors; var uvMaps = file.body.uvMaps; if ( uvMaps !== undefined && uvMaps.length > 0 ) { uvs = uvMaps[ 0 ].uv; } var attrMaps = file.body.attrMaps; if ( attrMaps !== undefined && attrMaps.length > 0 && attrMaps[ 0 ].name === 'Color' ) { colors = attrMaps[ 0 ].attr; } this.addAttribute( 'index', new THREE.BufferAttribute( indices, 1 ) ); this.addAttribute( 'position', new THREE.BufferAttribute( positions, 3 ) ); if ( normals !== undefined ) { this.addAttribute( 'normal', new THREE.BufferAttribute( normals, 3 ) ); } if ( uvs !== undefined ) { this.addAttribute( 'uv', new THREE.BufferAttribute( uvs, 2 ) ); } if ( colors !== undefined ) { this.addAttribute( 'color', new THREE.BufferAttribute( colors, 4 ) ); } } Model.prototype = Object.create( THREE.BufferGeometry.prototype ); Model.prototype.constructor = Model; var geometry = new Model(); geometry.computeOffsets(); // compute vertex normals if not present in the CTM model if ( geometry.attributes.normal === undefined ) { geometry.computeVertexNormals(); } callback( geometry ); };