SceneLoader2.js 5.4 KB

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