Loader.js 8.9 KB

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