ColladaLoader2.js 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466
  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 loader = new THREE.XHRLoader( scope.manager );
  12. loader.setCrossOrigin( this.crossOrigin );
  13. loader.load( url, function ( text ) {
  14. onLoad( scope.parse( text ) );
  15. }, onProgress, onError );
  16. },
  17. options: {
  18. set convertUpAxis ( value ) {
  19. console.log( 'ColladaLoder.options.convertUpAxis: TODO' );
  20. }
  21. },
  22. setCrossOrigin: function ( value ) {
  23. this.crossOrigin = value;
  24. },
  25. parse: function ( text ) {
  26. function parseFloats( text ) {
  27. var parts = text.trim().split( /\s+/ );
  28. var array = new Array( parts.length );
  29. for ( var i = 0, l = parts.length; i < l; i ++ ) {
  30. array[ i ] = parseFloat( parts[ i ] );
  31. }
  32. return array;
  33. }
  34. function parseInts( text ) {
  35. var parts = text.trim().split( /\s+/ );
  36. var array = new Array( parts.length );
  37. for ( var i = 0, l = parts.length; i < l; i ++ ) {
  38. array[ i ] = parseInt( parts[ i ] );
  39. }
  40. return array;
  41. }
  42. function parseId( text ) {
  43. return text.substring( 1 );
  44. }
  45. // cameras
  46. function parseCamerasLibrary( xml ) {
  47. var library = {};
  48. var cameras = xml.getElementsByTagName( 'library_cameras' )[ 0 ];
  49. if ( cameras !== undefined ) {
  50. var elements = cameras.getElementsByTagName( 'camera' );
  51. for ( var i = 0; i < elements.length; i ++ ) {
  52. var element = elements[ i ];
  53. library[ element.getAttribute( 'id' ) ] = parseCamera( element );
  54. }
  55. }
  56. return library;
  57. }
  58. function parseCamera( xml ) {
  59. console.log( 'ColladaLoader.parseCamera: TODO')
  60. var camera = new THREE.PerspectiveCamera();
  61. camera.name = xml.getAttribute( 'name' );
  62. return camera;
  63. }
  64. // geometries
  65. function parseGeometriesLibrary( xml ) {
  66. var library = {};
  67. var geometries = xml.getElementsByTagName( 'library_geometries' )[ 0 ];
  68. var elements = geometries.getElementsByTagName( 'geometry' );
  69. for ( var i = 0; i < elements.length; i ++ ) {
  70. var element = elements[ i ];
  71. var mesh = parseMesh( element.getElementsByTagName( 'mesh' )[ 0 ] );
  72. library[ element.getAttribute( 'id' ) ] = createGeometry( mesh );
  73. }
  74. return library;
  75. }
  76. function parseMesh( xml ) {
  77. var mesh = {
  78. sources: {}
  79. };
  80. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  81. var child = xml.childNodes[ i ];
  82. if ( child.nodeType !== 1 ) continue;
  83. switch ( child.nodeName ) {
  84. case 'source':
  85. mesh.sources[ child.getAttribute( 'id' ) ] = parseFloats( child.getElementsByTagName( 'float_array' )[ 0 ].textContent );
  86. break;
  87. case 'vertices':
  88. mesh.sources[ child.getAttribute( 'id' ) ] = mesh.sources[ parseId( child.getElementsByTagName( 'input' )[ 0 ].getAttribute( 'source' ) ) ];
  89. break;
  90. case 'polylist':
  91. case 'triangles':
  92. mesh.primitive = parsePrimitive( child );
  93. break;
  94. default:
  95. console.log( child );
  96. }
  97. }
  98. return mesh;
  99. }
  100. function parsePrimitive( xml ) {
  101. var primitive = {
  102. inputs: {},
  103. stride: 0
  104. };
  105. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  106. var child = xml.childNodes[ i ];
  107. if ( child.nodeType !== 1 ) continue;
  108. switch ( child.nodeName ) {
  109. case 'input':
  110. var id = parseId( child.getAttribute( 'source' ) );
  111. var semantic = child.getAttribute( 'semantic' );
  112. var offset = parseInt( child.getAttribute( 'offset' ) );
  113. primitive.inputs[ semantic ] = { id: id, offset: offset };
  114. primitive.stride = Math.max( primitive.stride, offset + 1 );
  115. break;
  116. case 'vcount':
  117. primitive.vcount = parseInts( child.textContent );
  118. break;
  119. case 'p':
  120. primitive.p = parseInts( child.textContent );
  121. break;
  122. }
  123. }
  124. return primitive;
  125. }
  126. function createGeometry( mesh ) {
  127. if ( mesh.primitive === undefined ) return;
  128. var sources = mesh.sources;
  129. var primitive = mesh.primitive;
  130. var inputs = primitive.inputs;
  131. var stride = primitive.stride;
  132. var vcount = primitive.vcount;
  133. var vcount = primitive.vcount;
  134. var indices = primitive.p;
  135. var geometry = new THREE.BufferGeometry();
  136. for ( var name in inputs ) {
  137. var input = inputs[ name ];
  138. var source = sources[ input.id ];
  139. var offset = input.offset;
  140. var array = [];
  141. function pushVector( i ) {
  142. var index = indices[ i + offset ] * 3;
  143. array.push( source[ index + 0 ], source[ index + 1 ], source[ index + 2 ] );
  144. }
  145. if ( primitive.vcount !== undefined ) {
  146. var index = 0;
  147. for ( var i = 0, l = vcount.length; i < l; i ++ ) {
  148. var count = vcount[ i ];
  149. if ( count === 4 ) {
  150. var a = index + stride * 0;
  151. var b = index + stride * 1;
  152. var c = index + stride * 2;
  153. var d = index + stride * 3;
  154. pushVector( a );
  155. pushVector( b );
  156. pushVector( d );
  157. pushVector( b );
  158. pushVector( c );
  159. pushVector( d );
  160. } else if ( count === 3 ) {
  161. var a = index + stride * 0;
  162. var b = index + stride * 1;
  163. var c = index + stride * 2;
  164. pushVector( a );
  165. pushVector( b );
  166. pushVector( c );
  167. } else {
  168. console.log( 'ColladaLoader.createGeometry:', count, 'not supported.' );
  169. }
  170. index += stride * count;
  171. }
  172. } else {
  173. for ( var i = 0, l = indices.length; i < l; i += stride ) {
  174. pushVector( i );
  175. }
  176. }
  177. switch ( name ) {
  178. case 'VERTEX':
  179. geometry.addAttribute( 'position', new THREE.Float32Attribute( array, 3 ) );
  180. break;
  181. case 'NORMAL':
  182. geometry.addAttribute( 'normal', new THREE.Float32Attribute( array, 3 ) );
  183. break;
  184. }
  185. }
  186. return geometry;
  187. }
  188. // nodes
  189. function parseNodesLibrary( xml ) {
  190. var library = {};
  191. return library;
  192. }
  193. function parseNode( xml ) {
  194. var group = new THREE.Group();
  195. group.name = xml.getAttribute( 'name' );
  196. var matrix = new THREE.Matrix4();
  197. for ( var i = 0; i < xml.childNodes.length; i ++ ) {
  198. var child = xml.childNodes[ i ];
  199. if ( child.nodeType !== 1 ) continue;
  200. switch ( child.nodeName ) {
  201. case 'node':
  202. group.add( parseNode( child ) );
  203. break;
  204. case 'instance_camera':
  205. var camera = camerasLibrary[ parseId( child.getAttribute( 'url' ) ) ];
  206. group.add( camera );
  207. break;
  208. case 'instance_geometry':
  209. var geometry = geometriesLibrary[ parseId( child.getAttribute( 'url' ) ) ];
  210. var material = new THREE.MeshPhongMaterial();
  211. var mesh = new THREE.Mesh( geometry, material );
  212. group.add( mesh );
  213. break;
  214. case 'matrix':
  215. matrix.multiply( new THREE.Matrix4().fromArray( parseFloats( child.textContent ) ) );
  216. break;
  217. case 'translate':
  218. var vector = new THREE.Vector3().fromArray( parseFloats( child.textContent ) );
  219. matrix.multiply( new THREE.Matrix4().makeTranslation( vector.x, vector.y, vector.z ) );
  220. break;
  221. case 'rotate':
  222. var array = parseFloats( child.textContent );
  223. var axis = new THREE.Vector3().fromArray( array );
  224. var angle = THREE.Math.degToRad( array[ 3 ] );
  225. matrix.multiply( new THREE.Matrix4().makeRotationAxis( axis, angle ) );
  226. break;
  227. case 'scale':
  228. var vector = new THREE.Vector3().fromArray( parseFloats( child.textContent ) );
  229. matrix.scale( vector );
  230. break;
  231. case 'extra':
  232. break;
  233. default:
  234. console.log( child );
  235. break;
  236. }
  237. }
  238. matrix.decompose( group.position, group.quaternion, group.scale );
  239. return group;
  240. }
  241. // visual scenes
  242. function parseVisualScenesLibrary( xml ) {
  243. var library = {};
  244. var visualScenes = xml.getElementsByTagName( 'library_visual_scenes' )[ 0 ];
  245. var elements = visualScenes.getElementsByTagName( 'visual_scene' );
  246. for ( var i = 0; i < elements.length; i ++ ) {
  247. var element = elements[ i ];
  248. library[ element.getAttribute( 'id' ) ] = parseVisualScene( element );
  249. }
  250. return library;
  251. }
  252. function parseVisualScene( xml ) {
  253. var group = new THREE.Group();
  254. group.name = xml.getAttribute( 'name' );
  255. var elements = xml.getElementsByTagName( 'node' );
  256. for ( var i = 0; i < elements.length; i ++ ) {
  257. var element = elements[ i ];
  258. group.add( parseNode( element ) );
  259. }
  260. return group;
  261. }
  262. // scenes
  263. function parseScene( xml ) {
  264. var scene = xml.getElementsByTagName( 'scene' )[ 0 ];
  265. var instance = scene.getElementsByTagName( 'instance_visual_scene' )[ 0 ];
  266. return visualScenesLibrary[ parseId( instance.getAttribute( 'url' ) ) ];
  267. }
  268. console.time( 'ColladaLoader2' );
  269. console.time( 'ColladaLoader2: DOMParser' );
  270. var xml = new DOMParser().parseFromString( text, 'text/xml' );
  271. console.timeEnd( 'ColladaLoader2: DOMParser' );
  272. var camerasLibrary = parseCamerasLibrary( xml );
  273. var geometriesLibrary = parseGeometriesLibrary( xml );
  274. var nodesLibrary = parseNodesLibrary( xml );
  275. var visualScenesLibrary = parseVisualScenesLibrary( xml );
  276. var scene = parseScene( xml );
  277. console.timeEnd( 'ColladaLoader2' );
  278. // console.log( scene );
  279. return {
  280. animations: [],
  281. kinematics: { joints: [] },
  282. scene: scene
  283. };
  284. }
  285. };