ColladaLoader2.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639
  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.setCrossOrigin( scope.crossOrigin );
  18. loader.load( url, function ( text ) {
  19. onLoad( scope.parse( text, getBaseUrl( url ) ) );
  20. }, onProgress, onError );
  21. },
  22. options: {
  23. set convertUpAxis ( value ) {
  24. console.log( 'ColladaLoder.options.convertUpAxis: TODO' );
  25. }
  26. },
  27. setCrossOrigin: function ( value ) {
  28. this.crossOrigin = value;
  29. },
  30. parse: function ( text, baseUrl ) {
  31. function parseFloats( text ) {
  32. var parts = text.trim().split( /\s+/ );
  33. var array = new Array( parts.length );
  34. for ( var i = 0, l = parts.length; i < l; i ++ ) {
  35. array[ i ] = parseFloat( parts[ i ] );
  36. }
  37. return array;
  38. }
  39. function parseInts( text ) {
  40. var parts = text.trim().split( /\s+/ );
  41. var array = new Array( parts.length );
  42. for ( var i = 0, l = parts.length; i < l; i ++ ) {
  43. array[ i ] = parseInt( parts[ i ] );
  44. }
  45. return array;
  46. }
  47. function parseId( text ) {
  48. return text.substring( 1 );
  49. }
  50. // library
  51. function buildLibrary( data, libraryName, nodeName, parser ) {
  52. var library = xml.getElementsByTagName( libraryName )[ 0 ];
  53. if ( library !== undefined ) {
  54. var elements = library.getElementsByTagName( nodeName );
  55. for ( var i = 0; i < elements.length; i ++ ) {
  56. var element = elements[ i ];
  57. data[ element.getAttribute( 'id' ) ] = parser( element );
  58. }
  59. }
  60. }
  61. // image
  62. var imageLoader = new THREE.ImageLoader();
  63. function parseImage( xml ) {
  64. var url = xml.getElementsByTagName( 'init_from' )[ 0 ].textContent;
  65. if ( baseUrl !== undefined ) url = baseUrl + url;
  66. return imageLoader.load( url );
  67. }
  68. // effect
  69. function parseEffect( xml ) {
  70. // console.log( xml );
  71. }
  72. // camera
  73. function parseCamera( xml ) {
  74. console.log( 'ColladaLoader.parseCamera: TODO')
  75. var camera = new THREE.PerspectiveCamera();
  76. camera.name = xml.getAttribute( 'name' );
  77. return camera;
  78. }
  79. // light
  80. function parseLight( xml ) {
  81. var data = {};
  82. for ( var i = 0, l = xml.childNodes.length; i < l; i ++ ) {
  83. var child = xml.childNodes[ i ];
  84. if ( child.nodeType !== 1 ) continue;
  85. switch ( child.nodeName ) {
  86. case 'technique_common':
  87. data = parseLightTechnique( child );
  88. break;
  89. }
  90. }
  91. //
  92. var light;
  93. switch ( data.technique ) {
  94. case 'directional':
  95. light = new THREE.DirectionalLight();
  96. break;
  97. case 'point':
  98. light = new THREE.PointLight();
  99. break;
  100. case 'spot':
  101. light = new THREE.SpotLight();
  102. break;
  103. case 'ambient':
  104. light = new THREE.AmbientLight();
  105. break;
  106. }
  107. if ( data.parameters.color ) light.color.copy( data.parameters.color );
  108. if ( data.parameters.distance ) light.distance = data.parameters.distance;
  109. return light;
  110. }
  111. function parseLightTechnique( 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 'directional':
  118. case 'point':
  119. case 'spot':
  120. case 'ambient':
  121. data.technique = child.nodeName;
  122. data.parameters = parseLightParameters( child );
  123. }
  124. }
  125. return data;
  126. }
  127. function parseLightParameters( xml ) {
  128. var data = {};
  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 'color':
  134. var array = parseFloats( child.textContent );
  135. data.color = new THREE.Color().fromArray( array );
  136. break;
  137. case 'falloff_angle':
  138. data.falloffAngle = parseFloat( child.textContent );
  139. break;
  140. case 'quadratic_attenuation':
  141. var f = parseFloat( child.textContent );
  142. data.distance = f ? Math.sqrt( 1 / f ) : 0;
  143. break;
  144. }
  145. }
  146. return data;
  147. }
  148. // geometry
  149. function parseGeometry( xml ) {
  150. var data = {
  151. id: xml.getAttribute( 'id' ),
  152. sources: {}
  153. };
  154. var mesh = xml.getElementsByTagName( 'mesh' )[ 0 ];
  155. for ( var i = 0; i < mesh.childNodes.length; i ++ ) {
  156. var child = mesh.childNodes[ i ];
  157. if ( child.nodeType !== 1 ) continue;
  158. switch ( child.nodeName ) {
  159. case 'source':
  160. data.sources[ child.getAttribute( 'id' ) ] = parseFloats( child.getElementsByTagName( 'float_array' )[ 0 ].textContent );
  161. break;
  162. case 'vertices':
  163. data.sources[ child.getAttribute( 'id' ) ] = data.sources[ parseId( child.getElementsByTagName( 'input' )[ 0 ].getAttribute( 'source' ) ) ];
  164. break;
  165. case 'polygons':
  166. console.log( 'ColladaLoader: Unsupported primitive type: ', child.nodeName );
  167. break;
  168. case 'lines':
  169. case 'linestrips':
  170. case 'polylist':
  171. case 'triangles':
  172. data.primitive = parseGeometryPrimitive( child );
  173. break;
  174. default:
  175. console.log( child );
  176. }
  177. }
  178. //
  179. if ( data.primitive === undefined ) return;
  180. var sources = data.sources;
  181. var primitive = data.primitive;
  182. var inputs = primitive.inputs;
  183. var stride = primitive.stride;
  184. var vcount = primitive.vcount;
  185. var indices = primitive.p;
  186. var vcount = primitive.vcount;
  187. var maxcount = 0;
  188. var geometry = new THREE.BufferGeometry();
  189. for ( var name in inputs ) {
  190. var input = inputs[ name ];
  191. var source = sources[ input.id ];
  192. var offset = input.offset;
  193. var array = [];
  194. function pushVector( i ) {
  195. var index = indices[ i + offset ] * 3;
  196. array.push( source[ index + 0 ], source[ index + 1 ], source[ index + 2 ] );
  197. }
  198. if ( primitive.vcount !== undefined ) {
  199. var index = 0;
  200. for ( var i = 0, l = vcount.length; i < l; i ++ ) {
  201. var count = vcount[ i ];
  202. if ( count === 4 ) {
  203. var a = index + stride * 0;
  204. var b = index + stride * 1;
  205. var c = index + stride * 2;
  206. var d = index + stride * 3;
  207. pushVector( a ); pushVector( b ); pushVector( d );
  208. pushVector( b ); pushVector( c ); pushVector( d );
  209. } else if ( count === 3 ) {
  210. var a = index + stride * 0;
  211. var b = index + stride * 1;
  212. var c = index + stride * 2;
  213. pushVector( a ); pushVector( b ); pushVector( c );
  214. } else {
  215. maxcount = Math.max( maxcount, count );
  216. }
  217. index += stride * count;
  218. }
  219. } else {
  220. for ( var i = 0, l = indices.length; i < l; i += stride ) {
  221. pushVector( i );
  222. }
  223. }
  224. switch ( name ) {
  225. case 'VERTEX':
  226. geometry.addAttribute( 'position', new THREE.Float32Attribute( array, 3 ) );
  227. break;
  228. case 'NORMAL':
  229. geometry.addAttribute( 'normal', new THREE.Float32Attribute( array, 3 ) );
  230. break;
  231. }
  232. }
  233. if ( maxcount > 0 ) {
  234. console.log( 'ColladaLoader: Geometry', data.id, 'has faces with more than 4 vertices.' );
  235. }
  236. switch ( data.primitive.type ) {
  237. case 'lines':
  238. return new THREE.LineSegments( geometry );
  239. case 'linestrips':
  240. return new THREE.Line( geometry );
  241. case 'triangles':
  242. case 'polylist':
  243. return new THREE.Mesh( geometry );
  244. }
  245. return;
  246. }
  247. function parseGeometryPrimitive( xml ) {
  248. var primitive = {
  249. type: xml.nodeName,
  250. inputs: {},
  251. stride: 0
  252. };
  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 'input':
  258. var id = parseId( child.getAttribute( 'source' ) );
  259. var semantic = child.getAttribute( 'semantic' );
  260. var offset = parseInt( child.getAttribute( 'offset' ) );
  261. primitive.inputs[ semantic ] = { id: id, offset: offset };
  262. primitive.stride = Math.max( primitive.stride, offset + 1 );
  263. break;
  264. case 'vcount':
  265. primitive.vcount = parseInts( child.textContent );
  266. break;
  267. case 'p':
  268. primitive.p = parseInts( child.textContent );
  269. break;
  270. }
  271. }
  272. return primitive;
  273. }
  274. // nodes
  275. var matrix = new THREE.Matrix4();
  276. var vector = new THREE.Vector3();
  277. function parseNode( xml ) {
  278. var node = {
  279. name: xml.getAttribute( 'name' ),
  280. matrix: new THREE.Matrix4(),
  281. children: []
  282. };
  283. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  284. var child = xml.childNodes[ i ];
  285. if ( child.nodeType !== 1 ) continue;
  286. switch ( child.nodeName ) {
  287. case 'instance_camera':
  288. node.camera = library.cameras[ parseId( child.getAttribute( 'url' ) ) ];
  289. break;
  290. case 'instance_light':
  291. node.light = library.lights[ parseId( child.getAttribute( 'url' ) ) ];
  292. break;
  293. case 'instance_geometry':
  294. node.geometry = library.geometries[ parseId( child.getAttribute( 'url' ) ) ];
  295. break;
  296. case 'instance_node':
  297. node.children.push( library.nodes[ parseId( child.getAttribute( 'url' ) ) ] );
  298. break;
  299. case 'matrix':
  300. var array = parseFloats( child.textContent );
  301. node.matrix.multiply( matrix.fromArray( array ) ); // .transpose() when Z_UP?
  302. break;
  303. case 'node':
  304. node.children.push( parseNode( child ) );
  305. break;
  306. case 'translate':
  307. var array = parseFloats( child.textContent );
  308. vector.fromArray( array );
  309. node.matrix.multiply( matrix.makeTranslation( vector.x, vector.y, vector.z ) );
  310. break;
  311. case 'rotate':
  312. var array = parseFloats( child.textContent );
  313. var angle = THREE.Math.degToRad( array[ 3 ] );
  314. node.matrix.multiply( matrix.makeRotationAxis( vector.fromArray( array ), angle ) );
  315. break;
  316. case 'scale':
  317. var array = parseFloats( child.textContent );
  318. node.matrix.scale( vector.fromArray( array ) );
  319. break;
  320. case 'extra':
  321. break;
  322. default:
  323. console.log( child );
  324. break;
  325. }
  326. }
  327. //
  328. var object;
  329. if ( node.camera !== undefined ) {
  330. object = node.camera.clone();
  331. } else if ( node.light !== undefined) {
  332. object = node.light.clone();
  333. } else if ( node.geometry !== undefined ) {
  334. object = node.geometry.clone();
  335. } else {
  336. object = new THREE.Group();
  337. }
  338. object.name = node.name;
  339. node.matrix.decompose( object.position, object.quaternion, object.scale );
  340. var children = node.children;
  341. for ( var i = 0, l = children.length; i < l; i ++ ) {
  342. object.add( children[ i ] );
  343. }
  344. return object;
  345. }
  346. // visual scenes
  347. function parseVisualScene( xml ) {
  348. var group = new THREE.Group();
  349. group.name = xml.getAttribute( 'name' );
  350. var elements = xml.getElementsByTagName( 'node' );
  351. for ( var i = 0; i < elements.length; i ++ ) {
  352. var element = elements[ i ];
  353. group.add( parseNode( element ) );
  354. }
  355. return group;
  356. }
  357. // scenes
  358. function parseScene( xml ) {
  359. var scene = xml.getElementsByTagName( 'scene' )[ 0 ];
  360. var instance = scene.getElementsByTagName( 'instance_visual_scene' )[ 0 ];
  361. return library.visualScenes[ parseId( instance.getAttribute( 'url' ) ) ];
  362. }
  363. console.time( 'ColladaLoader' );
  364. console.time( 'ColladaLoader: DOMParser' );
  365. var xml = new DOMParser().parseFromString( text, 'text/xml' );
  366. console.timeEnd( 'ColladaLoader: DOMParser' );
  367. var library = {
  368. images: {},
  369. effects: {},
  370. cameras: {},
  371. lights: {},
  372. geometries: {},
  373. nodes: {},
  374. visualScenes: {}
  375. };
  376. buildLibrary( library.images, 'library_images', 'image', parseImage );
  377. buildLibrary( library.effects, 'library_effects', 'effect', parseEffect );
  378. buildLibrary( library.cameras, 'library_cameras', 'camera', parseCamera );
  379. buildLibrary( library.lights, 'library_lights', 'light', parseLight );
  380. buildLibrary( library.geometries, 'library_geometries', 'geometry', parseGeometry );
  381. buildLibrary( library.nodes, 'library_nodes', 'node', parseNode );
  382. buildLibrary( library.visualScenes, 'library_visual_scenes', 'visual_scene', parseVisualScene );
  383. var scene = parseScene( xml );
  384. console.timeEnd( 'ColladaLoader' );
  385. // console.log( scene );
  386. return {
  387. animations: [],
  388. kinematics: { joints: [] },
  389. scene: scene
  390. };
  391. }
  392. };