Loader.js 7.8 KB

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