ColladaLoader.js 68 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. * @author Mugen87 / https://github.com/Mugen87
  4. */
  5. THREE.ColladaLoader = function ( manager ) {
  6. this.manager = ( manager !== undefined ) ? manager : THREE.DefaultLoadingManager;
  7. };
  8. THREE.ColladaLoader.prototype = {
  9. constructor: THREE.ColladaLoader,
  10. crossOrigin: 'Anonymous',
  11. load: function ( url, onLoad, onProgress, onError ) {
  12. var scope = this;
  13. var path = scope.path === undefined ? THREE.Loader.prototype.extractUrlBase( url ) : scope.path;
  14. var loader = new THREE.FileLoader( scope.manager );
  15. loader.setPath( scope.path );
  16. loader.load( url, function ( text ) {
  17. onLoad( scope.parse( text, path ) );
  18. }, onProgress, onError );
  19. },
  20. setPath: function ( value ) {
  21. this.path = value;
  22. },
  23. options: {
  24. set convertUpAxis( value ) {
  25. console.warn( 'THREE.ColladaLoader: options.convertUpAxis() has been removed. Up axis is converted automatically.' );
  26. }
  27. },
  28. setCrossOrigin: function ( value ) {
  29. this.crossOrigin = value;
  30. },
  31. parse: function ( text, path ) {
  32. function getElementsByTagName( xml, name ) {
  33. // Non recursive xml.getElementsByTagName() ...
  34. var array = [];
  35. var childNodes = xml.childNodes;
  36. for ( var i = 0, l = childNodes.length; i < l; i ++ ) {
  37. var child = childNodes[ i ];
  38. if ( child.nodeName === name ) {
  39. array.push( child );
  40. }
  41. }
  42. return array;
  43. }
  44. function parseStrings( text ) {
  45. if ( text.length === 0 ) return [];
  46. var parts = text.trim().split( /\s+/ );
  47. var array = new Array( parts.length );
  48. for ( var i = 0, l = parts.length; i < l; i ++ ) {
  49. array[ i ] = parts[ i ];
  50. }
  51. return array;
  52. }
  53. function parseFloats( text ) {
  54. if ( text.length === 0 ) return [];
  55. var parts = text.trim().split( /\s+/ );
  56. var array = new Array( parts.length );
  57. for ( var i = 0, l = parts.length; i < l; i ++ ) {
  58. array[ i ] = parseFloat( parts[ i ] );
  59. }
  60. return array;
  61. }
  62. function parseInts( text ) {
  63. if ( text.length === 0 ) return [];
  64. var parts = text.trim().split( /\s+/ );
  65. var array = new Array( parts.length );
  66. for ( var i = 0, l = parts.length; i < l; i ++ ) {
  67. array[ i ] = parseInt( parts[ i ] );
  68. }
  69. return array;
  70. }
  71. function parseId( text ) {
  72. return text.substring( 1 );
  73. }
  74. function generateId() {
  75. return 'three_default_' + ( count ++ );
  76. }
  77. function isEmpty( object ) {
  78. return Object.keys( object ).length === 0;
  79. }
  80. // asset
  81. function parseAsset( xml ) {
  82. return {
  83. unit: parseAssetUnit( getElementsByTagName( xml, 'unit' )[ 0 ] ),
  84. upAxis: parseAssetUpAxis( getElementsByTagName( xml, 'up_axis' )[ 0 ] )
  85. };
  86. }
  87. function parseAssetUnit( xml ) {
  88. return xml !== undefined ? parseFloat( xml.getAttribute( 'meter' ) ) : 1;
  89. }
  90. function parseAssetUpAxis( xml ) {
  91. return xml !== undefined ? xml.textContent : 'Y_UP';
  92. }
  93. // library
  94. function parseLibrary( xml, libraryName, nodeName, parser ) {
  95. var library = getElementsByTagName( xml, libraryName )[ 0 ];
  96. if ( library !== undefined ) {
  97. var elements = getElementsByTagName( library, nodeName );
  98. for ( var i = 0; i < elements.length; i ++ ) {
  99. parser( elements[ i ] );
  100. }
  101. }
  102. }
  103. function buildLibrary( data, builder ) {
  104. for ( var name in data ) {
  105. var object = data[ name ];
  106. object.build = builder( data[ name ] );
  107. }
  108. }
  109. // get
  110. function getBuild( data, builder ) {
  111. if ( data.build !== undefined ) return data.build;
  112. data.build = builder( data );
  113. return data.build;
  114. }
  115. // animation
  116. function parseAnimation( xml ) {
  117. var data = {
  118. sources: {},
  119. samplers: {},
  120. channels: {}
  121. };
  122. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  123. var child = xml.childNodes[ i ];
  124. if ( child.nodeType !== 1 ) continue;
  125. var id;
  126. switch ( child.nodeName ) {
  127. case 'source':
  128. id = child.getAttribute( 'id' );
  129. data.sources[ id ] = parseSource( child );
  130. break;
  131. case 'sampler':
  132. id = child.getAttribute( 'id' );
  133. data.samplers[ id ] = parseAnimationSampler( child );
  134. break;
  135. case 'channel':
  136. id = child.getAttribute( 'target' );
  137. data.channels[ id ] = parseAnimationChannel( child );
  138. break;
  139. default:
  140. console.log( child );
  141. }
  142. }
  143. library.animations[ xml.getAttribute( 'id' ) ] = data;
  144. }
  145. function parseAnimationSampler( xml ) {
  146. var data = {
  147. inputs: {},
  148. };
  149. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  150. var child = xml.childNodes[ i ];
  151. if ( child.nodeType !== 1 ) continue;
  152. switch ( child.nodeName ) {
  153. case 'input':
  154. var id = parseId( child.getAttribute( 'source' ) );
  155. var semantic = child.getAttribute( 'semantic' );
  156. data.inputs[ semantic ] = id;
  157. break;
  158. }
  159. }
  160. return data;
  161. }
  162. function parseAnimationChannel( xml ) {
  163. var data = {};
  164. var target = xml.getAttribute( 'target' );
  165. // parsing SID Addressing Syntax
  166. var parts = target.split( '/' );
  167. var id = parts.shift();
  168. var sid = parts.shift();
  169. // check selection syntax
  170. var arraySyntax = ( sid.indexOf( '(' ) !== - 1 );
  171. var memberSyntax = ( sid.indexOf( '.' ) !== - 1 );
  172. if ( memberSyntax ) {
  173. // member selection access
  174. parts = sid.split( '.' );
  175. sid = parts.shift();
  176. data.member = parts.shift();
  177. } else if ( arraySyntax ) {
  178. // array-access syntax. can be used to express fields in one-dimensional vectors or two-dimensional matrices.
  179. var indices = sid.split( '(' );
  180. sid = indices.shift();
  181. for ( var i = 0; i < indices.length; i ++ ) {
  182. indices[ i ] = parseInt( indices[ i ].replace( /\)/, '' ) );
  183. }
  184. data.indices = indices;
  185. }
  186. data.id = id;
  187. data.sid = sid;
  188. data.arraySyntax = arraySyntax;
  189. data.memberSyntax = memberSyntax;
  190. data.sampler = parseId( xml.getAttribute( 'source' ) );
  191. return data;
  192. }
  193. function buildAnimation( data ) {
  194. var tracks = [];
  195. var channels = data.channels;
  196. var samplers = data.samplers;
  197. var sources = data.sources;
  198. for ( var target in channels ) {
  199. if ( channels.hasOwnProperty( target ) ) {
  200. var channel = channels[ target ];
  201. var sampler = samplers[ channel.sampler ];
  202. var inputId = sampler.inputs.INPUT;
  203. var outputId = sampler.inputs.OUTPUT;
  204. var inputSource = sources[ inputId ];
  205. var outputSource = sources[ outputId ];
  206. var animation = buildAnimationChannel( channel, inputSource, outputSource );
  207. createKeyframeTracks( animation, tracks );
  208. }
  209. }
  210. return tracks;
  211. }
  212. function getAnimation( id ) {
  213. return getBuild( library.animations[ id ], buildAnimation );
  214. }
  215. function buildAnimationChannel( channel, inputSource, outputSource ) {
  216. var node = library.nodes[ channel.id ];
  217. var object3D = getNode( node.id );
  218. var transform = node.transforms[ channel.sid ];
  219. var defaultMatrix = node.matrix.clone().transpose();
  220. var time, stride;
  221. var i, il, j, jl;
  222. var data = {};
  223. // the collada spec allows the animation of data in various ways.
  224. // depending on the transform type (matrix, translate, rotate, scale), we execute different logic
  225. switch ( transform ) {
  226. case 'matrix':
  227. for ( i = 0, il = inputSource.array.length; i < il; i ++ ) {
  228. time = inputSource.array[ i ];
  229. stride = i * outputSource.stride;
  230. if ( data[ time ] === undefined ) data[ time ] = {};
  231. if ( channel.arraySyntax === true ) {
  232. var value = outputSource.array[ stride ];
  233. var index = channel.indices[ 0 ] + 4 * channel.indices[ 1 ];
  234. data[ time ][ index ] = value;
  235. } else {
  236. for ( j = 0, jl = outputSource.stride; j < jl; j ++ ) {
  237. data[ time ][ j ] = outputSource.array[ stride + j ];
  238. }
  239. }
  240. }
  241. break;
  242. case 'translate':
  243. console.warn( 'THREE.ColladaLoader: Animation transform type "%s" not yet implemented.', transform );
  244. break;
  245. case 'rotate':
  246. console.warn( 'THREE.ColladaLoader: Animation transform type "%s" not yet implemented.', transform );
  247. break;
  248. case 'scale':
  249. console.warn( 'THREE.ColladaLoader: Animation transform type "%s" not yet implemented.', transform );
  250. break;
  251. }
  252. var keyframes = prepareAnimationData( data, defaultMatrix );
  253. var animation = {
  254. name: object3D.uuid,
  255. keyframes: keyframes
  256. };
  257. return animation;
  258. }
  259. function prepareAnimationData( data, defaultMatrix ) {
  260. var keyframes = [];
  261. // transfer data into a sortable array
  262. for ( var time in data ) {
  263. keyframes.push( { time: parseFloat( time ), value: data[ time ] } );
  264. }
  265. // ensure keyframes are sorted by time
  266. keyframes.sort( ascending );
  267. // now we clean up all animation data, so we can use them for keyframe tracks
  268. for ( var i = 0; i < 16; i ++ ) {
  269. transformAnimationData( keyframes, i, defaultMatrix.elements[ i ] );
  270. }
  271. return keyframes;
  272. // array sort function
  273. function ascending( a, b ) {
  274. return a.time - b.time;
  275. }
  276. }
  277. var position = new THREE.Vector3();
  278. var scale = new THREE.Vector3();
  279. var quaternion = new THREE.Quaternion();
  280. function createKeyframeTracks( animation, tracks ) {
  281. var keyframes = animation.keyframes;
  282. var name = animation.name;
  283. var times = [];
  284. var positionData = [];
  285. var quaternionData = [];
  286. var scaleData = [];
  287. for ( var i = 0, l = keyframes.length; i < l; i ++ ) {
  288. var keyframe = keyframes[ i ];
  289. var time = keyframe.time;
  290. var value = keyframe.value;
  291. matrix.fromArray( value ).transpose();
  292. matrix.decompose( position, quaternion, scale );
  293. times.push( time );
  294. positionData.push( position.x, position.y, position.z );
  295. quaternionData.push( quaternion.x, quaternion.y, quaternion.z, quaternion.w );
  296. scaleData.push( scale.x, scale.y, scale.z );
  297. }
  298. if ( positionData.length > 0 ) tracks.push( new THREE.VectorKeyframeTrack( name + '.position', times, positionData ) );
  299. if ( quaternionData.length > 0 ) tracks.push( new THREE.QuaternionKeyframeTrack( name + '.quaternion', times, quaternionData ) );
  300. if ( scaleData.length > 0 ) tracks.push( new THREE.VectorKeyframeTrack( name + '.scale', times, scaleData ) );
  301. return tracks;
  302. }
  303. function transformAnimationData( keyframes, property, defaultValue ) {
  304. var keyframe;
  305. var empty = true;
  306. var i, l;
  307. // check, if values of a property are missing in our keyframes
  308. for ( i = 0, l = keyframes.length; i < l; i ++ ) {
  309. keyframe = keyframes[ i ];
  310. if ( keyframe.value[ property ] === undefined ) {
  311. keyframe.value[ property ] = null; // mark as missing
  312. } else {
  313. empty = false;
  314. }
  315. }
  316. if ( empty === true ) {
  317. // no values at all, so we set a default value
  318. for ( i = 0, l = keyframes.length; i < l; i ++ ) {
  319. keyframe = keyframes[ i ];
  320. keyframe.value[ property ] = defaultValue;
  321. }
  322. } else {
  323. // filling gaps
  324. createMissingKeyframes( keyframes, property );
  325. }
  326. }
  327. function createMissingKeyframes( keyframes, property ) {
  328. var prev, next;
  329. for ( var i = 0, l = keyframes.length; i < l; i ++ ) {
  330. var keyframe = keyframes[ i ];
  331. if ( keyframe.value[ property ] === null ) {
  332. prev = getPrev( keyframes, i, property );
  333. next = getNext( keyframes, i, property );
  334. if ( prev === null ) {
  335. keyframe.value[ property ] = next.value[ property ];
  336. continue;
  337. }
  338. if ( next === null ) {
  339. keyframe.value[ property ] = prev.value[ property ];
  340. continue;
  341. }
  342. interpolate( keyframe, prev, next, property );
  343. }
  344. }
  345. }
  346. function getPrev( keyframes, i, property ) {
  347. while ( i >= 0 ) {
  348. var keyframe = keyframes[ i ];
  349. if ( keyframe.value[ property ] !== null ) return keyframe;
  350. i --;
  351. }
  352. return null;
  353. }
  354. function getNext( keyframes, i, property ) {
  355. while ( i < keyframes.length ) {
  356. var keyframe = keyframes[ i ];
  357. if ( keyframe.value[ property ] !== null ) return keyframe;
  358. i ++;
  359. }
  360. return null;
  361. }
  362. function interpolate( key, prev, next, property ) {
  363. if ( ( next.time - prev.time ) === 0 ) {
  364. key.value[ property ] = prev.value[ property ];
  365. return;
  366. }
  367. key.value[ property ] = ( ( key.time - prev.time ) * ( next.value[ property ] - prev.value[ property ] ) / ( next.time - prev.time ) ) + prev.value[ property ];
  368. }
  369. // animation clips
  370. function parseAnimationClip( xml ) {
  371. var data = {
  372. name: xml.getAttribute( 'id' ) || 'default',
  373. start: parseFloat( xml.getAttribute( 'start' ) || 0 ),
  374. end: parseFloat( xml.getAttribute( 'end' ) || 0 ),
  375. animations: []
  376. };
  377. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  378. var child = xml.childNodes[ i ];
  379. if ( child.nodeType !== 1 ) continue;
  380. switch ( child.nodeName ) {
  381. case 'instance_animation':
  382. data.animations.push( parseId( child.getAttribute( 'url' ) ) );
  383. break;
  384. }
  385. }
  386. library.clips[ xml.getAttribute( 'id' ) ] = data;
  387. }
  388. function buildAnimationClip( data ) {
  389. var tracks = [];
  390. var name = data.name;
  391. var duration = ( data.end - data.start ) || - 1;
  392. var animations = data.animations;
  393. for ( var i = 0, il = animations.length; i < il; i ++ ) {
  394. var animationTracks = getAnimation( animations[ i ] );
  395. for ( var j = 0, jl = animationTracks.length; j < jl; j ++ ) {
  396. tracks.push( animationTracks[ j ] );
  397. }
  398. }
  399. return new THREE.AnimationClip( name, duration, tracks );
  400. }
  401. function getAnimationClip( id ) {
  402. return getBuild( library.clips[ id ], buildAnimationClip );
  403. }
  404. // controller
  405. function parseController( xml ) {
  406. var data = {};
  407. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  408. var child = xml.childNodes[ i ];
  409. if ( child.nodeType !== 1 ) continue;
  410. switch ( child.nodeName ) {
  411. case 'skin':
  412. // there is exactly one skin per controller
  413. data.id = parseId( child.getAttribute( 'source' ) );
  414. data.skin = parseSkin( child );
  415. break;
  416. case 'morph':
  417. data.id = parseId( child.getAttribute( 'source' ) );
  418. console.warn( 'THREE.ColladaLoader: Morph target animation not supported yet.' );
  419. break;
  420. }
  421. }
  422. library.controllers[ xml.getAttribute( 'id' ) ] = data;
  423. }
  424. function parseSkin( xml ) {
  425. var data = {
  426. sources: {}
  427. };
  428. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  429. var child = xml.childNodes[ i ];
  430. if ( child.nodeType !== 1 ) continue;
  431. switch ( child.nodeName ) {
  432. case 'bind_shape_matrix':
  433. data.bindShapeMatrix = parseFloats( child.textContent );
  434. break;
  435. case 'source':
  436. var id = child.getAttribute( 'id' );
  437. data.sources[ id ] = parseSource( child );
  438. break;
  439. case 'joints':
  440. data.joints = parseJoints( child );
  441. break;
  442. case 'vertex_weights':
  443. data.vertexWeights = parseVertexWeights( child );
  444. break;
  445. }
  446. }
  447. return data;
  448. }
  449. function parseJoints( xml ) {
  450. var data = {
  451. inputs: {}
  452. };
  453. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  454. var child = xml.childNodes[ i ];
  455. if ( child.nodeType !== 1 ) continue;
  456. switch ( child.nodeName ) {
  457. case 'input':
  458. var semantic = child.getAttribute( 'semantic' );
  459. var id = parseId( child.getAttribute( 'source' ) );
  460. data.inputs[ semantic ] = id;
  461. break;
  462. }
  463. }
  464. return data;
  465. }
  466. function parseVertexWeights( xml ) {
  467. var data = {
  468. inputs: {}
  469. };
  470. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  471. var child = xml.childNodes[ i ];
  472. if ( child.nodeType !== 1 ) continue;
  473. switch ( child.nodeName ) {
  474. case 'input':
  475. var semantic = child.getAttribute( 'semantic' );
  476. var id = parseId( child.getAttribute( 'source' ) );
  477. var offset = parseInt( child.getAttribute( 'offset' ) );
  478. data.inputs[ semantic ] = { id: id, offset: offset };
  479. break;
  480. case 'vcount':
  481. data.vcount = parseInts( child.textContent );
  482. break;
  483. case 'v':
  484. data.v = parseInts( child.textContent );
  485. break;
  486. }
  487. }
  488. return data;
  489. }
  490. function buildController( data ) {
  491. var build = {
  492. id: data.id
  493. };
  494. var geometry = library.geometries[ build.id ];
  495. if ( data.skin !== undefined ) {
  496. build.skin = buildSkin( data.skin );
  497. // we enhance the 'sources' property of the corresponding geometry with our skin data
  498. geometry.sources.skinIndices = build.skin.indices;
  499. geometry.sources.skinWeights = build.skin.weights;
  500. }
  501. return build;
  502. }
  503. function buildSkin( data ) {
  504. var BONE_LIMIT = 4;
  505. var build = {
  506. joints: [], // this must be an array to preserve the joint order
  507. indices: {
  508. array: [],
  509. stride: BONE_LIMIT
  510. },
  511. weights: {
  512. array: [],
  513. stride: BONE_LIMIT
  514. }
  515. };
  516. var sources = data.sources;
  517. var vertexWeights = data.vertexWeights;
  518. var vcount = vertexWeights.vcount;
  519. var v = vertexWeights.v;
  520. var jointOffset = vertexWeights.inputs.JOINT.offset;
  521. var weightOffset = vertexWeights.inputs.WEIGHT.offset;
  522. var jointSource = data.sources[ data.joints.inputs.JOINT ];
  523. var inverseSource = data.sources[ data.joints.inputs.INV_BIND_MATRIX ];
  524. var weights = sources[ vertexWeights.inputs.WEIGHT.id ].array;
  525. var stride = 0;
  526. var i, j, l;
  527. // procces skin data for each vertex
  528. for ( i = 0, l = vcount.length; i < l; i ++ ) {
  529. var jointCount = vcount[ i ]; // this is the amount of joints that affect a single vertex
  530. var vertexSkinData = [];
  531. for ( j = 0; j < jointCount; j ++ ) {
  532. var skinIndex = v[ stride + jointOffset ];
  533. var weightId = v[ stride + weightOffset ];
  534. var skinWeight = weights[ weightId ];
  535. vertexSkinData.push( { index: skinIndex, weight: skinWeight } );
  536. stride += 2;
  537. }
  538. // we sort the joints in descending order based on the weights.
  539. // this ensures, we only procced the most important joints of the vertex
  540. vertexSkinData.sort( descending );
  541. // now we provide for each vertex a set of four index and weight values.
  542. // the order of the skin data matches the order of vertices
  543. for ( j = 0; j < BONE_LIMIT; j ++ ) {
  544. var d = vertexSkinData[ j ];
  545. if ( d !== undefined ) {
  546. build.indices.array.push( d.index );
  547. build.weights.array.push( d.weight );
  548. } else {
  549. build.indices.array.push( 0 );
  550. build.weights.array.push( 0 );
  551. }
  552. }
  553. }
  554. // setup bind matrix
  555. build.bindMatrix = new THREE.Matrix4().fromArray( data.bindShapeMatrix ).transpose();
  556. // process bones and inverse bind matrix data
  557. for ( i = 0, l = jointSource.array.length; i < l; i ++ ) {
  558. var name = jointSource.array[ i ];
  559. var boneInverse = new THREE.Matrix4().fromArray( inverseSource.array, i * inverseSource.stride ).transpose();
  560. build.joints.push( { name: name, boneInverse: boneInverse } );
  561. }
  562. return build;
  563. // array sort function
  564. function descending( a, b ) {
  565. return b.weight - a.weight;
  566. }
  567. }
  568. function getController( id ) {
  569. return getBuild( library.controllers[ id ], buildController );
  570. }
  571. // image
  572. function parseImage( xml ) {
  573. var data = {
  574. init_from: getElementsByTagName( xml, 'init_from' )[ 0 ].textContent
  575. };
  576. library.images[ xml.getAttribute( 'id' ) ] = data;
  577. }
  578. function buildImage( data ) {
  579. if ( data.build !== undefined ) return data.build;
  580. return data.init_from;
  581. }
  582. function getImage( id ) {
  583. return getBuild( library.images[ id ], buildImage );
  584. }
  585. // effect
  586. function parseEffect( xml ) {
  587. var data = {};
  588. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  589. var child = xml.childNodes[ i ];
  590. if ( child.nodeType !== 1 ) continue;
  591. switch ( child.nodeName ) {
  592. case 'profile_COMMON':
  593. data.profile = parseEffectProfileCOMMON( child );
  594. break;
  595. }
  596. }
  597. library.effects[ xml.getAttribute( 'id' ) ] = data;
  598. }
  599. function parseEffectProfileCOMMON( xml ) {
  600. var data = {
  601. surfaces: {},
  602. samplers: {}
  603. };
  604. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  605. var child = xml.childNodes[ i ];
  606. if ( child.nodeType !== 1 ) continue;
  607. switch ( child.nodeName ) {
  608. case 'newparam':
  609. parseEffectNewparam( child, data );
  610. break;
  611. case 'technique':
  612. data.technique = parseEffectTechnique( child );
  613. break;
  614. }
  615. }
  616. return data;
  617. }
  618. function parseEffectNewparam( xml, data ) {
  619. var sid = xml.getAttribute( 'sid' );
  620. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  621. var child = xml.childNodes[ i ];
  622. if ( child.nodeType !== 1 ) continue;
  623. switch ( child.nodeName ) {
  624. case 'surface':
  625. data.surfaces[ sid ] = parseEffectSurface( child );
  626. break;
  627. case 'sampler2D':
  628. data.samplers[ sid ] = parseEffectSampler( child );
  629. break;
  630. }
  631. }
  632. }
  633. function parseEffectSurface( xml ) {
  634. var data = {};
  635. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  636. var child = xml.childNodes[ i ];
  637. if ( child.nodeType !== 1 ) continue;
  638. switch ( child.nodeName ) {
  639. case 'init_from':
  640. data.init_from = child.textContent;
  641. break;
  642. }
  643. }
  644. return data;
  645. }
  646. function parseEffectSampler( xml ) {
  647. var data = {};
  648. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  649. var child = xml.childNodes[ i ];
  650. if ( child.nodeType !== 1 ) continue;
  651. switch ( child.nodeName ) {
  652. case 'source':
  653. data.source = child.textContent;
  654. break;
  655. }
  656. }
  657. return data;
  658. }
  659. function parseEffectTechnique( xml ) {
  660. var data = {};
  661. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  662. var child = xml.childNodes[ i ];
  663. if ( child.nodeType !== 1 ) continue;
  664. switch ( child.nodeName ) {
  665. case 'constant':
  666. case 'lambert':
  667. case 'blinn':
  668. case 'phong':
  669. data.type = child.nodeName;
  670. data.parameters = parseEffectParameters( child );
  671. break;
  672. }
  673. }
  674. return data;
  675. }
  676. function parseEffectParameters( xml ) {
  677. var data = {};
  678. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  679. var child = xml.childNodes[ i ];
  680. if ( child.nodeType !== 1 ) continue;
  681. switch ( child.nodeName ) {
  682. case 'emission':
  683. case 'diffuse':
  684. case 'specular':
  685. case 'shininess':
  686. case 'transparent':
  687. case 'transparency':
  688. data[ child.nodeName ] = parseEffectParameter( child );
  689. break;
  690. }
  691. }
  692. return data;
  693. }
  694. function parseEffectParameter( xml ) {
  695. var data = {};
  696. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  697. var child = xml.childNodes[ i ];
  698. if ( child.nodeType !== 1 ) continue;
  699. switch ( child.nodeName ) {
  700. case 'color':
  701. data[ child.nodeName ] = parseFloats( child.textContent );
  702. break;
  703. case 'float':
  704. data[ child.nodeName ] = parseFloat( child.textContent );
  705. break;
  706. case 'texture':
  707. data[ child.nodeName ] = { id: child.getAttribute( 'texture' ), extra: parseEffectParameterTexture( child ) };
  708. break;
  709. }
  710. }
  711. return data;
  712. }
  713. function parseEffectParameterTexture( xml ) {
  714. var data = {
  715. technique: {}
  716. };
  717. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  718. var child = xml.childNodes[ i ];
  719. if ( child.nodeType !== 1 ) continue;
  720. switch ( child.nodeName ) {
  721. case 'extra':
  722. parseEffectParameterTextureExtra( child, data );
  723. break;
  724. }
  725. }
  726. return data;
  727. }
  728. function parseEffectParameterTextureExtra( xml, data ) {
  729. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  730. var child = xml.childNodes[ i ];
  731. if ( child.nodeType !== 1 ) continue;
  732. switch ( child.nodeName ) {
  733. case 'technique':
  734. parseEffectParameterTextureExtraTechnique( child, data );
  735. break;
  736. }
  737. }
  738. }
  739. function parseEffectParameterTextureExtraTechnique( xml, data ) {
  740. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  741. var child = xml.childNodes[ i ];
  742. if ( child.nodeType !== 1 ) continue;
  743. switch ( child.nodeName ) {
  744. case 'repeatU':
  745. case 'repeatV':
  746. case 'offsetU':
  747. case 'offsetV':
  748. data.technique[ child.nodeName ] = parseFloat( child.textContent );
  749. break;
  750. case 'wrapU':
  751. case 'wrapV':
  752. // some files have values for wrapU/wrapV which become NaN via parseInt
  753. if ( child.textContent.toUpperCase() === 'TRUE' ) {
  754. data.technique[ child.nodeName ] = 1;
  755. } else if ( child.textContent.toUpperCase() === 'FALSE' ) {
  756. data.technique[ child.nodeName ] = 0;
  757. } else {
  758. data.technique[ child.nodeName ] = parseInt( child.textContent );
  759. }
  760. break;
  761. }
  762. }
  763. }
  764. function buildEffect( data ) {
  765. return data;
  766. }
  767. function getEffect( id ) {
  768. return getBuild( library.effects[ id ], buildEffect );
  769. }
  770. // material
  771. function parseMaterial( xml ) {
  772. var data = {
  773. name: xml.getAttribute( 'name' )
  774. };
  775. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  776. var child = xml.childNodes[ i ];
  777. if ( child.nodeType !== 1 ) continue;
  778. switch ( child.nodeName ) {
  779. case 'instance_effect':
  780. data.url = parseId( child.getAttribute( 'url' ) );
  781. break;
  782. }
  783. }
  784. library.materials[ xml.getAttribute( 'id' ) ] = data;
  785. }
  786. function buildMaterial( data ) {
  787. var effect = getEffect( data.url );
  788. var technique = effect.profile.technique;
  789. var material;
  790. switch ( technique.type ) {
  791. case 'phong':
  792. case 'blinn':
  793. material = new THREE.MeshPhongMaterial();
  794. break;
  795. case 'lambert':
  796. material = new THREE.MeshLambertMaterial();
  797. break;
  798. default:
  799. material = new THREE.MeshBasicMaterial();
  800. break;
  801. }
  802. material.name = data.name;
  803. function getTexture( textureObject ) {
  804. var sampler = effect.profile.samplers[ textureObject.id ];
  805. if ( sampler !== undefined ) {
  806. var surface = effect.profile.surfaces[ sampler.source ];
  807. var texture = textureLoader.load( getImage( surface.init_from ) );
  808. var extra = textureObject.extra;
  809. if ( extra !== undefined && extra.technique !== undefined && isEmpty( extra.technique ) === false ) {
  810. var technique = extra.technique;
  811. texture.wrapS = technique.wrapU ? THREE.RepeatWrapping : THREE.ClampToEdgeWrapping;
  812. texture.wrapT = technique.wrapV ? THREE.RepeatWrapping : THREE.ClampToEdgeWrapping;
  813. texture.offset.set( technique.offsetU || 0, technique.offsetV || 0 );
  814. texture.repeat.set( technique.repeatU || 1, technique.repeatV || 1 );
  815. } else {
  816. texture.wrapS = THREE.RepeatWrapping;
  817. texture.wrapT = THREE.RepeatWrapping;
  818. }
  819. return texture;
  820. }
  821. console.error( 'THREE.ColladaLoader: Undefined sampler', textureObject.id );
  822. return null;
  823. }
  824. var parameters = technique.parameters;
  825. for ( var key in parameters ) {
  826. var parameter = parameters[ key ];
  827. switch ( key ) {
  828. case 'diffuse':
  829. if ( parameter.color ) material.color.fromArray( parameter.color );
  830. if ( parameter.texture ) material.map = getTexture( parameter.texture );
  831. break;
  832. case 'specular':
  833. if ( parameter.color && material.specular ) material.specular.fromArray( parameter.color );
  834. if ( parameter.texture ) material.specularMap = getTexture( parameter.texture );
  835. break;
  836. case 'shininess':
  837. if ( parameter.float && material.shininess )
  838. material.shininess = parameter.float;
  839. break;
  840. case 'emission':
  841. if ( parameter.color && material.emissive )
  842. material.emissive.fromArray( parameter.color );
  843. break;
  844. case 'transparent':
  845. // if ( parameter.texture ) material.alphaMap = getTexture( parameter.texture );
  846. material.transparent = true;
  847. break;
  848. case 'transparency':
  849. if ( parameter.float !== undefined ) material.opacity = parameter.float;
  850. material.transparent = true;
  851. break;
  852. }
  853. }
  854. return material;
  855. }
  856. function getMaterial( id ) {
  857. return getBuild( library.materials[ id ], buildMaterial );
  858. }
  859. // camera
  860. function parseCamera( xml ) {
  861. var data = {
  862. name: xml.getAttribute( 'name' )
  863. };
  864. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  865. var child = xml.childNodes[ i ];
  866. if ( child.nodeType !== 1 ) continue;
  867. switch ( child.nodeName ) {
  868. case 'optics':
  869. data.optics = parseCameraOptics( child );
  870. break;
  871. }
  872. }
  873. library.cameras[ xml.getAttribute( 'id' ) ] = data;
  874. }
  875. function parseCameraOptics( xml ) {
  876. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  877. var child = xml.childNodes[ i ];
  878. switch ( child.nodeName ) {
  879. case 'technique_common':
  880. return parseCameraTechnique( child );
  881. }
  882. }
  883. return {};
  884. }
  885. function parseCameraTechnique( xml ) {
  886. var data = {};
  887. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  888. var child = xml.childNodes[ i ];
  889. switch ( child.nodeName ) {
  890. case 'perspective':
  891. case 'orthographic':
  892. data.technique = child.nodeName;
  893. data.parameters = parseCameraParameters( child );
  894. break;
  895. }
  896. }
  897. return data;
  898. }
  899. function parseCameraParameters( xml ) {
  900. var data = {};
  901. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  902. var child = xml.childNodes[ i ];
  903. switch ( child.nodeName ) {
  904. case 'xfov':
  905. case 'yfov':
  906. case 'xmag':
  907. case 'ymag':
  908. case 'znear':
  909. case 'zfar':
  910. case 'aspect_ratio':
  911. data[ child.nodeName ] = parseFloat( child.textContent );
  912. break;
  913. }
  914. }
  915. return data;
  916. }
  917. function buildCamera( data ) {
  918. var camera;
  919. switch ( data.optics.technique ) {
  920. case 'perspective':
  921. camera = new THREE.PerspectiveCamera(
  922. data.optics.parameters.yfov,
  923. data.optics.parameters.aspect_ratio,
  924. data.optics.parameters.znear,
  925. data.optics.parameters.zfar
  926. );
  927. break;
  928. case 'orthographic':
  929. var ymag = data.optics.parameters.ymag;
  930. var xmag = data.optics.parameters.xmag;
  931. var aspectRatio = data.optics.parameters.aspect_ratio;
  932. xmag = ( xmag === undefined ) ? ( ymag * aspectRatio ) : xmag;
  933. ymag = ( ymag === undefined ) ? ( xmag / aspectRatio ) : ymag;
  934. xmag *= 0.5;
  935. ymag *= 0.5;
  936. camera = new THREE.OrthographicCamera(
  937. - xmag, xmag, ymag, - ymag, // left, right, top, bottom
  938. data.optics.parameters.znear,
  939. data.optics.parameters.zfar
  940. );
  941. break;
  942. default:
  943. camera = new THREE.PerspectiveCamera();
  944. break;
  945. }
  946. camera.name = data.name;
  947. return camera;
  948. }
  949. function getCamera( id ) {
  950. return getBuild( library.cameras[ id ], buildCamera );
  951. }
  952. // light
  953. function parseLight( xml ) {
  954. var data = {};
  955. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  956. var child = xml.childNodes[ i ];
  957. if ( child.nodeType !== 1 ) continue;
  958. switch ( child.nodeName ) {
  959. case 'technique_common':
  960. data = parseLightTechnique( child );
  961. break;
  962. }
  963. }
  964. library.lights[ xml.getAttribute( 'id' ) ] = data;
  965. }
  966. function parseLightTechnique( xml ) {
  967. var data = {};
  968. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  969. var child = xml.childNodes[ i ];
  970. if ( child.nodeType !== 1 ) continue;
  971. switch ( child.nodeName ) {
  972. case 'directional':
  973. case 'point':
  974. case 'spot':
  975. case 'ambient':
  976. data.technique = child.nodeName;
  977. data.parameters = parseLightParameters( child );
  978. }
  979. }
  980. return data;
  981. }
  982. function parseLightParameters( xml ) {
  983. var data = {};
  984. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  985. var child = xml.childNodes[ i ];
  986. if ( child.nodeType !== 1 ) continue;
  987. switch ( child.nodeName ) {
  988. case 'color':
  989. var array = parseFloats( child.textContent );
  990. data.color = new THREE.Color().fromArray( array );
  991. break;
  992. case 'falloff_angle':
  993. data.falloffAngle = parseFloat( child.textContent );
  994. break;
  995. case 'quadratic_attenuation':
  996. var f = parseFloat( child.textContent );
  997. data.distance = f ? Math.sqrt( 1 / f ) : 0;
  998. break;
  999. }
  1000. }
  1001. return data;
  1002. }
  1003. function buildLight( data ) {
  1004. var light;
  1005. switch ( data.technique ) {
  1006. case 'directional':
  1007. light = new THREE.DirectionalLight();
  1008. break;
  1009. case 'point':
  1010. light = new THREE.PointLight();
  1011. break;
  1012. case 'spot':
  1013. light = new THREE.SpotLight();
  1014. break;
  1015. case 'ambient':
  1016. light = new THREE.AmbientLight();
  1017. break;
  1018. }
  1019. if ( data.parameters.color ) light.color.copy( data.parameters.color );
  1020. if ( data.parameters.distance ) light.distance = data.parameters.distance;
  1021. return light;
  1022. }
  1023. function getLight( id ) {
  1024. return getBuild( library.lights[ id ], buildLight );
  1025. }
  1026. // geometry
  1027. function parseGeometry( xml ) {
  1028. var data = {
  1029. name: xml.getAttribute( 'name' ),
  1030. sources: {},
  1031. vertices: {},
  1032. primitives: []
  1033. };
  1034. var mesh = getElementsByTagName( xml, 'mesh' )[ 0 ];
  1035. for ( var i = 0; i < mesh.childNodes.length; i ++ ) {
  1036. var child = mesh.childNodes[ i ];
  1037. if ( child.nodeType !== 1 ) continue;
  1038. var id = child.getAttribute( 'id' );
  1039. switch ( child.nodeName ) {
  1040. case 'source':
  1041. data.sources[ id ] = parseSource( child );
  1042. break;
  1043. case 'vertices':
  1044. // data.sources[ id ] = data.sources[ parseId( getElementsByTagName( child, 'input' )[ 0 ].getAttribute( 'source' ) ) ];
  1045. data.vertices = parseGeometryVertices( child );
  1046. break;
  1047. case 'polygons':
  1048. console.warn( 'THREE.ColladaLoader: Unsupported primitive type: ', child.nodeName );
  1049. break;
  1050. case 'lines':
  1051. case 'linestrips':
  1052. case 'polylist':
  1053. case 'triangles':
  1054. data.primitives.push( parseGeometryPrimitive( child ) );
  1055. break;
  1056. default:
  1057. console.log( child );
  1058. }
  1059. }
  1060. library.geometries[ xml.getAttribute( 'id' ) ] = data;
  1061. }
  1062. function parseSource( xml ) {
  1063. var data = {
  1064. array: [],
  1065. stride: 3
  1066. };
  1067. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1068. var child = xml.childNodes[ i ];
  1069. if ( child.nodeType !== 1 ) continue;
  1070. switch ( child.nodeName ) {
  1071. case 'float_array':
  1072. data.array = parseFloats( child.textContent );
  1073. break;
  1074. case 'Name_array':
  1075. data.array = parseStrings( child.textContent );
  1076. break;
  1077. case 'technique_common':
  1078. var accessor = getElementsByTagName( child, 'accessor' )[ 0 ];
  1079. if ( accessor !== undefined ) {
  1080. data.stride = parseInt( accessor.getAttribute( 'stride' ) );
  1081. }
  1082. break;
  1083. }
  1084. }
  1085. return data;
  1086. }
  1087. function parseGeometryVertices( xml ) {
  1088. var data = {};
  1089. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1090. var child = xml.childNodes[ i ];
  1091. if ( child.nodeType !== 1 ) continue;
  1092. data[ child.getAttribute( 'semantic' ) ] = parseId( child.getAttribute( 'source' ) );
  1093. }
  1094. return data;
  1095. }
  1096. function parseGeometryPrimitive( xml ) {
  1097. var primitive = {
  1098. type: xml.nodeName,
  1099. material: xml.getAttribute( 'material' ),
  1100. count: parseInt( xml.getAttribute( 'count' ) ),
  1101. inputs: {},
  1102. stride: 0
  1103. };
  1104. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  1105. var child = xml.childNodes[ i ];
  1106. if ( child.nodeType !== 1 ) continue;
  1107. switch ( child.nodeName ) {
  1108. case 'input':
  1109. var id = parseId( child.getAttribute( 'source' ) );
  1110. var semantic = child.getAttribute( 'semantic' );
  1111. var offset = parseInt( child.getAttribute( 'offset' ) );
  1112. primitive.inputs[ semantic ] = { id: id, offset: offset };
  1113. primitive.stride = Math.max( primitive.stride, offset + 1 );
  1114. break;
  1115. case 'vcount':
  1116. primitive.vcount = parseInts( child.textContent );
  1117. break;
  1118. case 'p':
  1119. primitive.p = parseInts( child.textContent );
  1120. break;
  1121. }
  1122. }
  1123. return primitive;
  1124. }
  1125. function groupPrimitives( primitives ) {
  1126. var build = {};
  1127. for ( var i = 0; i < primitives.length; i ++ ) {
  1128. var primitive = primitives[ i ];
  1129. if ( build[ primitive.type ] === undefined ) build[ primitive.type ] = [];
  1130. build[ primitive.type ].push( primitive );
  1131. }
  1132. return build;
  1133. }
  1134. function buildGeometry( data ) {
  1135. var build = {};
  1136. var sources = data.sources;
  1137. var vertices = data.vertices;
  1138. var primitives = data.primitives;
  1139. if ( primitives.length === 0 ) return {};
  1140. // our goal is to create one buffer geoemtry for a single type of primitives
  1141. // first, we group all primitives by their type
  1142. var groupedPrimitives = groupPrimitives( primitives );
  1143. for ( var type in groupedPrimitives ) {
  1144. // second, we create for each type of primitives (polylist,triangles or lines) a buffer geometry
  1145. build[ type ] = buildGeometryType( groupedPrimitives[ type ], sources, vertices );
  1146. }
  1147. return build;
  1148. }
  1149. function buildGeometryType( primitives, sources, vertices ) {
  1150. var build = {};
  1151. var position = { array: [], stride: 0 };
  1152. var normal = { array: [], stride: 0 };
  1153. var uv = { array: [], stride: 0 };
  1154. var color = { array: [], stride: 0 };
  1155. var skinIndex = { array: [], stride: 4 };
  1156. var skinWeight = { array: [], stride: 4 };
  1157. var geometry = new THREE.BufferGeometry();
  1158. var materialKeys = [];
  1159. var start = 0, count = 0;
  1160. for ( var p = 0; p < primitives.length; p ++ ) {
  1161. var primitive = primitives[ p ];
  1162. var inputs = primitive.inputs;
  1163. var triangleCount = 1;
  1164. if ( primitive.vcount && primitive.vcount[ 0 ] === 4 ) {
  1165. triangleCount = 2; // one quad -> two triangles
  1166. }
  1167. // groups
  1168. if ( primitive.type === 'lines' || primitive.type === 'linestrips' ) {
  1169. count = primitive.count * 2;
  1170. } else {
  1171. count = primitive.count * 3 * triangleCount;
  1172. }
  1173. geometry.addGroup( start, count, p );
  1174. start += count;
  1175. // material
  1176. if ( primitive.material ) {
  1177. materialKeys.push( primitive.material );
  1178. }
  1179. // geometry data
  1180. for ( var name in inputs ) {
  1181. var input = inputs[ name ];
  1182. switch ( name ) {
  1183. case 'VERTEX':
  1184. for ( var key in vertices ) {
  1185. var id = vertices[ key ];
  1186. switch ( key ) {
  1187. case 'POSITION':
  1188. buildGeometryData( primitive, sources[ id ], input.offset, position.array );
  1189. position.stride = sources[ id ].stride;
  1190. if ( sources.skinWeights && sources.skinIndices ) {
  1191. buildGeometryData( primitive, sources.skinIndices, input.offset, skinIndex.array );
  1192. buildGeometryData( primitive, sources.skinWeights, input.offset, skinWeight.array );
  1193. }
  1194. break;
  1195. case 'NORMAL':
  1196. buildGeometryData( primitive, sources[ id ], input.offset, normal.array );
  1197. normal.stride = sources[ id ].stride;
  1198. break;
  1199. case 'COLOR':
  1200. buildGeometryData( primitive, sources[ id ], input.offset, color.array );
  1201. color.stride = sources[ id ].stride;
  1202. break;
  1203. case 'TEXCOORD':
  1204. buildGeometryData( primitive, sources[ id ], input.offset, uv.array );
  1205. uv.stride = sources[ id ].stride;
  1206. break;
  1207. default:
  1208. console.warn( 'THREE.ColladaLoader: Semantic "%s" not handled in geometry build process.', key );
  1209. }
  1210. }
  1211. break;
  1212. case 'NORMAL':
  1213. buildGeometryData( primitive, sources[ input.id ], input.offset, normal.array );
  1214. normal.stride = sources[ input.id ].stride;
  1215. break;
  1216. case 'COLOR':
  1217. buildGeometryData( primitive, sources[ input.id ], input.offset, color.array );
  1218. color.stride = sources[ input.id ].stride;
  1219. break;
  1220. case 'TEXCOORD':
  1221. buildGeometryData( primitive, sources[ input.id ], input.offset, uv.array );
  1222. uv.stride = sources[ input.id ].stride;
  1223. break;
  1224. }
  1225. }
  1226. }
  1227. // build geometry
  1228. if ( position.array.length > 0 ) geometry.addAttribute( 'position', new THREE.Float32BufferAttribute( position.array, position.stride ) );
  1229. if ( normal.array.length > 0 ) geometry.addAttribute( 'normal', new THREE.Float32BufferAttribute( normal.array, normal.stride ) );
  1230. if ( color.array.length > 0 ) geometry.addAttribute( 'color', new THREE.Float32BufferAttribute( color.array, color.stride ) );
  1231. if ( uv.array.length > 0 ) geometry.addAttribute( 'uv', new THREE.Float32BufferAttribute( uv.array, uv.stride ) );
  1232. if ( skinIndex.array.length > 0 ) geometry.addAttribute( 'skinIndex', new THREE.Float32BufferAttribute( skinIndex.array, skinIndex.stride ) );
  1233. if ( skinWeight.array.length > 0 ) geometry.addAttribute( 'skinWeight', new THREE.Float32BufferAttribute( skinWeight.array, skinWeight.stride ) );
  1234. build.data = geometry;
  1235. build.type = primitives[ 0 ].type;
  1236. build.materialKeys = materialKeys;
  1237. return build;
  1238. }
  1239. function buildGeometryData( primitive, source, offset, array ) {
  1240. var indices = primitive.p;
  1241. var stride = primitive.stride;
  1242. var vcount = primitive.vcount;
  1243. function pushVector( i ) {
  1244. var index = indices[ i + offset ] * sourceStride;
  1245. var length = index + sourceStride;
  1246. for ( ; index < length; index ++ ) {
  1247. array.push( sourceArray[ index ] );
  1248. }
  1249. }
  1250. var maxcount = 0;
  1251. var sourceArray = source.array;
  1252. var sourceStride = source.stride;
  1253. if ( primitive.vcount !== undefined ) {
  1254. var index = 0;
  1255. for ( var i = 0, l = vcount.length; i < l; i ++ ) {
  1256. var count = vcount[ i ];
  1257. if ( count === 4 ) {
  1258. var a = index + stride * 0;
  1259. var b = index + stride * 1;
  1260. var c = index + stride * 2;
  1261. var d = index + stride * 3;
  1262. pushVector( a ); pushVector( b ); pushVector( d );
  1263. pushVector( b ); pushVector( c ); pushVector( d );
  1264. } else if ( count === 3 ) {
  1265. var a = index + stride * 0;
  1266. var b = index + stride * 1;
  1267. var c = index + stride * 2;
  1268. pushVector( a ); pushVector( b ); pushVector( c );
  1269. } else {
  1270. maxcount = Math.max( maxcount, count );
  1271. }
  1272. index += stride * count;
  1273. }
  1274. if ( maxcount > 0 ) {
  1275. console.log( 'THREE.ColladaLoader: Geometry has faces with more than 4 vertices.' );
  1276. }
  1277. } else {
  1278. for ( var i = 0, l = indices.length; i < l; i += stride ) {
  1279. pushVector( i );
  1280. }
  1281. }
  1282. }
  1283. function getGeometry( id ) {
  1284. return getBuild( library.geometries[ id ], buildGeometry );
  1285. }
  1286. // kinematics
  1287. function parseKinematicsModel( xml ) {
  1288. var data = {
  1289. name: xml.getAttribute( 'name' ) || '',
  1290. joints: {},
  1291. links: []
  1292. };
  1293. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1294. var child = xml.childNodes[ i ];
  1295. if ( child.nodeType !== 1 ) continue;
  1296. switch ( child.nodeName ) {
  1297. case 'technique_common':
  1298. parseKinematicsTechniqueCommon( child, data );
  1299. break;
  1300. }
  1301. }
  1302. library.kinematicsModels[ xml.getAttribute( 'id' ) ] = data;
  1303. }
  1304. function buildKinematicsModel( data ) {
  1305. if ( data.build !== undefined ) return data.build;
  1306. return data;
  1307. }
  1308. function getKinematicsModel( id ) {
  1309. return getBuild( library.kinematicsModels[ id ], buildKinematicsModel );
  1310. }
  1311. function parseKinematicsTechniqueCommon( xml, data ) {
  1312. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1313. var child = xml.childNodes[ i ];
  1314. if ( child.nodeType !== 1 ) continue;
  1315. switch ( child.nodeName ) {
  1316. case 'joint':
  1317. data.joints[ child.getAttribute( 'sid' ) ] = parseKinematicsJoint( child );
  1318. break;
  1319. case 'link':
  1320. data.links.push( parseKinematicsLink( child ) );
  1321. break;
  1322. }
  1323. }
  1324. }
  1325. function parseKinematicsJoint( xml ) {
  1326. var data;
  1327. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1328. var child = xml.childNodes[ i ];
  1329. if ( child.nodeType !== 1 ) continue;
  1330. switch ( child.nodeName ) {
  1331. case 'prismatic':
  1332. case 'revolute':
  1333. data = parseKinematicsJointParameter( child );
  1334. break;
  1335. }
  1336. }
  1337. return data;
  1338. }
  1339. function parseKinematicsJointParameter( xml, data ) {
  1340. var data = {
  1341. sid: xml.getAttribute( 'sid' ),
  1342. name: xml.getAttribute( 'name' ) || '',
  1343. axis: new THREE.Vector3(),
  1344. limits: {
  1345. min: 0,
  1346. max: 0
  1347. },
  1348. type: xml.nodeName,
  1349. static: false,
  1350. zeroPosition: 0,
  1351. middlePosition: 0
  1352. };
  1353. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1354. var child = xml.childNodes[ i ];
  1355. if ( child.nodeType !== 1 ) continue;
  1356. switch ( child.nodeName ) {
  1357. case 'axis':
  1358. var array = parseFloats( child.textContent );
  1359. data.axis.fromArray( array );
  1360. break;
  1361. case 'limits':
  1362. var max = child.getElementsByTagName( 'max' )[ 0 ];
  1363. var min = child.getElementsByTagName( 'min' )[ 0 ];
  1364. data.limits.max = parseFloat( max.textContent );
  1365. data.limits.min = parseFloat( min.textContent );
  1366. break;
  1367. }
  1368. }
  1369. // if min is equal to or greater than max, consider the joint static
  1370. if ( data.limits.min >= data.limits.max ) {
  1371. data.static = true;
  1372. }
  1373. // calculate middle position
  1374. data.middlePosition = ( data.limits.min + data.limits.max ) / 2.0;
  1375. return data;
  1376. }
  1377. function parseKinematicsLink( xml ) {
  1378. var data = {
  1379. sid: xml.getAttribute( 'sid' ),
  1380. name: xml.getAttribute( 'name' ) || '',
  1381. attachments: [],
  1382. transforms: []
  1383. };
  1384. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1385. var child = xml.childNodes[ i ];
  1386. if ( child.nodeType !== 1 ) continue;
  1387. switch ( child.nodeName ) {
  1388. case 'attachment_full':
  1389. data.attachments.push( parseKinematicsAttachment( child ) );
  1390. break;
  1391. case 'matrix':
  1392. case 'translate':
  1393. case 'rotate':
  1394. data.transforms.push( parseKinematicsTransform( child ) );
  1395. break;
  1396. }
  1397. }
  1398. return data;
  1399. }
  1400. function parseKinematicsAttachment( xml ) {
  1401. var data = {
  1402. joint: xml.getAttribute( 'joint' ).split( '/' ).pop(),
  1403. transforms: [],
  1404. links: []
  1405. };
  1406. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1407. var child = xml.childNodes[ i ];
  1408. if ( child.nodeType !== 1 ) continue;
  1409. switch ( child.nodeName ) {
  1410. case 'link':
  1411. data.links.push( parseKinematicsLink( child ) );
  1412. break;
  1413. case 'matrix':
  1414. case 'translate':
  1415. case 'rotate':
  1416. data.transforms.push( parseKinematicsTransform( child ) );
  1417. break;
  1418. }
  1419. }
  1420. return data;
  1421. }
  1422. function parseKinematicsTransform( xml ) {
  1423. var data = {
  1424. type: xml.nodeName
  1425. };
  1426. var array = parseFloats( xml.textContent );
  1427. switch ( data.type ) {
  1428. case 'matrix':
  1429. data.obj = new THREE.Matrix4();
  1430. data.obj.fromArray( array ).transpose();
  1431. break;
  1432. case 'translate':
  1433. data.obj = new THREE.Vector3();
  1434. data.obj.fromArray( array );
  1435. break;
  1436. case 'rotate':
  1437. data.obj = new THREE.Vector3();
  1438. data.obj.fromArray( array );
  1439. data.angle = THREE.Math.degToRad( array[ 3 ] );
  1440. break;
  1441. }
  1442. return data;
  1443. }
  1444. function parseKinematicsScene( xml ) {
  1445. var data = {
  1446. bindJointAxis: []
  1447. };
  1448. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1449. var child = xml.childNodes[ i ];
  1450. if ( child.nodeType !== 1 ) continue;
  1451. switch ( child.nodeName ) {
  1452. case 'bind_joint_axis':
  1453. data.bindJointAxis.push( parseKinematicsBindJointAxis( child ) );
  1454. break;
  1455. }
  1456. }
  1457. library.kinematicsScenes[ parseId( xml.getAttribute( 'url' ) ) ] = data;
  1458. }
  1459. function parseKinematicsBindJointAxis( xml ) {
  1460. var data = {
  1461. target: xml.getAttribute( 'target' ).split( '/' ).pop()
  1462. };
  1463. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1464. var child = xml.childNodes[ i ];
  1465. if ( child.nodeType !== 1 ) continue;
  1466. switch ( child.nodeName ) {
  1467. case 'axis':
  1468. var param = child.getElementsByTagName( 'param' )[ 0 ];
  1469. data.axis = param.textContent;
  1470. var tmpJointIndex = data.axis.split( 'inst_' ).pop().split( 'axis' )[ 0 ];
  1471. data.jointIndex = tmpJointIndex.substr( 0, tmpJointIndex.length - 1 );
  1472. break;
  1473. }
  1474. }
  1475. return data;
  1476. }
  1477. function buildKinematicsScene( data ) {
  1478. if ( data.build !== undefined ) return data.build;
  1479. return data;
  1480. }
  1481. function getKinematicsScene( id ) {
  1482. return getBuild( library.kinematicsScenes[ id ], buildKinematicsScene );
  1483. }
  1484. function setupKinematics() {
  1485. var kinematicsModelId = Object.keys( library.kinematicsModels )[ 0 ];
  1486. var kinematicsSceneId = Object.keys( library.kinematicsScenes )[ 0 ];
  1487. var visualSceneId = Object.keys( library.visualScenes )[ 0 ];
  1488. if ( kinematicsModelId === undefined || kinematicsSceneId === undefined ) return;
  1489. var kinematicsModel = getKinematicsModel( kinematicsModelId );
  1490. var kinematicsScene = getKinematicsScene( kinematicsSceneId );
  1491. var visualScene = getVisualScene( visualSceneId );
  1492. var bindJointAxis = kinematicsScene.bindJointAxis;
  1493. var jointMap = {};
  1494. for ( var i = 0, l = bindJointAxis.length; i < l; i ++ ) {
  1495. var axis = bindJointAxis[ i ];
  1496. // the result of the following query is an element of type 'translate', 'rotate','scale' or 'matrix'
  1497. var targetElement = collada.querySelector( '[sid="' + axis.target + '"]' );
  1498. if ( targetElement ) {
  1499. // get the parent of the transfrom element
  1500. var parentVisualElement = targetElement.parentElement;
  1501. // connect the joint of the kinematics model with the element in the visual scene
  1502. connect( axis.jointIndex, parentVisualElement );
  1503. }
  1504. }
  1505. function connect( jointIndex, visualElement ) {
  1506. var visualElementName = visualElement.getAttribute( 'name' );
  1507. var joint = kinematicsModel.joints[ jointIndex ];
  1508. visualScene.traverse( function ( object ) {
  1509. if ( object.name === visualElementName ) {
  1510. jointMap[ jointIndex ] = {
  1511. object: object,
  1512. transforms: buildTransformList( visualElement ),
  1513. joint: joint,
  1514. position: joint.zeroPosition
  1515. };
  1516. }
  1517. } );
  1518. }
  1519. var m0 = new THREE.Matrix4();
  1520. kinematics = {
  1521. joints: kinematicsModel && kinematicsModel.joints,
  1522. getJointValue: function ( jointIndex ) {
  1523. var jointData = jointMap[ jointIndex ];
  1524. if ( jointData ) {
  1525. return jointData.position;
  1526. } else {
  1527. console.warn( 'THREE.ColladaLoader: Joint ' + jointIndex + ' doesn\'t exist.' );
  1528. }
  1529. },
  1530. setJointValue: function ( jointIndex, value ) {
  1531. var jointData = jointMap[ jointIndex ];
  1532. if ( jointData ) {
  1533. var joint = jointData.joint;
  1534. if ( value > joint.limits.max || value < joint.limits.min ) {
  1535. console.warn( 'THREE.ColladaLoader: Joint ' + jointIndex + ' value ' + value + ' outside of limits (min: ' + joint.limits.min + ', max: ' + joint.limits.max + ').' );
  1536. } else if ( joint.static ) {
  1537. console.warn( 'THREE.ColladaLoader: Joint ' + jointIndex + ' is static.' );
  1538. } else {
  1539. var object = jointData.object;
  1540. var axis = joint.axis;
  1541. var transforms = jointData.transforms;
  1542. matrix.identity();
  1543. // each update, we have to apply all transforms in the correct order
  1544. for ( var i = 0; i < transforms.length; i ++ ) {
  1545. var transform = transforms[ i ];
  1546. // if there is a connection of the transform node with a joint, apply the joint value
  1547. if ( transform.sid && transform.sid.indexOf( jointIndex ) !== - 1 ) {
  1548. switch ( joint.type ) {
  1549. case 'revolute':
  1550. matrix.multiply( m0.makeRotationAxis( axis, THREE.Math.degToRad( value ) ) );
  1551. break;
  1552. case 'prismatic':
  1553. matrix.multiply( m0.makeTranslation( axis.x * value, axis.y * value, axis.z * value ) );
  1554. break;
  1555. default:
  1556. console.warn( 'THREE.ColladaLoader: Unknown joint type: ' + joint.type );
  1557. break;
  1558. }
  1559. } else {
  1560. switch ( transform.type ) {
  1561. case 'matrix':
  1562. matrix.multiply( transform.obj );
  1563. break;
  1564. case 'translate':
  1565. matrix.multiply( m0.makeTranslation( transform.obj.x, transform.obj.y, transform.obj.z ) );
  1566. break;
  1567. case 'scale':
  1568. matrix.scale( transform.obj );
  1569. break;
  1570. case 'rotate':
  1571. matrix.multiply( m0.makeRotationAxis( transform.obj, transform.angle ) );
  1572. break;
  1573. }
  1574. }
  1575. }
  1576. object.matrix.copy( matrix );
  1577. object.matrix.decompose( object.position, object.quaternion, object.scale );
  1578. jointMap[ jointIndex ].position = value;
  1579. }
  1580. } else {
  1581. console.log( 'THREE.ColladaLoader: ' + jointIndex + ' does not exist.' );
  1582. }
  1583. }
  1584. };
  1585. }
  1586. function buildTransformList( node ) {
  1587. var transforms = [];
  1588. var xml = collada.querySelector( '[id="' + node.id + '"]' );
  1589. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1590. var child = xml.childNodes[ i ];
  1591. if ( child.nodeType !== 1 ) continue;
  1592. switch ( child.nodeName ) {
  1593. case 'matrix':
  1594. var array = parseFloats( child.textContent );
  1595. var matrix = new THREE.Matrix4().fromArray( array ).transpose();
  1596. transforms.push( {
  1597. sid: child.getAttribute( 'sid' ),
  1598. type: child.nodeName,
  1599. obj: matrix
  1600. } );
  1601. break;
  1602. case 'translate':
  1603. case 'scale':
  1604. var array = parseFloats( child.textContent );
  1605. var vector = new THREE.Vector3().fromArray( array );
  1606. transforms.push( {
  1607. sid: child.getAttribute( 'sid' ),
  1608. type: child.nodeName,
  1609. obj: vector
  1610. } );
  1611. break;
  1612. case 'rotate':
  1613. var array = parseFloats( child.textContent );
  1614. var vector = new THREE.Vector3().fromArray( array );
  1615. var angle = THREE.Math.degToRad( array[ 3 ] );
  1616. transforms.push( {
  1617. sid: child.getAttribute( 'sid' ),
  1618. type: child.nodeName,
  1619. obj: vector,
  1620. angle: angle
  1621. } );
  1622. break;
  1623. }
  1624. }
  1625. return transforms;
  1626. }
  1627. // nodes
  1628. function prepareNodes( xml ) {
  1629. var elements = xml.getElementsByTagName( 'node' );
  1630. // ensure all node elements have id attributes
  1631. for ( var i = 0; i < elements.length; i ++ ) {
  1632. var element = elements[ i ];
  1633. if ( element.hasAttribute( 'id' ) === false ) {
  1634. element.setAttribute( 'id', generateId() );
  1635. }
  1636. }
  1637. }
  1638. var matrix = new THREE.Matrix4();
  1639. var vector = new THREE.Vector3();
  1640. function parseNode( xml ) {
  1641. var data = {
  1642. name: xml.getAttribute( 'name' ) || '',
  1643. type: xml.getAttribute( 'type' ),
  1644. id: xml.getAttribute( 'id' ),
  1645. sid: xml.getAttribute( 'sid' ),
  1646. matrix: new THREE.Matrix4(),
  1647. nodes: [],
  1648. instanceCameras: [],
  1649. instanceControllers: [],
  1650. instanceLights: [],
  1651. instanceGeometries: [],
  1652. instanceNodes: [],
  1653. transforms: {}
  1654. };
  1655. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1656. var child = xml.childNodes[ i ];
  1657. if ( child.nodeType !== 1 ) continue;
  1658. switch ( child.nodeName ) {
  1659. case 'node':
  1660. data.nodes.push( child.getAttribute( 'id' ) );
  1661. parseNode( child );
  1662. break;
  1663. case 'instance_camera':
  1664. data.instanceCameras.push( parseId( child.getAttribute( 'url' ) ) );
  1665. break;
  1666. case 'instance_controller':
  1667. data.instanceControllers.push( parseNodeInstance( child ) );
  1668. break;
  1669. case 'instance_light':
  1670. data.instanceLights.push( parseId( child.getAttribute( 'url' ) ) );
  1671. break;
  1672. case 'instance_geometry':
  1673. data.instanceGeometries.push( parseNodeInstance( child ) );
  1674. break;
  1675. case 'instance_node':
  1676. data.instanceNodes.push( parseId( child.getAttribute( 'url' ) ) );
  1677. break;
  1678. case 'matrix':
  1679. var array = parseFloats( child.textContent );
  1680. data.matrix.multiply( matrix.fromArray( array ).transpose() );
  1681. data.transforms[ child.getAttribute( 'sid' ) ] = child.nodeName;
  1682. break;
  1683. case 'translate':
  1684. var array = parseFloats( child.textContent );
  1685. vector.fromArray( array );
  1686. data.matrix.multiply( matrix.makeTranslation( vector.x, vector.y, vector.z ) );
  1687. data.transforms[ child.getAttribute( 'sid' ) ] = child.nodeName;
  1688. break;
  1689. case 'rotate':
  1690. var array = parseFloats( child.textContent );
  1691. var angle = THREE.Math.degToRad( array[ 3 ] );
  1692. data.matrix.multiply( matrix.makeRotationAxis( vector.fromArray( array ), angle ) );
  1693. data.transforms[ child.getAttribute( 'sid' ) ] = child.nodeName;
  1694. break;
  1695. case 'scale':
  1696. var array = parseFloats( child.textContent );
  1697. data.matrix.scale( vector.fromArray( array ) );
  1698. data.transforms[ child.getAttribute( 'sid' ) ] = child.nodeName;
  1699. break;
  1700. case 'extra':
  1701. break;
  1702. default:
  1703. console.log( child );
  1704. }
  1705. }
  1706. library.nodes[ data.id ] = data;
  1707. return data;
  1708. }
  1709. function parseNodeInstance( xml ) {
  1710. var data = {
  1711. id: parseId( xml.getAttribute( 'url' ) ),
  1712. materials: {},
  1713. skeletons: []
  1714. };
  1715. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  1716. var child = xml.childNodes[ i ];
  1717. switch ( child.nodeName ) {
  1718. case 'bind_material':
  1719. var instances = child.getElementsByTagName( 'instance_material' );
  1720. for ( var j = 0; j < instances.length; j ++ ) {
  1721. var instance = instances[ j ];
  1722. var symbol = instance.getAttribute( 'symbol' );
  1723. var target = instance.getAttribute( 'target' );
  1724. data.materials[ symbol ] = parseId( target );
  1725. }
  1726. break;
  1727. case 'skeleton':
  1728. data.skeletons.push( parseId( child.textContent ) );
  1729. break;
  1730. default:
  1731. break;
  1732. }
  1733. }
  1734. return data;
  1735. }
  1736. function buildSkeleton( skeletons, joints ) {
  1737. var boneData = [];
  1738. var sortedBoneData = [];
  1739. var i, j, data;
  1740. // a skeleton can have multiple root bones. collada expresses this
  1741. // situtation with multiple "skeleton" tags per controller instance
  1742. for ( i = 0; i < skeletons.length; i ++ ) {
  1743. var skeleton = skeletons[ i ];
  1744. var root = getNode( skeleton );
  1745. // setup bone data for a single bone hierarchy
  1746. buildBoneHierarchy( root, joints, boneData );
  1747. }
  1748. // sort bone data (the order is defined in the corresponding controller)
  1749. for ( i = 0; i < joints.length; i ++ ) {
  1750. for ( j = 0; j < boneData.length; j ++ ) {
  1751. data = boneData[ j ];
  1752. if ( data.bone.name === joints[ i ].name ) {
  1753. sortedBoneData[ i ] = data;
  1754. data.processed = true;
  1755. break;
  1756. }
  1757. }
  1758. }
  1759. // add unprocessed bone data at the end of the list
  1760. for ( i = 0; i < boneData.length; i ++ ) {
  1761. data = boneData[ i ];
  1762. if ( data.processed === false ) {
  1763. sortedBoneData.push( data );
  1764. data.processed = true;
  1765. }
  1766. }
  1767. // setup arrays for skeleton creation
  1768. var bones = [];
  1769. var boneInverses = [];
  1770. for ( i = 0; i < sortedBoneData.length; i ++ ) {
  1771. data = sortedBoneData[ i ];
  1772. bones.push( data.bone );
  1773. boneInverses.push( data.boneInverse );
  1774. }
  1775. return new THREE.Skeleton( bones, boneInverses );
  1776. }
  1777. function buildBoneHierarchy( root, joints, boneData ) {
  1778. // setup bone data from visual scene
  1779. root.traverse( function ( object ) {
  1780. if ( object.isBone === true ) {
  1781. var boneInverse;
  1782. // retrieve the boneInverse from the controller data
  1783. for ( var i = 0; i < joints.length; i ++ ) {
  1784. var joint = joints[ i ];
  1785. if ( joint.name === object.name ) {
  1786. boneInverse = joint.boneInverse;
  1787. break;
  1788. }
  1789. }
  1790. if ( boneInverse === undefined ) {
  1791. // Unfortunately, there can be joints in the visual scene that are not part of the
  1792. // corresponding controller. In this case, we have to create a dummy boneInverse matrix
  1793. // for the respective bone. This bone won't affect any vertices, because there are no skin indices
  1794. // and weights defined for it. But we still have to add the bone to the sorted bone list in order to
  1795. // ensure a correct animation of the model.
  1796. boneInverse = new THREE.Matrix4();
  1797. }
  1798. boneData.push( { bone: object, boneInverse: boneInverse, processed: false } );
  1799. }
  1800. } );
  1801. }
  1802. function buildNode( data ) {
  1803. var objects = [];
  1804. var matrix = data.matrix;
  1805. var nodes = data.nodes;
  1806. var type = data.type;
  1807. var instanceCameras = data.instanceCameras;
  1808. var instanceControllers = data.instanceControllers;
  1809. var instanceLights = data.instanceLights;
  1810. var instanceGeometries = data.instanceGeometries;
  1811. var instanceNodes = data.instanceNodes;
  1812. // nodes
  1813. for ( var i = 0, l = nodes.length; i < l; i ++ ) {
  1814. objects.push( getNode( nodes[ i ] ) );
  1815. }
  1816. // instance cameras
  1817. for ( var i = 0, l = instanceCameras.length; i < l; i ++ ) {
  1818. objects.push( getCamera( instanceCameras[ i ] ).clone() );
  1819. }
  1820. // instance controllers
  1821. for ( var i = 0, l = instanceControllers.length; i < l; i ++ ) {
  1822. var instance = instanceControllers[ i ];
  1823. var controller = getController( instance.id );
  1824. var geometries = getGeometry( controller.id );
  1825. var newObjects = buildObjects( geometries, instance.materials );
  1826. var skeletons = instance.skeletons;
  1827. var joints = controller.skin.joints;
  1828. var skeleton = buildSkeleton( skeletons, joints );
  1829. for ( var j = 0, jl = newObjects.length; j < jl; j ++ ) {
  1830. var object = newObjects[ j ];
  1831. if ( object.isSkinnedMesh ) {
  1832. object.bind( skeleton, controller.skin.bindMatrix );
  1833. object.normalizeSkinWeights();
  1834. }
  1835. objects.push( object );
  1836. }
  1837. }
  1838. // instance lights
  1839. for ( var i = 0, l = instanceLights.length; i < l; i ++ ) {
  1840. objects.push( getLight( instanceLights[ i ] ).clone() );
  1841. }
  1842. // instance geometries
  1843. for ( var i = 0, l = instanceGeometries.length; i < l; i ++ ) {
  1844. var instance = instanceGeometries[ i ];
  1845. // a single geometry instance in collada can lead to multiple object3Ds.
  1846. // this is the case when primitives are combined like triangles and lines
  1847. var geometries = getGeometry( instance.id );
  1848. var newObjects = buildObjects( geometries, instance.materials );
  1849. for ( var j = 0, jl = newObjects.length; j < jl; j ++ ) {
  1850. objects.push( newObjects[ j ] );
  1851. }
  1852. }
  1853. // instance nodes
  1854. for ( var i = 0, l = instanceNodes.length; i < l; i ++ ) {
  1855. objects.push( getNode( instanceNodes[ i ] ).clone() );
  1856. }
  1857. var object;
  1858. if ( nodes.length === 0 && objects.length === 1 ) {
  1859. object = objects[ 0 ];
  1860. } else {
  1861. object = ( type === 'JOINT' ) ? new THREE.Bone() : new THREE.Group();
  1862. for ( var i = 0; i < objects.length; i ++ ) {
  1863. object.add( objects[ i ] );
  1864. }
  1865. }
  1866. object.name = ( type === 'JOINT' ) ? data.sid : data.name;
  1867. object.matrix.copy( matrix );
  1868. object.matrix.decompose( object.position, object.quaternion, object.scale );
  1869. return object;
  1870. }
  1871. function resolveMaterialBinding( keys, instanceMaterials ) {
  1872. var materials = [];
  1873. for ( var i = 0, l = keys.length; i < l; i ++ ) {
  1874. var id = instanceMaterials[ keys[ i ] ];
  1875. materials.push( getMaterial( id ) );
  1876. }
  1877. return materials;
  1878. }
  1879. function buildObjects( geometries, instanceMaterials ) {
  1880. var objects = [];
  1881. for ( var type in geometries ) {
  1882. var geometry = geometries[ type ];
  1883. var materials = resolveMaterialBinding( geometry.materialKeys, instanceMaterials );
  1884. // handle case if no materials are defined
  1885. if ( materials.length === 0 ) {
  1886. if ( type === 'lines' || type === 'linestrips' ) {
  1887. materials.push( new THREE.LineBasicMaterial() );
  1888. } else {
  1889. materials.push( new THREE.MeshPhongMaterial() );
  1890. }
  1891. }
  1892. // regard skinning
  1893. var skinning = ( geometry.data.attributes.skinIndex !== undefined );
  1894. if ( skinning ) {
  1895. for ( var i = 0, l = materials.length; i < l; i ++ ) {
  1896. materials[ i ].skinning = true;
  1897. }
  1898. }
  1899. // choose between a single or multi materials (material array)
  1900. var material = ( materials.length === 1 ) ? materials[ 0 ] : materials;
  1901. // now create a specific 3D object
  1902. var object;
  1903. switch ( type ) {
  1904. case 'lines':
  1905. object = new THREE.LineSegments( geometry.data, material );
  1906. break;
  1907. case 'linestrips':
  1908. object = new THREE.Line( geometry.data, material );
  1909. break;
  1910. case 'triangles':
  1911. case 'polylist':
  1912. if ( skinning ) {
  1913. object = new THREE.SkinnedMesh( geometry.data, material );
  1914. } else {
  1915. object = new THREE.Mesh( geometry.data, material );
  1916. }
  1917. break;
  1918. }
  1919. objects.push( object );
  1920. }
  1921. return objects;
  1922. }
  1923. function getNode( id ) {
  1924. return getBuild( library.nodes[ id ], buildNode );
  1925. }
  1926. // visual scenes
  1927. function parseVisualScene( xml ) {
  1928. var data = {
  1929. name: xml.getAttribute( 'name' ),
  1930. children: []
  1931. };
  1932. prepareNodes( xml );
  1933. var elements = getElementsByTagName( xml, 'node' );
  1934. for ( var i = 0; i < elements.length; i ++ ) {
  1935. data.children.push( parseNode( elements[ i ] ) );
  1936. }
  1937. library.visualScenes[ xml.getAttribute( 'id' ) ] = data;
  1938. }
  1939. function buildVisualScene( data ) {
  1940. var group = new THREE.Group();
  1941. group.name = data.name;
  1942. var children = data.children;
  1943. for ( var i = 0; i < children.length; i ++ ) {
  1944. var child = children[ i ];
  1945. if ( child.id === null ) {
  1946. group.add( buildNode( child ) );
  1947. } else {
  1948. // if there is an ID, let's try to get the finished build (e.g. joints are already build)
  1949. group.add( getNode( child.id ) );
  1950. }
  1951. }
  1952. return group;
  1953. }
  1954. function getVisualScene( id ) {
  1955. return getBuild( library.visualScenes[ id ], buildVisualScene );
  1956. }
  1957. // scenes
  1958. function parseScene( xml ) {
  1959. var instance = getElementsByTagName( xml, 'instance_visual_scene' )[ 0 ];
  1960. return getVisualScene( parseId( instance.getAttribute( 'url' ) ) );
  1961. }
  1962. function setupAnimations() {
  1963. var clips = library.clips;
  1964. if ( isEmpty( clips ) === true ) {
  1965. if ( isEmpty( library.animations ) === false ) {
  1966. // if there are animations but no clips, we create a default clip for playback
  1967. var tracks = [];
  1968. for ( var id in library.animations ) {
  1969. var animationTracks = getAnimation( id );
  1970. for ( var i = 0, l = animationTracks.length; i < l; i ++ ) {
  1971. tracks.push( animationTracks[ i ] );
  1972. }
  1973. }
  1974. animations.push( new THREE.AnimationClip( 'default', - 1, tracks ) );
  1975. }
  1976. } else {
  1977. for ( var id in clips ) {
  1978. animations.push( getAnimationClip( id ) );
  1979. }
  1980. }
  1981. }
  1982. console.time( 'THREE.ColladaLoader' );
  1983. if ( text.length === 0 ) {
  1984. return { scene: new THREE.Scene() };
  1985. }
  1986. console.time( 'THREE.ColladaLoader: DOMParser' );
  1987. var xml = new DOMParser().parseFromString( text, 'application/xml' );
  1988. console.timeEnd( 'THREE.ColladaLoader: DOMParser' );
  1989. var collada = getElementsByTagName( xml, 'COLLADA' )[ 0 ];
  1990. // metadata
  1991. var version = collada.getAttribute( 'version' );
  1992. console.log( 'THREE.ColladaLoader: File version', version );
  1993. var asset = parseAsset( getElementsByTagName( collada, 'asset' )[ 0 ] );
  1994. var textureLoader = new THREE.TextureLoader( this.manager );
  1995. textureLoader.setPath( path ).setCrossOrigin( this.crossOrigin );
  1996. //
  1997. var animations = [];
  1998. var kinematics = {};
  1999. var count = 0;
  2000. //
  2001. var library = {
  2002. animations: {},
  2003. clips: {},
  2004. controllers: {},
  2005. images: {},
  2006. effects: {},
  2007. materials: {},
  2008. cameras: {},
  2009. lights: {},
  2010. geometries: {},
  2011. nodes: {},
  2012. visualScenes: {},
  2013. kinematicsModels: {},
  2014. kinematicsScenes: {}
  2015. };
  2016. console.time( 'THREE.ColladaLoader: Parse' );
  2017. parseLibrary( collada, 'library_animations', 'animation', parseAnimation );
  2018. parseLibrary( collada, 'library_animation_clips', 'animation_clip', parseAnimationClip );
  2019. parseLibrary( collada, 'library_controllers', 'controller', parseController );
  2020. parseLibrary( collada, 'library_images', 'image', parseImage );
  2021. parseLibrary( collada, 'library_effects', 'effect', parseEffect );
  2022. parseLibrary( collada, 'library_materials', 'material', parseMaterial );
  2023. parseLibrary( collada, 'library_cameras', 'camera', parseCamera );
  2024. parseLibrary( collada, 'library_lights', 'light', parseLight );
  2025. parseLibrary( collada, 'library_geometries', 'geometry', parseGeometry );
  2026. parseLibrary( collada, 'library_nodes', 'node', parseNode );
  2027. parseLibrary( collada, 'library_visual_scenes', 'visual_scene', parseVisualScene );
  2028. parseLibrary( collada, 'library_kinematics_models', 'kinematics_model', parseKinematicsModel );
  2029. parseLibrary( collada, 'scene', 'instance_kinematics_scene', parseKinematicsScene );
  2030. console.timeEnd( 'THREE.ColladaLoader: Parse' );
  2031. console.time( 'THREE.ColladaLoader: Build' );
  2032. buildLibrary( library.animations, buildAnimation );
  2033. buildLibrary( library.clips, buildAnimationClip );
  2034. buildLibrary( library.controllers, buildController );
  2035. buildLibrary( library.images, buildImage );
  2036. buildLibrary( library.effects, buildEffect );
  2037. buildLibrary( library.materials, buildMaterial );
  2038. buildLibrary( library.cameras, buildCamera );
  2039. buildLibrary( library.lights, buildLight );
  2040. buildLibrary( library.geometries, buildGeometry );
  2041. buildLibrary( library.visualScenes, buildVisualScene );
  2042. console.timeEnd( 'THREE.ColladaLoader: Build' );
  2043. setupAnimations();
  2044. setupKinematics();
  2045. var scene = parseScene( getElementsByTagName( collada, 'scene' )[ 0 ] );
  2046. if ( asset.upAxis === 'Z_UP' ) {
  2047. scene.rotation.x = - Math.PI / 2;
  2048. }
  2049. scene.scale.multiplyScalar( asset.unit );
  2050. console.timeEnd( 'THREE.ColladaLoader' );
  2051. return {
  2052. animations: animations,
  2053. kinematics: kinematics,
  2054. library: library,
  2055. scene: scene
  2056. };
  2057. }
  2058. };