VRMLLoader.js 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. THREE.VRMLLoader = function () {};
  5. THREE.VRMLLoader.prototype = {
  6. constructor: THREE.VTKLoader,
  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, callback ) {
  12. var scope = this;
  13. var request = new XMLHttpRequest();
  14. request.addEventListener( 'load', function ( event ) {
  15. var object = scope.parse( event.target.responseText );
  16. scope.dispatchEvent( { type: 'load', content: object } );
  17. if ( callback ) callback( geometry );
  18. }, false );
  19. request.addEventListener( 'progress', function ( event ) {
  20. scope.dispatchEvent( { type: 'progress', loaded: event.loaded, total: event.total } );
  21. }, false );
  22. request.addEventListener( 'error', function () {
  23. scope.dispatchEvent( { type: 'error', message: 'Couldn\'t load URL [' + url + ']' } );
  24. }, false );
  25. request.open( 'GET', url, true );
  26. request.send( null );
  27. },
  28. parse: function ( data ) {
  29. var parseV1 = function ( lines, scene ) {
  30. console.wrn( 'VRML V1.0 not supported yet' );
  31. };
  32. var parseV2 = function ( lines, scene ) {
  33. var getTree = function ( lines ) {
  34. var tree = { 'string': 'Scene', children: [] };
  35. var current = tree;
  36. for ( var i = 0; i < lines.length; i ++ ) {
  37. var line = lines[ i ];
  38. if ( /^#/.exec( line ) ) {
  39. continue;
  40. } else if ( /{/.exec( line ) ) {
  41. var block = { 'string': line, 'parent': current, 'children': [] };
  42. current.children.push( block );
  43. current = block;
  44. if ( /}/.exec( line ) ) {
  45. block.children.push( /{(.*)}/.exec( line )[ 1 ] );
  46. current = current.parent;
  47. }
  48. } else if ( /}/.exec( line ) ) {
  49. current = current.parent;
  50. } else if ( line !== '' ) {
  51. current.children.push( line );
  52. }
  53. }
  54. return tree;
  55. }
  56. var defines = {};
  57. var float_pattern = /( +[\d|\.|\+|\-|e]+)/;
  58. var float3_pattern = /( +[\d|\.|\+|\-|e]+),?( +[\d|\.|\+|\-|e]+),?( +[\d|\.|\+|\-|e]+)/;
  59. var float4_pattern = /( +[\d|\.|\+|\-|e]+),?( +[\d|\.|\+|\-|e]+),?( +[\d|\.|\+|\-|e]+),?( +[\d|\.|\+|\-|e]+)/;
  60. var parseNode = function ( data, parent ) {
  61. // console.log( data );
  62. if ( typeof data === 'string' ) {
  63. if ( /USE/.exec( data ) ) {
  64. if ( /appearance/.exec( data ) ) {
  65. var material = defines[ /USE (\w+)/.exec( data )[ 1 ] ].clone();
  66. parent.setMaterial( material );
  67. } else {
  68. var object = defines[ /USE (\w+)/.exec( data )[ 1 ] ].clone();
  69. parent.add( object );
  70. }
  71. }
  72. return;
  73. }
  74. var object = parent;
  75. if ( /Transform/.exec( data.string ) || /Group/.exec( data.string ) ) {
  76. object = new THREE.Object3D();
  77. if ( /DEF/.exec( data.string ) ) {
  78. object.name = /DEF (\w+)/.exec( data.string )[ 1 ];
  79. defines[ object.name ] = object;
  80. }
  81. for ( var i = 0, j = data.children.length; i < j; i ++ ) {
  82. var child = data.children[ i ];
  83. if ( /translation/.exec( child ) ) {
  84. var result = float3_pattern.exec( child );
  85. object.position.set(
  86. parseFloat( result[ 1 ] ),
  87. parseFloat( result[ 2 ] ),
  88. parseFloat( result[ 3 ] )
  89. );
  90. } else if ( /rotation/.exec( child ) ) {
  91. var result = float4_pattern.exec( child );
  92. object.rotation.set(
  93. parseFloat( result[ 1 ] ),
  94. parseFloat( result[ 2 ] ),
  95. parseFloat( result[ 3 ] )
  96. ).multiplyScalar( result[ 4 ] );
  97. } else if ( /scale/.exec( child ) ) {
  98. var result = float3_pattern.exec( child );
  99. object.scale.set(
  100. parseFloat( result[ 1 ] ),
  101. parseFloat( result[ 2 ] ),
  102. parseFloat( result[ 3 ] )
  103. );
  104. }
  105. }
  106. parent.add( object );
  107. } else if ( /Shape/.exec( data.string ) ) {
  108. object = new THREE.Mesh();
  109. if ( /DEF/.exec( data.string ) ) {
  110. object.name = /DEF (\w+)/.exec( data.string )[ 1 ];
  111. defines[ object.name ] = object;
  112. }
  113. parent.add( object );
  114. } else if ( /geometry/.exec( data.string ) ) {
  115. if ( /Box/.exec( data.string ) ) {
  116. var width = 1, height = 1, depth = 1;
  117. for ( var i = 0, j = data.children.length; i < j; i ++ ) {
  118. var child = data.children[ i ];
  119. if ( /size/.exec( child ) ) {
  120. var result = float3_pattern.exec( child );
  121. width = parseFloat( result[ 1 ] );
  122. height = parseFloat( result[ 2 ] );
  123. depth = parseFloat( result[ 3 ] );
  124. }
  125. }
  126. parent.setGeometry( new THREE.CubeGeometry( width, height, depth ) );
  127. } else if ( /Cylinder/.exec( data.string ) ) {
  128. var radius = 1, height = 1;
  129. for ( var i = 0, j = data.children.length; i < j; i ++ ) {
  130. var child = data.children[ i ];
  131. if ( /radius/.exec( child ) ) {
  132. radius = parseFloat( float_pattern.exec( child )[ 1 ] );
  133. } else if ( /height/.exec( child ) ) {
  134. height = parseFloat( float_pattern.exec( child )[ 1 ] );
  135. }
  136. }
  137. parent.setGeometry( new THREE.CylinderGeometry( radius, radius, height ) );
  138. } else if ( /Cone/.exec( data.string ) ) {
  139. var topRadius = 0, bottomRadius = 1, height = 1;
  140. for ( var i = 0, j = data.children.length; i < j; i ++ ) {
  141. var child = data.children[ i ];
  142. if ( /bottomRadius/.exec( child ) ) {
  143. bottomRadius = parseFloat( float_pattern.exec( child )[ 1 ] );
  144. } else if ( /height/.exec( child ) ) {
  145. height = parseFloat( float_pattern.exec( child )[ 1 ] );
  146. }
  147. }
  148. parent.setGeometry( new THREE.CylinderGeometry( topRadius, bottomRadius, height ) );
  149. } else if ( /Sphere/.exec( data.string ) ) {
  150. var result = /radius( +[\d|\.|\+|\-|e]+)/.exec( data.children[ 0 ] );
  151. parent.setGeometry( new THREE.SphereGeometry(
  152. parseFloat( result[ 1 ] )
  153. ) );
  154. }
  155. return;
  156. } else if ( /appearance/.exec( data.string ) ) {
  157. for ( var i = 0; i < data.children.length; i ++ ) {
  158. var child = data.children[ i ];
  159. if ( /Material/.exec( child.string ) ) {
  160. var material = new THREE.MeshPhongMaterial();
  161. for ( var j = 0; j < child.children.length; j ++ ) {
  162. var parameter = child.children[ j ];
  163. if ( /diffuseColor/.exec( parameter ) ) {
  164. var result = float3_pattern.exec( parameter );
  165. material.color.setRGB(
  166. parseFloat( result[ 1 ] ),
  167. parseFloat( result[ 2 ] ),
  168. parseFloat( result[ 3 ] )
  169. );
  170. } else if ( /emissiveColor/.exec( parameter ) ) {
  171. var result = float3_pattern.exec( parameter );
  172. material.emissive.setRGB(
  173. parseFloat( result[ 1 ] ),
  174. parseFloat( result[ 2 ] ),
  175. parseFloat( result[ 3 ] )
  176. );
  177. } else if ( /specularColor/.exec( parameter ) ) {
  178. var result = float3_pattern.exec( parameter );
  179. material.specular.setRGB(
  180. parseFloat( result[ 1 ] ),
  181. parseFloat( result[ 2 ] ),
  182. parseFloat( result[ 3 ] )
  183. );
  184. } else if ( /transparency/.exec( parameter ) ) {
  185. var result = /( +[\d|\.|\+|\-|e]+)/.exec( parameter );
  186. material.opacity = parseFloat( result[ 1 ] );
  187. material.transparent = true;
  188. }
  189. }
  190. if ( /DEF/.exec( data.string ) ) {
  191. material.name = /DEF (\w+)/.exec( data.string )[ 1 ];
  192. defines[ material.name ] = material;
  193. }
  194. parent.setMaterial( material );
  195. }
  196. }
  197. return;
  198. }
  199. for ( var i = 0, l = data.children.length; i < l; i ++ ) {
  200. var child = data.children[ i ];
  201. parseNode( data.children[ i ], object );
  202. }
  203. }
  204. parseNode( getTree( lines ), scene );
  205. };
  206. var scene = new THREE.Scene();
  207. var lines = data.split( '\n' );
  208. var header = lines.shift();
  209. if ( /V1.0/.exec( header ) ) {
  210. parseV1( lines, scene );
  211. } else if ( /V2.0/.exec( header ) ) {
  212. parseV2( lines, scene );
  213. }
  214. return scene;
  215. }
  216. };