SceneExporter.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752
  1. /**
  2. * @author alteredq / http://alteredqualia.com/
  3. */
  4. THREE.SceneExporter = function () {};
  5. THREE.SceneExporter.prototype = {
  6. constructor: THREE.SceneExporter,
  7. parse: function ( scene ) {
  8. var position = Vector3String( scene.position );
  9. var rotation = Vector3String( scene.rotation );
  10. var scale = Vector3String( scene.scale );
  11. var nobjects = 0;
  12. var ngeometries = 0;
  13. var nmaterials = 0;
  14. var ntextures = 0;
  15. var objectsArray = [];
  16. var geometriesArray = [];
  17. var materialsArray = [];
  18. var texturesArray = [];
  19. var fogsArray = [];
  20. var geometriesMap = {};
  21. var materialsMap = {};
  22. var texturesMap = {};
  23. // extract objects, geometries, materials, textures
  24. var checkTexture = function ( map ) {
  25. if ( ! map ) return;
  26. if ( ! ( map.id in texturesMap ) ) {
  27. texturesMap[ map.id ] = true;
  28. texturesArray.push( TextureString( map ) );
  29. ntextures += 1;
  30. }
  31. };
  32. var linesArray = [];
  33. function createObjectsList( object, pad ) {
  34. for ( var i = 0; i < object.children.length; i ++ ) {
  35. var node = object.children[ i ];
  36. if ( node instanceof THREE.Mesh ) {
  37. linesArray.push( MeshString( node, pad ) );
  38. nobjects += 1;
  39. if ( ! ( node.geometry.id in geometriesMap ) ) {
  40. geometriesMap[ node.geometry.id ] = true;
  41. geometriesArray.push( GeometryString( node.geometry ) );
  42. ngeometries += 1;
  43. }
  44. if ( ! ( node.material.id in materialsMap ) ) {
  45. materialsMap[ node.material.id ] = true;
  46. materialsArray.push( MaterialString( node.material ) );
  47. nmaterials += 1;
  48. checkTexture( node.material.map );
  49. checkTexture( node.material.envMap );
  50. checkTexture( node.material.lightMap );
  51. checkTexture( node.material.specularMap );
  52. checkTexture( node.material.bumpMap );
  53. checkTexture( node.material.normalMap );
  54. }
  55. } else if ( node instanceof THREE.Light ) {
  56. linesArray.push( LightString( node, pad ) );
  57. nobjects += 1;
  58. } else if ( node instanceof THREE.Camera ) {
  59. linesArray.push( CameraString( node, pad ) );
  60. nobjects += 1;
  61. } else if ( node instanceof THREE.Object3D ) {
  62. linesArray.push( ObjectString( node, pad ) );
  63. nobjects += 1;
  64. }
  65. if ( node.children.length > 0 ) {
  66. linesArray.push( PaddingString( pad + 1 ) + '\t\t"children" : {' );
  67. }
  68. createObjectsList( node, pad + 2 );
  69. if ( node.children.length > 0 ) {
  70. linesArray.push( PaddingString( pad + 1 ) + "\t\t}" );
  71. }
  72. linesArray.push( PaddingString( pad ) + "\t\t}" + ( i < object.children.length - 1 ? ",\n" : "" ) );
  73. }
  74. }
  75. createObjectsList( scene, 0 );
  76. var objects = linesArray.join( "\n" );
  77. // extract fog
  78. if ( scene.fog ) {
  79. fogsArray.push( FogString( scene.fog ) );
  80. }
  81. // generate sections
  82. var geometries = generateMultiLineString( geometriesArray, ",\n\n\t" );
  83. var materials = generateMultiLineString( materialsArray, ",\n\n\t" );
  84. var textures = generateMultiLineString( texturesArray, ",\n\n\t" );
  85. var fogs = generateMultiLineString( fogsArray, ",\n\n\t" );
  86. // generate defaults
  87. var activeCamera = null;
  88. scene.traverse( function ( node ) {
  89. if ( node instanceof THREE.Camera && node.userData.active ) {
  90. activeCamera = node;
  91. }
  92. } );
  93. var defcamera = LabelString( activeCamera ? getObjectName( activeCamera ) : "" );
  94. var deffog = LabelString( scene.fog ? getFogName( scene.fog ) : "" );
  95. // templates
  96. function Vector2String( v ) {
  97. return "[" + v.x + "," + v.y + "]";
  98. }
  99. function Vector3String( v ) {
  100. return "[" + v.x + "," + v.y + "," + v.z + "]";
  101. }
  102. function ColorString( c ) {
  103. return "[" + c.r.toFixed( 3 ) + "," + c.g.toFixed( 3 ) + "," + c.b.toFixed( 3 ) + "]";
  104. }
  105. function LabelString( s ) {
  106. return '"' + s + '"';
  107. }
  108. function NumConstantString( c ) {
  109. var constants = [ "NearestFilter", "NearestMipMapNearestFilter" , "NearestMipMapLinearFilter",
  110. "LinearFilter", "LinearMipMapNearestFilter", "LinearMipMapLinearFilter" ];
  111. for ( var i = 0; i < constants.length; i ++ ) {
  112. if ( THREE[ constants[ i ] ] === c ) return LabelString( constants[ i ] );
  113. };
  114. return "";
  115. }
  116. function PaddingString( n ) {
  117. var output = "";
  118. for ( var i = 0; i < n; i ++ ) output += "\t";
  119. return output;
  120. }
  121. //
  122. function LightString( o, n ) {
  123. if ( o instanceof THREE.AmbientLight ) {
  124. var output = [
  125. '\t\t' + LabelString( getObjectName( o ) ) + ' : {',
  126. ' "type" : "AmbientLight",',
  127. ' "color" : ' + o.color.getHex() + ( o.children.length ? ',' : '' )
  128. ];
  129. } else if ( o instanceof THREE.DirectionalLight ) {
  130. var output = [
  131. '\t\t' + LabelString( getObjectName( o ) ) + ' : {',
  132. ' "type" : "DirectionalLight",',
  133. ' "color" : ' + o.color.getHex() + ',',
  134. ' "intensity" : ' + o.intensity + ',',
  135. ' "direction" : ' + Vector3String( o.position ) + ',',
  136. ' "target" : ' + LabelString( getObjectName( o.target ) ) + ( o.children.length ? ',' : '' )
  137. ];
  138. } else if ( o instanceof THREE.PointLight ) {
  139. var output = [
  140. '\t\t' + LabelString( getObjectName( o ) ) + ' : {',
  141. ' "type" : "PointLight",',
  142. ' "color" : ' + o.color.getHex() + ',',
  143. ' "intensity" : ' + o.intensity + ',',
  144. ' "position" : ' + Vector3String( o.position ) + ',',
  145. ' "distance" : ' + o.distance + ( o.children.length ? ',' : '' )
  146. ];
  147. } else if ( o instanceof THREE.SpotLight ) {
  148. var output = [
  149. '\t\t' + LabelString( getObjectName( o ) ) + ' : {',
  150. ' "type" : "SpotLight",',
  151. ' "color" : ' + o.color.getHex() + ',',
  152. ' "intensity" : ' + o.intensity + ',',
  153. ' "position" : ' + Vector3String( o.position ) + ',',
  154. ' "distance" : ' + o.distance + ',',
  155. ' "angle" : ' + o.angle + ',',
  156. ' "exponent" : ' + o.exponent + ',',
  157. ' "target" : ' + LabelString( getObjectName( o.target ) ) + ( o.children.length ? ',' : '' )
  158. ];
  159. } else if ( o instanceof THREE.HemisphereLight ) {
  160. var output = [
  161. '\t\t' + LabelString( getObjectName( o ) ) + ' : {',
  162. ' "type" : "HemisphereLight",',
  163. ' "skyColor" : ' + o.color.getHex() + ',',
  164. ' "groundColor" : ' + o.groundColor.getHex() + ',',
  165. ' "intensity" : ' + o.intensity + ',',
  166. ' "position" : ' + Vector3String( o.position ) + ( o.children.length ? ',' : '' )
  167. ];
  168. } else {
  169. var output = [];
  170. }
  171. return generateMultiLineString( output, '\n\t\t', n );
  172. }
  173. function CameraString( o, n ) {
  174. if ( o instanceof THREE.PerspectiveCamera ) {
  175. var output = [
  176. '\t\t' + LabelString( getObjectName( o ) ) + ' : {',
  177. ' "type" : "PerspectiveCamera",',
  178. ' "fov" : ' + o.fov + ',',
  179. ' "aspect" : ' + o.aspect + ',',
  180. ' "near" : ' + o.near + ',',
  181. ' "far" : ' + o.far + ',',
  182. ' "position" : ' + Vector3String( o.position ) + ( o.children.length ? ',' : '' )
  183. ];
  184. } else if ( o instanceof THREE.OrthographicCamera ) {
  185. var output = [
  186. '\t\t' + LabelString( getObjectName( o ) ) + ' : {',
  187. ' "type" : "OrthographicCamera",',
  188. ' "left" : ' + o.left + ',',
  189. ' "right" : ' + o.right + ',',
  190. ' "top" : ' + o.top + ',',
  191. ' "bottom" : ' + o.bottom + ',',
  192. ' "near" : ' + o.near + ',',
  193. ' "far" : ' + o.far + ',',
  194. ' "position" : ' + Vector3String( o.position ) + ( o.children.length ? ',' : '' )
  195. ];
  196. } else {
  197. var output = [];
  198. }
  199. return generateMultiLineString( output, '\n\t\t', n );
  200. }
  201. function ObjectString( o, n ) {
  202. var output = [
  203. '\t\t' + LabelString( getObjectName( o ) ) + ' : {',
  204. ' "position" : ' + Vector3String( o.position ) + ',',
  205. ' "rotation" : ' + Vector3String( o.rotation ) + ',',
  206. ' "scale" : ' + Vector3String( o.scale ) + ',',
  207. ' "visible" : ' + o.visible + ( o.children.length ? ',' : '' )
  208. ];
  209. return generateMultiLineString( output, '\n\t\t', n );
  210. }
  211. function MeshString( o, n ) {
  212. var output = [
  213. '\t\t' + LabelString( getObjectName( o ) ) + ' : {',
  214. ' "geometry" : ' + LabelString( getGeometryName( o.geometry ) ) + ',',
  215. ' "material" : ' + LabelString( getMaterialName( o.material ) ) + ',',
  216. ' "position" : ' + Vector3String( o.position ) + ',',
  217. ' "rotation" : ' + Vector3String( o.rotation ) + ',',
  218. ' "scale" : ' + Vector3String( o.scale ) + ',',
  219. ' "visible" : ' + o.visible + ( o.children.length ? ',' : '' )
  220. ];
  221. return generateMultiLineString( output, '\n\t\t', n );
  222. }
  223. //
  224. function GeometryString( g ) {
  225. if ( g instanceof THREE.SphereGeometry ) {
  226. var output = [
  227. '\t' + LabelString( getGeometryName( g ) ) + ': {',
  228. ' "type" : "sphere",',
  229. ' "radius" : ' + g.parameters.radius + ',',
  230. ' "widthSegments" : ' + g.parameters.widthSegments + ',',
  231. ' "heightSegments" : ' + g.parameters.heightSegments,
  232. '}'
  233. ];
  234. } else if ( g instanceof THREE.BoxGeometry ) {
  235. var output = [
  236. '\t' + LabelString( getGeometryName( g ) ) + ': {',
  237. ' "type" : "cube",',
  238. ' "width" : ' + g.parameters.width + ',',
  239. ' "height" : ' + g.parameters.height + ',',
  240. ' "depth" : ' + g.parameters.depth + ',',
  241. ' "widthSegments" : ' + g.widthSegments + ',',
  242. ' "heightSegments" : ' + g.heightSegments + ',',
  243. ' "depthSegments" : ' + g.depthSegments,
  244. '}'
  245. ];
  246. } else if ( g instanceof THREE.PlaneGeometry ) {
  247. var output = [
  248. '\t' + LabelString( getGeometryName( g ) ) + ': {',
  249. ' "type" : "plane",',
  250. ' "width" : ' + g.width + ',',
  251. ' "height" : ' + g.height + ',',
  252. ' "widthSegments" : ' + g.widthSegments + ',',
  253. ' "heightSegments" : ' + g.heightSegments,
  254. '}'
  255. ];
  256. } else if ( g instanceof THREE.Geometry ) {
  257. if ( g.sourceType === "ascii" || g.sourceType === "ctm" || g.sourceType === "stl" || g.sourceType === "vtk" ) {
  258. var output = [
  259. '\t' + LabelString( getGeometryName( g ) ) + ': {',
  260. ' "type" : ' + LabelString( g.sourceType ) + ',',
  261. ' "url" : ' + LabelString( g.sourceFile ),
  262. '}'
  263. ];
  264. } else {
  265. var output = [];
  266. }
  267. } else {
  268. var output = [];
  269. }
  270. return generateMultiLineString( output, '\n\t\t' );
  271. }
  272. function MaterialString( m ) {
  273. if ( m instanceof THREE.MeshBasicMaterial ) {
  274. var output = [
  275. '\t' + LabelString( getMaterialName( m ) ) + ': {',
  276. ' "type" : "MeshBasicMaterial",',
  277. ' "parameters" : {',
  278. ' "color" : ' + m.color.getHex() + ',',
  279. m.map ? ' "map" : ' + LabelString( getTextureName( m.map ) ) + ',' : '',
  280. m.envMap ? ' "envMap" : ' + LabelString( getTextureName( m.envMap ) ) + ',' : '',
  281. m.specularMap ? ' "specularMap" : ' + LabelString( getTextureName( m.specularMap ) ) + ',' : '',
  282. m.lightMap ? ' "lightMap" : ' + LabelString( getTextureName( m.lightMap ) ) + ',' : '',
  283. ' "reflectivity" : ' + m.reflectivity + ',',
  284. ' "transparent" : ' + m.transparent + ',',
  285. ' "opacity" : ' + m.opacity + ',',
  286. ' "wireframe" : ' + m.wireframe + ',',
  287. ' "wireframeLinewidth" : ' + m.wireframeLinewidth,
  288. ' }',
  289. '}'
  290. ];
  291. } else if ( m instanceof THREE.MeshLambertMaterial ) {
  292. var output = [
  293. '\t' + LabelString( getMaterialName( m ) ) + ': {',
  294. ' "type" : "MeshLambertMaterial",',
  295. ' "parameters" : {',
  296. ' "color" : ' + m.color.getHex() + ',',
  297. ' "emissive" : ' + m.emissive.getHex() + ',',
  298. m.map ? ' "map" : ' + LabelString( getTextureName( m.map ) ) + ',' : '',
  299. m.envMap ? ' "envMap" : ' + LabelString( getTextureName( m.envMap ) ) + ',' : '',
  300. m.specularMap ? ' "specularMap" : ' + LabelString( getTextureName( m.specularMap ) ) + ',' : '',
  301. m.lightMap ? ' "lightMap" : ' + LabelString( getTextureName( m.lightMap ) ) + ',' : '',
  302. ' "reflectivity" : ' + m.reflectivity + ',',
  303. ' "transparent" : ' + m.transparent + ',',
  304. ' "opacity" : ' + m.opacity + ',',
  305. ' "wireframe" : ' + m.wireframe + ',',
  306. ' "wireframeLinewidth" : ' + m.wireframeLinewidth,
  307. ' }',
  308. '}'
  309. ];
  310. } else if ( m instanceof THREE.MeshPhongMaterial ) {
  311. var output = [
  312. '\t' + LabelString( getMaterialName( m ) ) + ': {',
  313. ' "type" : "MeshPhongMaterial",',
  314. ' "parameters" : {',
  315. ' "color" : ' + m.color.getHex() + ',',
  316. ' "emissive" : ' + m.emissive.getHex() + ',',
  317. ' "specular" : ' + m.specular.getHex() + ',',
  318. ' "shininess" : ' + m.shininess + ',',
  319. m.map ? ' "map" : ' + LabelString( getTextureName( m.map ) ) + ',' : '',
  320. m.envMap ? ' "envMap" : ' + LabelString( getTextureName( m.envMap ) ) + ',' : '',
  321. m.specularMap ? ' "specularMap" : ' + LabelString( getTextureName( m.specularMap ) ) + ',' : '',
  322. m.lightMap ? ' "lightMap" : ' + LabelString( getTextureName( m.lightMap ) ) + ',' : '',
  323. m.normalMap ? ' "normalMap" : ' + LabelString( getTextureName( m.normalMap ) ) + ',' : '',
  324. m.bumpMap ? ' "bumpMap" : ' + LabelString( getTextureName( m.bumpMap ) ) + ',' : '',
  325. ' "bumpScale" : ' + m.bumpScale + ',',
  326. ' "reflectivity" : ' + m.reflectivity + ',',
  327. ' "transparent" : ' + m.transparent + ',',
  328. ' "opacity" : ' + m.opacity + ',',
  329. ' "wireframe" : ' + m.wireframe + ',',
  330. ' "wireframeLinewidth" : ' + m.wireframeLinewidth,
  331. ' }',
  332. '}'
  333. ];
  334. } else if ( m instanceof THREE.MeshDepthMaterial ) {
  335. var output = [
  336. '\t' + LabelString( getMaterialName( m ) ) + ': {',
  337. ' "type" : "MeshDepthMaterial",',
  338. ' "parameters" : {',
  339. ' "transparent" : ' + m.transparent + ',',
  340. ' "opacity" : ' + m.opacity + ',',
  341. ' "wireframe" : ' + m.wireframe + ',',
  342. ' "wireframeLinewidth" : ' + m.wireframeLinewidth,
  343. ' }',
  344. '}'
  345. ];
  346. } else if ( m instanceof THREE.MeshNormalMaterial ) {
  347. var output = [
  348. '\t' + LabelString( getMaterialName( m ) ) + ': {',
  349. ' "type" : "MeshNormalMaterial",',
  350. ' "parameters" : {',
  351. ' "transparent" : ' + m.transparent + ',',
  352. ' "opacity" : ' + m.opacity + ',',
  353. ' "wireframe" : ' + m.wireframe + ',',
  354. ' "wireframeLinewidth" : ' + m.wireframeLinewidth,
  355. ' }',
  356. '}'
  357. ];
  358. } else if ( m instanceof THREE.MeshFaceMaterial ) {
  359. var output = [
  360. '\t' + LabelString( getMaterialName( m ) ) + ': {',
  361. ' "type" : "MeshFaceMaterial",',
  362. ' "parameters" : {}',
  363. '}'
  364. ];
  365. }
  366. return generateMultiLineString( output, '\n\t\t' );
  367. }
  368. function TextureString( t ) {
  369. // here would be also an option to use data URI
  370. // with embedded image from "t.image.src"
  371. // (that's a side effect of using FileReader to load images)
  372. var output = [
  373. '\t' + LabelString( getTextureName( t ) ) + ': {',
  374. ' "url" : "' + t.sourceFile + '",',
  375. ' "repeat" : ' + Vector2String( t.repeat ) + ',',
  376. ' "offset" : ' + Vector2String( t.offset ) + ',',
  377. ' "magFilter" : ' + NumConstantString( t.magFilter ) + ',',
  378. ' "minFilter" : ' + NumConstantString( t.minFilter ) + ',',
  379. ' "anisotropy" : ' + t.anisotropy,
  380. '}'
  381. ];
  382. return generateMultiLineString( output, '\n\t\t' );
  383. }
  384. //
  385. function FogString( f ) {
  386. if ( f instanceof THREE.Fog ) {
  387. var output = [
  388. '\t' + LabelString( getFogName( f ) ) + ': {',
  389. ' "type" : "linear",',
  390. ' "color" : ' + ColorString( f.color ) + ',',
  391. ' "near" : ' + f.near + ',',
  392. ' "far" : ' + f.far,
  393. '}'
  394. ];
  395. } else if ( f instanceof THREE.FogExp2 ) {
  396. var output = [
  397. '\t' + LabelString( getFogName( f ) ) + ': {',
  398. ' "type" : "exp2",',
  399. ' "color" : ' + ColorString( f.color ) + ',',
  400. ' "density" : ' + f.density,
  401. '}'
  402. ];
  403. } else {
  404. var output = [];
  405. }
  406. return generateMultiLineString( output, '\n\t\t' );
  407. }
  408. //
  409. function generateMultiLineString( lines, separator, padding ) {
  410. var cleanLines = [];
  411. for ( var i = 0; i < lines.length; i ++ ) {
  412. var line = lines[ i ];
  413. if ( line ) {
  414. if ( padding ) line = PaddingString( padding ) + line;
  415. cleanLines.push( line );
  416. }
  417. }
  418. return cleanLines.join( separator );
  419. }
  420. function getObjectName( o ) {
  421. return o.name ? o.name : "Object_" + o.id;
  422. }
  423. function getGeometryName( g ) {
  424. return g.name ? g.name : "Geometry_" + g.id;
  425. }
  426. function getMaterialName( m ) {
  427. return m.name ? m.name : "Material_" + m.id;
  428. }
  429. function getTextureName( t ) {
  430. return t.name ? t.name : "Texture_" + t.id;
  431. }
  432. function getFogName( f ) {
  433. return f.name ? f.name : "Default fog";
  434. }
  435. //
  436. var output = [
  437. '{',
  438. ' "metadata": {',
  439. ' "formatVersion" : 3.2,',
  440. ' "type" : "scene",',
  441. ' "generatedBy" : "SceneExporter",',
  442. ' "objects" : ' + nobjects + ',',
  443. ' "geometries" : ' + ngeometries + ',',
  444. ' "materials" : ' + nmaterials + ',',
  445. ' "textures" : ' + ntextures,
  446. ' },',
  447. '',
  448. ' "urlBaseType": "relativeToScene",',
  449. '',
  450. ' "objects" :',
  451. ' {',
  452. objects,
  453. ' },',
  454. '',
  455. ' "geometries" :',
  456. ' {',
  457. '\t' + geometries,
  458. ' },',
  459. '',
  460. ' "materials" :',
  461. ' {',
  462. '\t' + materials,
  463. ' },',
  464. '',
  465. ' "textures" :',
  466. ' {',
  467. '\t' + textures,
  468. ' },',
  469. '',
  470. ' "fogs" :',
  471. ' {',
  472. '\t' + fogs,
  473. ' },',
  474. '',
  475. ' "transform" :',
  476. ' {',
  477. ' "position" : ' + position + ',',
  478. ' "rotation" : ' + rotation + ',',
  479. ' "scale" : ' + scale,
  480. ' },',
  481. '',
  482. ' "defaults" :',
  483. ' {',
  484. ' "camera" : ' + defcamera + ',',
  485. ' "fog" : ' + deffog,
  486. ' }',
  487. '}'
  488. ].join( '\n' );
  489. return JSON.parse( output );
  490. }
  491. }