SceneLoader2.js 5.0 KB

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