2
0

ColladaLoader2.js 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492
  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 parseLibrary( xml, libraryName, nodeName, parser ) {
  52. var data = {};
  53. var library = xml.getElementsByTagName( libraryName )[ 0 ];
  54. if ( library !== undefined ) {
  55. var elements = library.getElementsByTagName( nodeName );
  56. for ( var i = 0; i < elements.length; i ++ ) {
  57. var element = elements[ i ];
  58. data[ element.getAttribute( 'id' ) ] = parser( element );
  59. }
  60. }
  61. return data;
  62. }
  63. // image
  64. var imageLoader = new THREE.ImageLoader();
  65. function parseImage( xml ) {
  66. var url = xml.getElementsByTagName( 'init_from' )[ 0 ].textContent;
  67. if ( baseUrl !== undefined ) url = baseUrl + url;
  68. return imageLoader.load( url );
  69. }
  70. // camera
  71. function parseCamera( xml ) {
  72. console.log( 'ColladaLoader.parseCamera: TODO')
  73. var camera = new THREE.PerspectiveCamera();
  74. camera.name = xml.getAttribute( 'name' );
  75. return camera;
  76. }
  77. // geometry
  78. function parseGeometry( xml ) {
  79. var data = {
  80. id: xml.getAttribute( 'id' ),
  81. sources: {}
  82. };
  83. var mesh = xml.getElementsByTagName( 'mesh' )[ 0 ];
  84. for ( var i = 0; i < mesh.childNodes.length; i ++ ) {
  85. var child = mesh.childNodes[ i ];
  86. if ( child.nodeType !== 1 ) continue;
  87. switch ( child.nodeName ) {
  88. case 'source':
  89. data.sources[ child.getAttribute( 'id' ) ] = parseFloats( child.getElementsByTagName( 'float_array' )[ 0 ].textContent );
  90. break;
  91. case 'vertices':
  92. data.sources[ child.getAttribute( 'id' ) ] = data.sources[ parseId( child.getElementsByTagName( 'input' )[ 0 ].getAttribute( 'source' ) ) ];
  93. break;
  94. case 'polygons':
  95. console.log( 'ColladaLoader: Unsupported primitive type: ', child.nodeName );
  96. break;
  97. case 'polylist':
  98. case 'triangles':
  99. data.primitive = parsePrimitive( child );
  100. break;
  101. default:
  102. console.log( child );
  103. }
  104. }
  105. return createGeometry( data );
  106. }
  107. function parsePrimitive( xml ) {
  108. var primitive = {
  109. inputs: {},
  110. stride: 0
  111. };
  112. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  113. var child = xml.childNodes[ i ];
  114. if ( child.nodeType !== 1 ) continue;
  115. switch ( child.nodeName ) {
  116. case 'input':
  117. var id = parseId( child.getAttribute( 'source' ) );
  118. var semantic = child.getAttribute( 'semantic' );
  119. var offset = parseInt( child.getAttribute( 'offset' ) );
  120. primitive.inputs[ semantic ] = { id: id, offset: offset };
  121. primitive.stride = Math.max( primitive.stride, offset + 1 );
  122. break;
  123. case 'vcount':
  124. primitive.vcount = parseInts( child.textContent );
  125. break;
  126. case 'p':
  127. primitive.p = parseInts( child.textContent );
  128. break;
  129. }
  130. }
  131. return primitive;
  132. }
  133. function createGeometry( data ) {
  134. if ( data.primitive === undefined ) return;
  135. var sources = data.sources;
  136. var primitive = data.primitive;
  137. var inputs = primitive.inputs;
  138. var stride = primitive.stride;
  139. var vcount = primitive.vcount;
  140. var indices = primitive.p;
  141. var vcount = primitive.vcount;
  142. var maxcount = 0;
  143. var geometry = new THREE.BufferGeometry();
  144. for ( var name in inputs ) {
  145. var input = inputs[ name ];
  146. var source = sources[ input.id ];
  147. var offset = input.offset;
  148. var array = [];
  149. function pushVector( i ) {
  150. var index = indices[ i + offset ] * 3;
  151. array.push( source[ index + 0 ], source[ index + 1 ], source[ index + 2 ] );
  152. }
  153. if ( primitive.vcount !== undefined ) {
  154. var index = 0;
  155. for ( var i = 0, l = vcount.length; i < l; i ++ ) {
  156. var count = vcount[ i ];
  157. if ( count === 4 ) {
  158. var a = index + stride * 0;
  159. var b = index + stride * 1;
  160. var c = index + stride * 2;
  161. var d = index + stride * 3;
  162. pushVector( a );
  163. pushVector( b );
  164. pushVector( d );
  165. pushVector( b );
  166. pushVector( c );
  167. pushVector( d );
  168. } else if ( count === 3 ) {
  169. var a = index + stride * 0;
  170. var b = index + stride * 1;
  171. var c = index + stride * 2;
  172. pushVector( a );
  173. pushVector( b );
  174. pushVector( c );
  175. } else {
  176. maxcount = Math.max( maxcount, count );
  177. }
  178. index += stride * count;
  179. }
  180. } else {
  181. for ( var i = 0, l = indices.length; i < l; i += stride ) {
  182. pushVector( i );
  183. }
  184. }
  185. switch ( name ) {
  186. case 'VERTEX':
  187. geometry.addAttribute( 'position', new THREE.Float32Attribute( array, 3 ) );
  188. break;
  189. case 'NORMAL':
  190. geometry.addAttribute( 'normal', new THREE.Float32Attribute( array, 3 ) );
  191. break;
  192. }
  193. }
  194. if ( maxcount > 0 ) {
  195. console.log( 'ColladaLoader: Geometry', data.id, 'has faces with more than 4 vertices.' );
  196. }
  197. return geometry;
  198. }
  199. // nodes
  200. var material = new THREE.MeshPhongMaterial();
  201. var matrix = new THREE.Matrix4();
  202. var vector = new THREE.Vector3();
  203. function parseNode( xml ) {
  204. var node = {
  205. name: xml.getAttribute( 'name' ),
  206. matrix: new THREE.Matrix4(),
  207. children: []
  208. };
  209. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  210. var child = xml.childNodes[ i ];
  211. if ( child.nodeType !== 1 ) continue;
  212. switch ( child.nodeName ) {
  213. case 'instance_camera':
  214. node.camera = camerasLibrary[ parseId( child.getAttribute( 'url' ) ) ];
  215. break;
  216. case 'instance_geometry':
  217. node.geometry = geometriesLibrary[ parseId( child.getAttribute( 'url' ) ) ];
  218. break;
  219. case 'instance_node':
  220. node.children.push( nodesLibrary[ parseId( child.getAttribute( 'url' ) ) ] );
  221. break;
  222. case 'matrix':
  223. var array = parseFloats( child.textContent );
  224. node.matrix.multiply( matrix.fromArray( array ).transpose() );
  225. break;
  226. case 'node':
  227. node.children.push( parseNode( child ) );
  228. break;
  229. case 'translate':
  230. var array = parseFloats( child.textContent );
  231. vector.fromArray( array );
  232. node.matrix.multiply( matrix.makeTranslation( vector.x, vector.y, vector.z ) );
  233. break;
  234. case 'rotate':
  235. var array = parseFloats( child.textContent );
  236. var angle = THREE.Math.degToRad( array[ 3 ] );
  237. node.matrix.multiply( matrix.makeRotationAxis( vector.fromArray( array ), angle ) );
  238. break;
  239. case 'scale':
  240. var array = parseFloats( child.textContent );
  241. node.matrix.scale( vector.fromArray( array ) );
  242. break;
  243. case 'extra':
  244. break;
  245. default:
  246. console.log( child );
  247. break;
  248. }
  249. }
  250. var object;
  251. if ( node.camera !== undefined ) {
  252. object = node.camera;
  253. } else if ( node.geometry !== undefined ) {
  254. object = new THREE.Mesh( node.geometry, material );
  255. } else {
  256. object = new THREE.Group();
  257. }
  258. object.name = node.name;
  259. node.matrix.decompose( object.position, object.quaternion, object.scale );
  260. var children = node.children;
  261. for ( var i = 0, l = children.length; i < l; i ++ ) {
  262. object.add( node.children[ i ] );
  263. }
  264. return object;
  265. }
  266. // visual scenes
  267. function parseVisualScene( xml ) {
  268. var group = new THREE.Group();
  269. group.name = xml.getAttribute( 'name' );
  270. var elements = xml.getElementsByTagName( 'node' );
  271. for ( var i = 0; i < elements.length; i ++ ) {
  272. var element = elements[ i ];
  273. group.add( parseNode( element ) );
  274. }
  275. return group;
  276. }
  277. // scenes
  278. function parseScene( xml ) {
  279. var scene = xml.getElementsByTagName( 'scene' )[ 0 ];
  280. var instance = scene.getElementsByTagName( 'instance_visual_scene' )[ 0 ];
  281. return visualScenesLibrary[ parseId( instance.getAttribute( 'url' ) ) ];
  282. }
  283. console.time( 'ColladaLoader' );
  284. console.time( 'ColladaLoader: DOMParser' );
  285. var xml = new DOMParser().parseFromString( text, 'text/xml' );
  286. console.timeEnd( 'ColladaLoader: DOMParser' );
  287. var imagesLibrary = parseLibrary( xml, 'library_images', 'image', parseImage );
  288. var camerasLibrary = parseLibrary( xml, 'library_cameras', 'camera', parseCamera );
  289. var geometriesLibrary = parseLibrary( xml, 'library_geometries', 'geometry', parseGeometry );
  290. var nodesLibrary = parseLibrary( xml, 'library_nodes', 'node', parseNode );
  291. var visualScenesLibrary = parseLibrary( xml, 'library_visual_scenes', 'visual_scene', parseVisualScene );
  292. var scene = parseScene( xml );
  293. console.timeEnd( 'ColladaLoader' );
  294. // console.log( scene );
  295. return {
  296. animations: [],
  297. kinematics: { joints: [] },
  298. scene: scene
  299. };
  300. }
  301. };