2
0

ColladaLoader2.js 30 KB

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