SceneExporter.js 17 KB

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