ObjectLoader.js 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. THREE.ObjectLoader = function () {};
  5. THREE.ObjectLoader.prototype = {
  6. constructor: THREE.ObjectLoader,
  7. addEventListener: THREE.EventDispatcher.prototype.addEventListener,
  8. hasEventListener: THREE.EventDispatcher.prototype.hasEventListener,
  9. removeEventListener: THREE.EventDispatcher.prototype.removeEventListener,
  10. dispatchEvent: THREE.EventDispatcher.prototype.dispatchEvent,
  11. load: function ( url ) {
  12. var scope = this;
  13. var request = new XMLHttpRequest();
  14. request.addEventListener( 'load', function ( event ) {
  15. var response = scope.parse( JSON.parse( event.target.responseText ) );
  16. scope.dispatchEvent( { type: 'load', content: response } );
  17. }, false );
  18. request.addEventListener( 'progress', function ( event ) {
  19. scope.dispatchEvent( { type: 'progress', loaded: event.loaded, total: event.total } );
  20. }, false );
  21. request.addEventListener( 'error', function () {
  22. scope.dispatchEvent( { type: 'error', message: 'Couldn\'t load URL [' + url + ']' } );
  23. }, false );
  24. request.open( 'GET', url, true );
  25. request.send( null );
  26. },
  27. parse: function ( json ) {
  28. var geometries = this.parseGeometries( json.geometries );
  29. var materials = this.parseMaterials( json.materials );
  30. var object = this.parseObject( json.object, geometries, materials );
  31. return object;
  32. },
  33. parseGeometries: function ( json ) {
  34. var geometries = [];
  35. if ( json !== undefined ) {
  36. var loader = new THREE.JSONLoader();
  37. for ( var i = 0, l = json.length; i < l; i ++ ) {
  38. var geometry;
  39. var data = json[ i ];
  40. switch ( data.type ) {
  41. case 'PlaneGeometry':
  42. geometry = new THREE.PlaneGeometry(
  43. data.width,
  44. data.height,
  45. data.widthSegments,
  46. data.heightSegments
  47. );
  48. break;
  49. case 'CubeGeometry':
  50. geometry = new THREE.CubeGeometry(
  51. data.width,
  52. data.height,
  53. data.depth,
  54. data.widthSegments,
  55. data.heightSegments,
  56. data.depthSegments
  57. );
  58. break;
  59. case 'CylinderGeometry':
  60. geometry = new THREE.CylinderGeometry(
  61. data.radiusTop,
  62. data.radiusBottom,
  63. data.height,
  64. data.radiusSegments,
  65. data.heightSegments,
  66. data.openEnded
  67. );
  68. break;
  69. case 'SphereGeometry':
  70. geometry = new THREE.SphereGeometry(
  71. data.radius,
  72. data.widthSegments,
  73. data.heightSegments,
  74. data.phiStart,
  75. data.phiLength,
  76. data.thetaStart,
  77. data.thetaLength
  78. );
  79. break;
  80. case 'IcosahedronGeometry':
  81. geometry = new THREE.IcosahedronGeometry(
  82. data.radius,
  83. data.detail
  84. );
  85. break;
  86. case 'TorusGeometry':
  87. geometry = new THREE.TorusGeometry(
  88. data.radius,
  89. data.tube,
  90. data.radialSegments,
  91. data.tubularSegments,
  92. data.arc
  93. );
  94. break;
  95. case 'TorusKnotGeometry':
  96. geometry = new THREE.TorusKnotGeometry(
  97. data.radius,
  98. data.tube,
  99. data.radialSegments,
  100. data.tubularSegments,
  101. data.p,
  102. data.q,
  103. data.heightScale
  104. );
  105. break;
  106. case 'Geometry':
  107. geometry = loader.parse( data.data ).geometry;
  108. break;
  109. }
  110. if ( data.name !== undefined ) geometry.name = data.name;
  111. if ( data.uuid !== undefined ) geometry.uuid = data.uuid;
  112. geometries.push( geometry );
  113. }
  114. }
  115. return geometries;
  116. },
  117. parseMaterials: function ( json ) {
  118. var materials = [];
  119. if ( json !== undefined ) {
  120. var loader = new THREE.MaterialLoader();
  121. for ( var i = 0, l = json.length; i < l; i ++ ) {
  122. var data = json[ i ];
  123. var material = loader.parse( data );
  124. if ( data.name !== undefined ) material.name = data.name;
  125. if ( data.uuid !== undefined ) material.uuid = data.uuid;
  126. materials.push( material );
  127. }
  128. }
  129. return materials;
  130. },
  131. parseObject: function ( data, geometries, materials ) {
  132. var object;
  133. switch ( data.type ) {
  134. case 'Scene':
  135. object = new THREE.Scene();
  136. break;
  137. case 'PerspectiveCamera':
  138. object = new THREE.PerspectiveCamera( data.fov, data.aspect, data.near, data.far );
  139. object.position.fromArray( data.position );
  140. object.rotation.fromArray( data.rotation );
  141. break;
  142. case 'OrthographicCamera':
  143. object = new THREE.OrthographicCamera( data.left, data.right, data.top, data.bottom, data.near, data.far );
  144. object.position.fromArray( data.position );
  145. object.rotation.fromArray( data.rotation );
  146. break;
  147. case 'AmbientLight':
  148. object = new THREE.AmbientLight( data.color );
  149. break;
  150. case 'DirectionalLight':
  151. object = new THREE.DirectionalLight( data.color, data.intensity );
  152. object.position.fromArray( data.position );
  153. break;
  154. case 'PointLight':
  155. object = new THREE.PointLight( data.color, data.intensity, data.distance );
  156. object.position.fromArray( data.position );
  157. break;
  158. case 'SpotLight':
  159. object = new THREE.SpotLight( data.color, data.intensity, data.distance, data.angle, data.exponent );
  160. object.position.fromArray( data.position );
  161. break;
  162. case 'HemisphereLight':
  163. object = new THREE.HemisphereLight( data.color, data.groundColor, data.intensity );
  164. object.position.fromArray( data.position );
  165. break;
  166. case 'Mesh':
  167. object = new THREE.Mesh( geometries[ data.geometry ], materials[ data.material ] );
  168. object.position.fromArray( data.position );
  169. object.rotation.fromArray( data.rotation );
  170. object.scale.fromArray( data.scale );
  171. break;
  172. default:
  173. object = new THREE.Object3D();
  174. object.position.fromArray( data.position );
  175. object.rotation.fromArray( data.rotation );
  176. object.scale.fromArray( data.scale );
  177. }
  178. if ( data.name !== undefined ) object.name = data.name;
  179. if ( data.uuid !== undefined ) object.uuid = data.uuid;
  180. if ( data.visible !== undefined ) object.visible = data.visible;
  181. if ( data.userData !== undefined ) object.userData = data.userData;
  182. if ( data.children !== undefined ) {
  183. for ( var i = 0, l = data.children.length; i < l; i ++ ) {
  184. object.add( this.parseObject( data.children[ i ], geometries, materials ) );
  185. }
  186. }
  187. return object;
  188. }
  189. };