Loader.js 10 KB

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