Loader.js 9.7 KB

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