ColladaLoader2.js 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. THREE.ColladaLoader = function ( manager ) {
  5. this.manager = ( manager !== undefined ) ? manager : THREE.DefaultLoadingManager;
  6. };
  7. THREE.ColladaLoader.prototype = {
  8. constructor: THREE.ColladaLoader,
  9. load: function ( url, onLoad, onProgress, onError ) {
  10. function getBaseUrl( url ) {
  11. var parts = url.split( '/' );
  12. parts.pop();
  13. return ( parts.length < 1 ? '.' : parts.join( '/' ) ) + '/';
  14. }
  15. var scope = this;
  16. var loader = new THREE.XHRLoader( scope.manager );
  17. loader.load( url, function ( text ) {
  18. onLoad( scope.parse( text, getBaseUrl( url ) ) );
  19. }, onProgress, onError );
  20. },
  21. options: {
  22. set convertUpAxis ( value ) {
  23. console.log( 'ColladaLoder.options.convertUpAxis: TODO' );
  24. }
  25. },
  26. setCrossOrigin: function ( value ) {
  27. this.crossOrigin = value;
  28. },
  29. parse: function ( text, baseUrl ) {
  30. function getElementsByTagName( xml, name ) {
  31. // Non recursive xml.getElementsByTagName() ...
  32. var array = [];
  33. var childNodes = xml.childNodes;
  34. for ( var i = 0, l = childNodes.length; i < l; i ++ ) {
  35. var child = childNodes[ i ];
  36. if ( child.nodeName === name ) {
  37. array.push( child );
  38. }
  39. }
  40. return array;
  41. }
  42. function parseFloats( text ) {
  43. var parts = text.trim().split( /\s+/ );
  44. var array = new Array( parts.length );
  45. for ( var i = 0, l = parts.length; i < l; i ++ ) {
  46. array[ i ] = parseFloat( parts[ i ] );
  47. }
  48. return array;
  49. }
  50. function parseInts( text ) {
  51. var parts = text.trim().split( /\s+/ );
  52. var array = new Array( parts.length );
  53. for ( var i = 0, l = parts.length; i < l; i ++ ) {
  54. array[ i ] = parseInt( parts[ i ] );
  55. }
  56. return array;
  57. }
  58. function parseId( text ) {
  59. return text.substring( 1 );
  60. }
  61. // asset
  62. function parseAsset( xml ) {
  63. return {
  64. upAxis: parseAssetUpAxis( getElementsByTagName( xml, 'up_axis' )[ 0 ] )
  65. };
  66. }
  67. function parseAssetUpAxis( xml ) {
  68. return xml !== undefined ? xml.textContent : 'Y_UP';
  69. }
  70. // library
  71. function parseLibrary( xml, data, libraryName, nodeName, parser ) {
  72. var library = getElementsByTagName( xml, libraryName )[ 0 ];
  73. if ( library !== undefined ) {
  74. var elements = getElementsByTagName( library, nodeName );
  75. for ( var i = 0; i < elements.length; i ++ ) {
  76. parser( elements[ i ] );
  77. }
  78. }
  79. }
  80. function buildLibrary( data, builder ) {
  81. for ( var name in data ) {
  82. var object = data[ name ];
  83. object.build = builder( data[ name ] );
  84. }
  85. }
  86. // get
  87. function getBuild( data, builder ) {
  88. if ( data.build !== undefined ) return data.build;
  89. data.build = builder( data );
  90. return data.build;
  91. }
  92. // image
  93. var imageLoader = new THREE.ImageLoader();
  94. function parseImage( xml ) {
  95. var data = {
  96. init_from: getElementsByTagName( xml, 'init_from' )[ 0 ].textContent
  97. };
  98. library.images[ xml.getAttribute( 'id' ) ] = data;
  99. }
  100. function buildImage( data ) {
  101. if ( data.build !== undefined ) return data.build;
  102. var url = data.init_from;
  103. if ( baseUrl !== undefined ) url = baseUrl + url;
  104. return imageLoader.load( url );
  105. }
  106. function getImage( id ) {
  107. return getBuild( library.images[ id ], buildImage );
  108. }
  109. // effect
  110. function parseEffect( xml ) {
  111. var data = {};
  112. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  113. var child = xml.childNodes[ i ];
  114. if ( child.nodeType !== 1 ) continue;
  115. switch ( child.nodeName ) {
  116. case 'profile_COMMON':
  117. data.profile = parseEffectProfileCOMMON( child );
  118. break;
  119. }
  120. }
  121. library.effects[ xml.getAttribute( 'id' ) ] = data;
  122. }
  123. function parseEffectProfileCOMMON( xml ) {
  124. var data = {
  125. surfaces: {},
  126. samplers: {}
  127. };
  128. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  129. var child = xml.childNodes[ i ];
  130. if ( child.nodeType !== 1 ) continue;
  131. switch ( child.nodeName ) {
  132. case 'newparam':
  133. parseEffectNewparam( child, data );
  134. break;
  135. case 'technique':
  136. data.technique = parseEffectTechnique( child );
  137. break;
  138. }
  139. }
  140. return data;
  141. }
  142. function parseEffectNewparam( xml, data ) {
  143. var sid = xml.getAttribute( 'sid' );
  144. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  145. var child = xml.childNodes[ i ];
  146. if ( child.nodeType !== 1 ) continue;
  147. switch ( child.nodeName ) {
  148. case 'surface':
  149. data.surfaces[ sid ] = parseEffectSurface( child );
  150. break;
  151. case 'sampler2D':
  152. data.samplers[ sid ] = parseEffectSampler( child );
  153. break;
  154. }
  155. }
  156. }
  157. function parseEffectSurface( xml ) {
  158. var data = {};
  159. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  160. var child = xml.childNodes[ i ];
  161. if ( child.nodeType !== 1 ) continue;
  162. switch ( child.nodeName ) {
  163. case 'init_from':
  164. data.init_from = child.textContent;
  165. break;
  166. }
  167. }
  168. return data;
  169. }
  170. function parseEffectSampler( xml ) {
  171. var data = {};
  172. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  173. var child = xml.childNodes[ i ];
  174. if ( child.nodeType !== 1 ) continue;
  175. switch ( child.nodeName ) {
  176. case 'source':
  177. data.source = child.textContent;
  178. break;
  179. }
  180. }
  181. return data;
  182. }
  183. function parseEffectTechnique( xml ) {
  184. var data = {};
  185. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  186. var child = xml.childNodes[ i ];
  187. if ( child.nodeType !== 1 ) continue;
  188. switch ( child.nodeName ) {
  189. case 'constant':
  190. case 'lambert':
  191. case 'blinn':
  192. case 'phong':
  193. data.type = child.nodeName;
  194. data.parameters = parseEffectParameters( child );
  195. break;
  196. }
  197. }
  198. return data;
  199. }
  200. function parseEffectParameters( xml ) {
  201. var data = {};
  202. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  203. var child = xml.childNodes[ i ];
  204. if ( child.nodeType !== 1 ) continue;
  205. switch ( child.nodeName ) {
  206. case 'emission':
  207. case 'diffuse':
  208. case 'specular':
  209. case 'transparent':
  210. data[ child.nodeName ] = parseEffectParameter( child );
  211. break;
  212. }
  213. }
  214. return data;
  215. }
  216. function parseEffectParameter( xml ) {
  217. var data = {};
  218. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  219. var child = xml.childNodes[ i ];
  220. if ( child.nodeType !== 1 ) continue;
  221. switch ( child.nodeName ) {
  222. case 'color':
  223. data[ child.nodeName ] = parseFloats( child.textContent );
  224. break;
  225. case 'texture':
  226. data[ child.nodeName ] = child.getAttribute( 'texture' );
  227. break;
  228. }
  229. }
  230. return data;
  231. }
  232. function buildEffect( data ) {
  233. var material;
  234. var technique = data.profile.technique;
  235. switch ( technique.type ) {
  236. case 'phong':
  237. case 'blinn':
  238. material = new THREE.MeshPhongMaterial();
  239. break;
  240. case 'lambert':
  241. material = new THREE.MeshLambertMaterial();
  242. break;
  243. default:
  244. material = new THREE.MeshBasicMaterial();
  245. break;
  246. }
  247. var parameters = technique.parameters;
  248. function getTexture( sid ) {
  249. var sampler = data.profile.samplers[ sid ];
  250. var surface = data.profile.surfaces[ sampler.source ];
  251. var texture = new THREE.Texture( getImage( surface.init_from ) );
  252. texture.wrapS = THREE.RepeatWrapping;
  253. texture.wrapT = THREE.RepeatWrapping;
  254. texture.needsUpdate = true;
  255. return texture;
  256. }
  257. for ( var key in parameters ) {
  258. var parameter = parameters[ key ];
  259. switch ( key ) {
  260. case 'diffuse':
  261. if ( parameter.color ) material.color.fromArray( parameter.color );
  262. if ( parameter.texture ) material.map = getTexture( parameter.texture );
  263. break;
  264. case 'specular':
  265. if ( parameter.color && material.specular )
  266. material.specular.fromArray( parameter.color );
  267. break;
  268. case 'emission':
  269. if ( parameter.color && material.emissive )
  270. material.emissive.fromArray( parameter.color );
  271. break;
  272. }
  273. }
  274. return material;
  275. }
  276. function getEffect( id ) {
  277. return getBuild( library.effects[ id ], buildEffect );
  278. }
  279. // material
  280. function parseMaterial( xml ) {
  281. var data = {
  282. name: xml.getAttribute( 'name' )
  283. };
  284. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  285. var child = xml.childNodes[ i ];
  286. if ( child.nodeType !== 1 ) continue;
  287. switch ( child.nodeName ) {
  288. case 'instance_effect':
  289. data.url = parseId( child.getAttribute( 'url' ) );
  290. break;
  291. }
  292. }
  293. library.materials[ xml.getAttribute( 'id' ) ] = data;
  294. }
  295. function buildMaterial( data ) {
  296. return getEffect( data.url );
  297. }
  298. function getMaterial( id ) {
  299. return getBuild( library.materials[ id ], buildMaterial );
  300. }
  301. // camera
  302. function parseCamera( xml ) {
  303. var data = {
  304. name: xml.getAttribute( 'name' )
  305. };
  306. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  307. var child = xml.childNodes[ i ];
  308. if ( child.nodeType !== 1 ) continue;
  309. switch ( child.nodeName ) {
  310. case 'optics':
  311. data.optics = parseCameraOptics( child );
  312. break;
  313. }
  314. }
  315. library.cameras[ xml.getAttribute( 'id' ) ] = data;
  316. }
  317. function parseCameraOptics( xml ) {
  318. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  319. var child = xml.childNodes[ i ];
  320. switch ( child.nodeName ) {
  321. case 'technique_common':
  322. return parseCameraTechnique( child );
  323. }
  324. }
  325. return {};
  326. }
  327. function parseCameraTechnique( xml ) {
  328. var data = {};
  329. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  330. var child = xml.childNodes[ i ];
  331. switch ( child.nodeName ) {
  332. case 'perspective':
  333. case 'orthographic':
  334. data.technique = child.nodeName;
  335. data.parameters = parseCameraParameters( child );
  336. break;
  337. }
  338. }
  339. return data;
  340. }
  341. function parseCameraParameters( xml ) {
  342. var data = {};
  343. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  344. var child = xml.childNodes[ i ];
  345. switch ( child.nodeName ) {
  346. case 'xfov':
  347. case 'yfov':
  348. case 'xmag':
  349. case 'ymag':
  350. case 'znear':
  351. case 'zfar':
  352. case 'aspect_ratio':
  353. data[ child.nodeName ] = parseFloat( child.textContent );
  354. break;
  355. }
  356. }
  357. return data;
  358. }
  359. function buildCamera( data ) {
  360. var camera;
  361. switch ( data.optics.technique ) {
  362. case 'perspective':
  363. camera = new THREE.PerspectiveCamera(
  364. data.optics.parameters.yfov,
  365. data.optics.parameters.aspect_ratio,
  366. data.optics.parameters.znear,
  367. data.optics.parameters.zfar
  368. );
  369. break;
  370. case 'orthographic':
  371. camera = new THREE.OrthographicCamera( /* TODO */ );
  372. break;
  373. default:
  374. camera = new THREE.PerspectiveCamera();
  375. break;
  376. }
  377. camera.name = data.name;
  378. return camera;
  379. }
  380. function getCamera( id ) {
  381. return getBuild( library.cameras[ id ], buildCamera );
  382. }
  383. // light
  384. function parseLight( xml ) {
  385. var data = {};
  386. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  387. var child = xml.childNodes[ i ];
  388. if ( child.nodeType !== 1 ) continue;
  389. switch ( child.nodeName ) {
  390. case 'technique_common':
  391. data = parseLightTechnique( child );
  392. break;
  393. }
  394. }
  395. library.lights[ xml.getAttribute( 'id' ) ] = data;
  396. }
  397. function parseLightTechnique( xml ) {
  398. var data = {};
  399. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  400. var child = xml.childNodes[ i ];
  401. if ( child.nodeType !== 1 ) continue;
  402. switch ( child.nodeName ) {
  403. case 'directional':
  404. case 'point':
  405. case 'spot':
  406. case 'ambient':
  407. data.technique = child.nodeName;
  408. data.parameters = parseLightParameters( child );
  409. }
  410. }
  411. return data;
  412. }
  413. function parseLightParameters( xml ) {
  414. var data = {};
  415. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  416. var child = xml.childNodes[ i ];
  417. if ( child.nodeType !== 1 ) continue;
  418. switch ( child.nodeName ) {
  419. case 'color':
  420. var array = parseFloats( child.textContent );
  421. data.color = new THREE.Color().fromArray( array );
  422. break;
  423. case 'falloff_angle':
  424. data.falloffAngle = parseFloat( child.textContent );
  425. break;
  426. case 'quadratic_attenuation':
  427. var f = parseFloat( child.textContent );
  428. data.distance = f ? Math.sqrt( 1 / f ) : 0;
  429. break;
  430. }
  431. }
  432. return data;
  433. }
  434. function buildLight( data ) {
  435. var light;
  436. switch ( data.technique ) {
  437. case 'directional':
  438. light = new THREE.DirectionalLight();
  439. break;
  440. case 'point':
  441. light = new THREE.PointLight();
  442. break;
  443. case 'spot':
  444. light = new THREE.SpotLight();
  445. break;
  446. case 'ambient':
  447. light = new THREE.AmbientLight();
  448. break;
  449. }
  450. if ( data.parameters.color ) light.color.copy( data.parameters.color );
  451. if ( data.parameters.distance ) light.distance = data.parameters.distance;
  452. return light;
  453. }
  454. function getLight( id ) {
  455. return getBuild( library.lights[ id ], buildLight );
  456. }
  457. // geometry
  458. function parseSource( xml ) {
  459. var data = {
  460. array: [],
  461. stride: 3
  462. };
  463. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  464. var child = xml.childNodes[ i ];
  465. if ( child.nodeType !== 1 ) continue;
  466. switch ( child.nodeName ) {
  467. case 'float_array':
  468. data.array = parseFloats( child.textContent );
  469. break;
  470. case 'technique_common':
  471. var accessor = getElementsByTagName( child, 'accessor' )[ 0 ];
  472. if ( accessor !== undefined ) {
  473. data.stride = parseInt( accessor.getAttribute( 'stride' ) );
  474. }
  475. break;
  476. default:
  477. console.log( child );
  478. }
  479. }
  480. return data;
  481. }
  482. function parseGeometry( xml ) {
  483. var data = {
  484. name: xml.getAttribute( 'name' ),
  485. sources: {},
  486. primitives: []
  487. };
  488. var mesh = getElementsByTagName( xml, 'mesh' )[ 0 ];
  489. for ( var i = 0; i < mesh.childNodes.length; i ++ ) {
  490. var child = mesh.childNodes[ i ];
  491. if ( child.nodeType !== 1 ) continue;
  492. var id = child.getAttribute( 'id' );
  493. switch ( child.nodeName ) {
  494. case 'source':
  495. data.sources[ id ] = parseSource( child );
  496. break;
  497. case 'vertices':
  498. data.sources[ id ] = data.sources[ parseId( getElementsByTagName( child, 'input' )[ 0 ].getAttribute( 'source' ) ) ];
  499. break;
  500. case 'polygons':
  501. console.log( 'ColladaLoader: Unsupported primitive type: ', child.nodeName );
  502. break;
  503. case 'lines':
  504. case 'linestrips':
  505. case 'polylist':
  506. case 'triangles':
  507. data.primitives.push( parseGeometryPrimitive( child ) );
  508. break;
  509. default:
  510. console.log( child );
  511. }
  512. }
  513. library.geometries[ xml.getAttribute( 'id' ) ] = data;
  514. }
  515. function parseGeometryPrimitive( xml ) {
  516. var primitive = {
  517. type: xml.nodeName,
  518. material: xml.getAttribute( 'material' ),
  519. inputs: {},
  520. stride: 0
  521. };
  522. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  523. var child = xml.childNodes[ i ];
  524. if ( child.nodeType !== 1 ) continue;
  525. switch ( child.nodeName ) {
  526. case 'input':
  527. var id = parseId( child.getAttribute( 'source' ) );
  528. var semantic = child.getAttribute( 'semantic' );
  529. var offset = parseInt( child.getAttribute( 'offset' ) );
  530. primitive.inputs[ semantic ] = { id: id, offset: offset };
  531. primitive.stride = Math.max( primitive.stride, offset + 1 );
  532. break;
  533. case 'vcount':
  534. primitive.vcount = parseInts( child.textContent );
  535. break;
  536. case 'p':
  537. primitive.p = parseInts( child.textContent );
  538. break;
  539. }
  540. }
  541. return primitive;
  542. }
  543. var DEFAULT_LINEMATERIAL = new THREE.LineBasicMaterial();
  544. var DEFAULT_MESHMATERIAL = new THREE.MeshPhongMaterial();
  545. function buildGeometry( data ) {
  546. var group = {};
  547. var sources = data.sources;
  548. var primitives = data.primitives;
  549. if ( primitives.length === 0 ) return group;
  550. for ( var p = 0; p < primitives.length; p ++ ) {
  551. var primitive = primitives[ p ];
  552. var inputs = primitive.inputs;
  553. var stride = primitive.stride;
  554. var vcount = primitive.vcount;
  555. var indices = primitive.p;
  556. var maxcount = 0;
  557. var geometry = new THREE.BufferGeometry();
  558. if ( data.name ) geometry.name = data.name;
  559. for ( var name in inputs ) {
  560. var input = inputs[ name ];
  561. var source = sources[ input.id ];
  562. var sourceArray = source.array;
  563. var sourceStride = source.stride;
  564. var offset = input.offset;
  565. var array = [];
  566. function pushVector( i ) {
  567. var index = indices[ i + offset ] * sourceStride;
  568. /*
  569. if ( asset.upAxis === 'Z_UP' ) {
  570. array.push( sourceArray[ index + 0 ], sourceArray[ index + 2 ], - sourceArray[ index + 1 ] );
  571. } else {
  572. array.push( sourceArray[ index + 0 ], sourceArray[ index + 1 ], sourceArray[ index + 2 ] );
  573. }
  574. */
  575. array.push( sourceArray[ index + 0 ], sourceArray[ index + 1 ], sourceArray[ index + 2 ] );
  576. }
  577. if ( primitive.vcount !== undefined ) {
  578. var index = 0;
  579. for ( var i = 0, l = vcount.length; i < l; i ++ ) {
  580. var count = vcount[ i ];
  581. if ( count === 4 ) {
  582. var a = index + stride * 0;
  583. var b = index + stride * 1;
  584. var c = index + stride * 2;
  585. var d = index + stride * 3;
  586. pushVector( a ); pushVector( b ); pushVector( d );
  587. pushVector( b ); pushVector( c ); pushVector( d );
  588. } else if ( count === 3 ) {
  589. var a = index + stride * 0;
  590. var b = index + stride * 1;
  591. var c = index + stride * 2;
  592. pushVector( a ); pushVector( b ); pushVector( c );
  593. } else {
  594. maxcount = Math.max( maxcount, count );
  595. }
  596. index += stride * count;
  597. }
  598. } else {
  599. for ( var i = 0, l = indices.length; i < l; i += stride ) {
  600. pushVector( i );
  601. }
  602. }
  603. switch ( name ) {
  604. case 'VERTEX':
  605. geometry.addAttribute( 'position', new THREE.Float32Attribute( array, 3 ) );
  606. break;
  607. case 'COLOR':
  608. geometry.addAttribute( 'color', new THREE.Float32Attribute( array, 3 ) );
  609. break;
  610. case 'NORMAL':
  611. geometry.addAttribute( 'normal', new THREE.Float32Attribute( array, 3 ) );
  612. break;
  613. case 'TEXCOORD':
  614. geometry.addAttribute( 'uv', new THREE.Float32Attribute( array, stride ) );
  615. break;
  616. }
  617. }
  618. if ( maxcount > 0 ) {
  619. console.log( 'ColladaLoader: Geometry', data.id, 'has faces with more than 4 vertices.' );
  620. }
  621. var object;
  622. switch ( primitive.type ) {
  623. case 'lines':
  624. object = new THREE.LineSegments( geometry, DEFAULT_LINEMATERIAL );
  625. break;
  626. case 'linestrips':
  627. object = new THREE.Line( geometry, DEFAULT_LINEMATERIAL );
  628. break;
  629. case 'triangles':
  630. case 'polylist':
  631. object = new THREE.Mesh( geometry, DEFAULT_MESHMATERIAL );
  632. break;
  633. }
  634. group[ primitive.material ] = object;
  635. }
  636. return group;
  637. }
  638. function getGeometry( id ) {
  639. return getBuild( library.geometries[ id ], buildGeometry );
  640. }
  641. // nodes
  642. var matrix = new THREE.Matrix4();
  643. var vector = new THREE.Vector3();
  644. function parseNode( xml ) {
  645. var data = {
  646. name: xml.getAttribute( 'name' ),
  647. matrix: new THREE.Matrix4(),
  648. nodes: [],
  649. instanceCameras: [],
  650. instanceLights: [],
  651. instanceGeometries: [],
  652. instanceNodes: []
  653. };
  654. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  655. var child = xml.childNodes[ i ];
  656. if ( child.nodeType !== 1 ) continue;
  657. switch ( child.nodeName ) {
  658. case 'node':
  659. parseNode( child );
  660. data.nodes.push( child.getAttribute( 'id' ) );
  661. break;
  662. case 'instance_camera':
  663. data.instanceCameras.push( parseId( child.getAttribute( 'url' ) ) );
  664. break;
  665. case 'instance_light':
  666. data.instanceLights.push( parseId( child.getAttribute( 'url' ) ) );
  667. break;
  668. case 'instance_geometry':
  669. data.instanceGeometries.push( parseNodeInstanceGeometry( child ) );
  670. break;
  671. case 'instance_node':
  672. data.instanceNodes.push( parseId( child.getAttribute( 'url' ) ) );
  673. break;
  674. case 'matrix':
  675. var array = parseFloats( child.textContent );
  676. data.matrix.multiply( matrix.fromArray( array ).transpose() ); // .transpose() when Z_UP?
  677. break;
  678. case 'translate':
  679. var array = parseFloats( child.textContent );
  680. vector.fromArray( array );
  681. data.matrix.multiply( matrix.makeTranslation( vector.x, vector.y, vector.z ) );
  682. break;
  683. case 'rotate':
  684. var array = parseFloats( child.textContent );
  685. var angle = THREE.Math.degToRad( array[ 3 ] );
  686. data.matrix.multiply( matrix.makeRotationAxis( vector.fromArray( array ), angle ) );
  687. break;
  688. case 'scale':
  689. var array = parseFloats( child.textContent );
  690. data.matrix.scale( vector.fromArray( array ) );
  691. break;
  692. case 'extra':
  693. break;
  694. default:
  695. console.log( child );
  696. }
  697. }
  698. if ( xml.getAttribute( 'id' ) !== null ) {
  699. library.nodes[ xml.getAttribute( 'id' ) ] = data;
  700. }
  701. return data;
  702. }
  703. function parseNodeInstanceGeometry( xml ) {
  704. var data = {
  705. id: parseId( xml.getAttribute( 'url' ) ),
  706. materials: {}
  707. };
  708. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  709. var child = xml.childNodes[ i ];
  710. if ( child.nodeName === 'bind_material' ) {
  711. var instances = child.getElementsByTagName( 'instance_material' );
  712. for ( var j = 0; j < instances.length; j ++ ) {
  713. var instance = instances[ j ];
  714. var symbol = instance.getAttribute( 'symbol' );
  715. var target = instance.getAttribute( 'target' );
  716. data.materials[ symbol ] = parseId( target );
  717. }
  718. break;
  719. }
  720. }
  721. return data;
  722. }
  723. function buildNode( data ) {
  724. var objects = [];
  725. var matrix = data.matrix;
  726. var nodes = data.nodes;
  727. var instanceCameras = data.instanceCameras;
  728. var instanceLights = data.instanceLights;
  729. var instanceGeometries = data.instanceGeometries;
  730. var instanceNodes = data.instanceNodes;
  731. for ( var i = 0, l = nodes.length; i < l; i ++ ) {
  732. objects.push( getNode( nodes[ i ] ).clone() );
  733. }
  734. for ( var i = 0, l = instanceCameras.length; i < l; i ++ ) {
  735. objects.push( getCamera( instanceCameras[ i ] ).clone() );
  736. }
  737. for ( var i = 0, l = instanceLights.length; i < l; i ++ ) {
  738. objects.push( getLight( instanceLights[ i ] ).clone() );
  739. }
  740. for ( var i = 0, l = instanceGeometries.length; i < l; i ++ ) {
  741. var instance = instanceGeometries[ i ];
  742. var geometries = getGeometry( instance.id );
  743. for ( var key in geometries ) {
  744. var object = geometries[ key ].clone();
  745. if ( instance.materials[ key ] !== undefined ) {
  746. object.material = getMaterial( instance.materials[ key ] );
  747. }
  748. objects.push( object );
  749. }
  750. }
  751. for ( var i = 0, l = instanceNodes.length; i < l; i ++ ) {
  752. objects.push( getNode( instanceNodes[ i ] ).clone() );
  753. }
  754. var object;
  755. if ( objects.length === 1 ) {
  756. object = objects[ 0 ];
  757. } else {
  758. object = new THREE.Group();
  759. for ( var i = 0; i < objects.length; i ++ ) {
  760. object.add( objects[ i ] );
  761. }
  762. }
  763. object.name = data.name;
  764. matrix.decompose( object.position, object.quaternion, object.scale );
  765. return object;
  766. }
  767. function getNode( id ) {
  768. return getBuild( library.nodes[ id ], buildNode );
  769. }
  770. // visual scenes
  771. function parseVisualScene( xml ) {
  772. var data = {
  773. name: xml.getAttribute( 'name' ),
  774. children: []
  775. };
  776. var elements = getElementsByTagName( xml, 'node' );
  777. for ( var i = 0; i < elements.length; i ++ ) {
  778. data.children.push( parseNode( elements[ i ] ) );
  779. }
  780. library.visualScenes[ xml.getAttribute( 'id' ) ] = data;
  781. }
  782. function buildVisualScene( data ) {
  783. var group = new THREE.Group();
  784. group.name = data.name;
  785. var children = data.children;
  786. for ( var i = 0; i < children.length; i ++ ) {
  787. group.add( buildNode( children[ i ] ) );
  788. }
  789. return group;
  790. }
  791. function getVisualScene( id ) {
  792. return getBuild( library.visualScenes[ id ], buildVisualScene );
  793. }
  794. // scenes
  795. function parseScene( xml ) {
  796. var instance = getElementsByTagName( xml, 'instance_visual_scene' )[ 0 ];
  797. return getVisualScene( parseId( instance.getAttribute( 'url' ) ) );
  798. }
  799. console.time( 'ColladaLoader' );
  800. console.time( 'ColladaLoader: DOMParser' );
  801. var xml = new DOMParser().parseFromString( text, 'application/xml' );
  802. console.timeEnd( 'ColladaLoader: DOMParser' );
  803. var collada = getElementsByTagName( xml, 'COLLADA' )[ 0 ];
  804. // metadata
  805. var version = collada.getAttribute( 'version' );
  806. console.log( 'ColladaLoader: File version', version );
  807. var asset = parseAsset( getElementsByTagName( collada, 'asset' )[ 0 ] );
  808. //
  809. var library = {
  810. images: {},
  811. effects: {},
  812. materials: {},
  813. cameras: {},
  814. lights: {},
  815. geometries: {},
  816. nodes: {},
  817. visualScenes: {}
  818. };
  819. console.time( 'ColladaLoader: Parse' );
  820. parseLibrary( collada, library.images, 'library_images', 'image', parseImage );
  821. parseLibrary( collada, library.effects, 'library_effects', 'effect', parseEffect );
  822. parseLibrary( collada, library.materials, 'library_materials', 'material', parseMaterial );
  823. parseLibrary( collada, library.cameras, 'library_cameras', 'camera', parseCamera );
  824. parseLibrary( collada, library.lights, 'library_lights', 'light', parseLight );
  825. parseLibrary( collada, library.geometries, 'library_geometries', 'geometry', parseGeometry );
  826. parseLibrary( collada, library.nodes, 'library_nodes', 'node', parseNode );
  827. parseLibrary( collada, library.visualScenes, 'library_visual_scenes', 'visual_scene', parseVisualScene );
  828. console.timeEnd( 'ColladaLoader: Parse' );
  829. console.time( 'ColladaLoader: Build' );
  830. buildLibrary( library.images, buildImage );
  831. buildLibrary( library.effects, buildEffect );
  832. buildLibrary( library.materials, buildMaterial );
  833. buildLibrary( library.cameras, buildCamera );
  834. buildLibrary( library.lights, buildLight );
  835. buildLibrary( library.geometries, buildGeometry );
  836. buildLibrary( library.nodes, buildNode );
  837. buildLibrary( library.visualScenes, buildVisualScene );
  838. console.timeEnd( 'ColladaLoader: Build' );
  839. // console.log( library );
  840. var scene = parseScene( getElementsByTagName( collada, 'scene' )[ 0 ] );
  841. console.timeEnd( 'ColladaLoader' );
  842. // console.log( scene );
  843. return {
  844. animations: [],
  845. kinematics: { joints: [] },
  846. scene: scene
  847. };
  848. }
  849. };