Loader.js 6.7 KB

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