How to activate two-sided material rendering in the View & Data API?

By Philippe Leefsma

This workaround applies if you are working with two-sided materials in your original model: the View & Data extractors do not always set the two sided flag in the output, because they don't know when they should or should not do that.

There is a way to work around this on the client side, by setting the "side" property of 3d materials that need it to THREE.DoubleSide and telling the render context about it. Here is a quick snippet that illustrates how to achieve that:

 

 1 function activateTwoSidedRendering(viewer) {
 2 
 3 var materials = viewer.impl.matman().materials;
 4 
 5 for (var matKey in materials) {
 6 
 7     materials[matKey].side = THREE.DoubleSide;
 8     materials[matKey].needsUpdate = true;
 9   }
10 
11   viewer.impl.renderer().toggleTwoSided(true);
12 }