ColladaLoader.js 72 KB

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