Loader.js 7.3 KB

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