Export file as ThreeJS Scene - no CubeMap

[freeze]

It seems that Clara.io does not export CubeMaps when I'm exporting the file as a ThreeJS scene (JSON). Is this a missing feature or is there a way to export CubeMaps as well?

Alternatively (but more inconvenient) I could set the CubeMap manually with three.js in JavaScript. The only problem is that I don't know how to add a CubeMap to an existing material without creating a new material.

Thanks in advance for any tip,
freeze

[bhouston]

Hi freeze,

Thanks for the report. We are working on addressing this issue now and it should be availble in an update in the next week or so.

Best regards,
Ben Houston

[freeze]

Sounds great! Looking forward to the update.

By the way, your tool is really awesome and it saves a lot of time creating scenes for WebGL. Keep up the good work!

[Nima]

Unfortunately current format of ThreeJS exporter/importer doesn't support cubeMaps. (Maybe Three.js community can work on it to support it in the next version )

As a simple solution, you may manually modify the imported material to show cubemap:

var imageUrls = [ path1, path2, path3,path4, path5,path6 ]
var cubeMap = THREE.ImageUtils.loadTextureCube( imageUrls );
material.envMap = cubeMap ;

[freeze]

@NimaThanks for the tip! I tried your code and it's a good workaround. But for complex scenes it will be much easier to export all mappings with Clara.io correctly.

@bhoustonThere's another thing I stumbled across. Also bump mappings are not included in the exported ThreeJS scene. It would be great if you can have a look at this issue as well. Thanks a lot.

[pflugs30]

Hi @bhouston,

Are we now able to export environment maps with cube maps to ThreeJS files or do we still need to use the workaround? I ask because I recently built a model that used the Columns Studio environment map (which looks GREAT in Clara.io and its player), but it does not look "good" when exported and loaded to ThreeJS. It appears that the environment map is gone.

Thanks,
Matthew

View in Clara Player:

View in Three JS (with lighting from Link to Example):