2
0

Loader.js 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. var Loader = function ( editor ) {
  5. var scope = this;
  6. var signals = editor.signals;
  7. this.texturePath = '';
  8. this.loadFile = function ( file ) {
  9. var filename = file.name;
  10. var extension = filename.split( '.' ).pop().toLowerCase();
  11. switch ( extension ) {
  12. case 'awd':
  13. var reader = new FileReader();
  14. reader.addEventListener( 'load', function ( event ) {
  15. var loader = new THREE.AWDLoader();
  16. var scene = loader.parse( event.target.result );
  17. editor.setScene( scene );
  18. }, false );
  19. reader.readAsArrayBuffer( file );
  20. break;
  21. case 'babylon':
  22. var reader = new FileReader();
  23. reader.addEventListener( 'load', function ( event ) {
  24. var contents = event.target.result;
  25. var json = JSON.parse( contents );
  26. var loader = new THREE.BabylonLoader();
  27. var scene = loader.parse( json );
  28. editor.setScene( scene );
  29. }, false );
  30. reader.readAsText( file );
  31. break;
  32. case 'babylonmeshdata':
  33. var reader = new FileReader();
  34. reader.addEventListener( 'load', function ( event ) {
  35. var contents = event.target.result;
  36. var json = JSON.parse( contents );
  37. var loader = new THREE.BabylonLoader();
  38. var geometry = loader.parseGeometry( json );
  39. var material = new THREE.MeshPhongMaterial();
  40. var mesh = new THREE.Mesh( geometry, material );
  41. mesh.name = filename;
  42. editor.addObject( mesh );
  43. editor.select( mesh );
  44. }, false );
  45. reader.readAsText( file );
  46. break;
  47. case 'ctm':
  48. var reader = new FileReader();
  49. reader.addEventListener( 'load', function ( event ) {
  50. var data = new Uint8Array( event.target.result );
  51. var stream = new CTM.Stream( data );
  52. stream.offset = 0;
  53. var loader = new THREE.CTMLoader();
  54. loader.createModel( new CTM.File( stream ), function( geometry ) {
  55. geometry.sourceType = "ctm";
  56. geometry.sourceFile = file.name;
  57. var material = new THREE.MeshPhongMaterial();
  58. var mesh = new THREE.Mesh( geometry, material );
  59. mesh.name = filename;
  60. editor.addObject( mesh );
  61. editor.select( mesh );
  62. } );
  63. }, false );
  64. reader.readAsArrayBuffer( file );
  65. break;
  66. case 'dae':
  67. var reader = new FileReader();
  68. reader.addEventListener( 'load', function ( event ) {
  69. var contents = event.target.result;
  70. var parser = new DOMParser();
  71. var xml = parser.parseFromString( contents, 'text/xml' );
  72. var loader = new THREE.ColladaLoader();
  73. var collada = loader.parse( xml );
  74. collada.scene.name = filename;
  75. editor.addObject( collada.scene );
  76. editor.select( collada.scene );
  77. }, false );
  78. reader.readAsText( file );
  79. break;
  80. case 'js':
  81. case 'json':
  82. case '3geo':
  83. case '3mat':
  84. case '3obj':
  85. case '3scn':
  86. var reader = new FileReader();
  87. reader.addEventListener( 'load', function ( event ) {
  88. var contents = event.target.result;
  89. // 2.0
  90. if ( contents.indexOf( 'postMessage' ) !== -1 ) {
  91. var blob = new Blob( [ contents ], { type: 'text/javascript' } );
  92. var url = URL.createObjectURL( blob );
  93. var worker = new Worker( url );
  94. worker.onmessage = function ( event ) {
  95. event.data.metadata = { version: 2 };
  96. handleJSON( event.data, file, filename );
  97. };
  98. worker.postMessage( Date.now() );
  99. return;
  100. }
  101. // >= 3.0
  102. var data;
  103. try {
  104. data = JSON.parse( contents );
  105. } catch ( error ) {
  106. alert( error );
  107. return;
  108. }
  109. handleJSON( data, file, filename );
  110. }, false );
  111. reader.readAsText( file );
  112. break;
  113. case 'md2':
  114. var reader = new FileReader();
  115. reader.addEventListener( 'load', function ( event ) {
  116. var contents = event.target.result;
  117. var geometry = new THREE.MD2Loader().parse( contents );
  118. var material = new THREE.MeshPhongMaterial( {
  119. morphTargets: true,
  120. morphNormals: true
  121. } );
  122. var object = new THREE.MorphAnimMesh( geometry, material );
  123. object.name = filename;
  124. editor.addObject( object );
  125. editor.select( object );
  126. }, false );
  127. reader.readAsArrayBuffer( file );
  128. break;
  129. case 'obj':
  130. var reader = new FileReader();
  131. reader.addEventListener( 'load', function ( event ) {
  132. var contents = event.target.result;
  133. var object = new THREE.OBJLoader().parse( contents );
  134. object.name = filename;
  135. editor.addObject( object );
  136. editor.select( object );
  137. }, false );
  138. reader.readAsText( file );
  139. break;
  140. case 'ply':
  141. var reader = new FileReader();
  142. reader.addEventListener( 'load', function ( event ) {
  143. var contents = event.target.result;
  144. var geometry = new THREE.PLYLoader().parse( contents );
  145. geometry.sourceType = "ply";
  146. geometry.sourceFile = file.name;
  147. var material = new THREE.MeshPhongMaterial();
  148. var mesh = new THREE.Mesh( geometry, material );
  149. mesh.name = filename;
  150. editor.addObject( mesh );
  151. editor.select( mesh );
  152. }, false );
  153. reader.readAsText( file );
  154. break;
  155. case 'stl':
  156. var reader = new FileReader();
  157. reader.addEventListener( 'load', function ( event ) {
  158. var contents = event.target.result;
  159. var geometry = new THREE.STLLoader().parse( contents );
  160. geometry.sourceType = "stl";
  161. geometry.sourceFile = file.name;
  162. var material = new THREE.MeshPhongMaterial();
  163. var mesh = new THREE.Mesh( geometry, material );
  164. mesh.name = filename;
  165. editor.addObject( mesh );
  166. editor.select( mesh );
  167. }, false );
  168. if ( reader.readAsBinaryString !== undefined ) {
  169. reader.readAsBinaryString( file );
  170. } else {
  171. reader.readAsArrayBuffer( file );
  172. }
  173. break;
  174. /*
  175. case 'utf8':
  176. var reader = new FileReader();
  177. reader.addEventListener( 'load', function ( event ) {
  178. var contents = event.target.result;
  179. var geometry = new THREE.UTF8Loader().parse( contents );
  180. var material = new THREE.MeshLambertMaterial();
  181. var mesh = new THREE.Mesh( geometry, material );
  182. editor.addObject( mesh );
  183. editor.select( mesh );
  184. }, false );
  185. reader.readAsBinaryString( file );
  186. break;
  187. */
  188. case 'vtk':
  189. var reader = new FileReader();
  190. reader.addEventListener( 'load', function ( event ) {
  191. var contents = event.target.result;
  192. var geometry = new THREE.VTKLoader().parse( contents );
  193. geometry.sourceType = "vtk";
  194. geometry.sourceFile = file.name;
  195. var material = new THREE.MeshPhongMaterial();
  196. var mesh = new THREE.Mesh( geometry, material );
  197. mesh.name = filename;
  198. editor.addObject( mesh );
  199. editor.select( mesh );
  200. }, false );
  201. reader.readAsText( file );
  202. break;
  203. case 'wrl':
  204. var reader = new FileReader();
  205. reader.addEventListener( 'load', function ( event ) {
  206. var contents = event.target.result;
  207. var result = new THREE.VRMLLoader().parse( contents );
  208. editor.setScene( result );
  209. }, false );
  210. reader.readAsText( file );
  211. break;
  212. default:
  213. alert( 'Unsupported file format (' + extension + ').' );
  214. break;
  215. }
  216. }
  217. var handleJSON = function ( data, file, filename ) {
  218. if ( data.metadata === undefined ) { // 2.0
  219. data.metadata = { type: 'Geometry' };
  220. }
  221. if ( data.metadata.type === undefined ) { // 3.0
  222. data.metadata.type = 'Geometry';
  223. }
  224. if ( data.metadata.version === undefined ) {
  225. data.metadata.version = data.metadata.formatVersion;
  226. }
  227. if ( data.metadata.type === 'BufferGeometry' ) {
  228. var loader = new THREE.BufferGeometryLoader();
  229. var result = loader.parse( data );
  230. var mesh = new THREE.Mesh( result );
  231. editor.addObject( mesh );
  232. editor.select( mesh );
  233. } else if ( data.metadata.type.toLowerCase() === 'geometry' ) {
  234. var loader = new THREE.JSONLoader();
  235. loader.setTexturePath( scope.texturePath );
  236. var result = loader.parse( data );
  237. var geometry = result.geometry;
  238. var material;
  239. if ( result.materials !== undefined ) {
  240. if ( result.materials.length > 1 ) {
  241. material = new THREE.MeshFaceMaterial( result.materials );
  242. } else {
  243. material = result.materials[ 0 ];
  244. }
  245. } else {
  246. material = new THREE.MeshPhongMaterial();
  247. }
  248. geometry.sourceType = "ascii";
  249. geometry.sourceFile = file.name;
  250. var mesh;
  251. if ( geometry.animation && geometry.animation.hierarchy ) {
  252. mesh = new THREE.SkinnedMesh( geometry, material );
  253. } else {
  254. mesh = new THREE.Mesh( geometry, material );
  255. }
  256. mesh.name = filename;
  257. editor.addObject( mesh );
  258. editor.select( mesh );
  259. } else if ( data.metadata.type.toLowerCase() === 'object' ) {
  260. var loader = new THREE.ObjectLoader();
  261. loader.setTexturePath( scope.texturePath );
  262. var result = loader.parse( data );
  263. if ( result instanceof THREE.Scene ) {
  264. editor.setScene( result );
  265. } else {
  266. editor.addObject( result );
  267. editor.select( result );
  268. }
  269. } else if ( data.metadata.type.toLowerCase() === 'scene' ) {
  270. // DEPRECATED
  271. var loader = new THREE.SceneLoader();
  272. loader.parse( data, function ( result ) {
  273. editor.setScene( result.scene );
  274. }, '' );
  275. }
  276. };
  277. }