SceneExporter.js 17 KB

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