Loader.js 9.9 KB

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