CODEWITHSUNDEEP
javascriptthree.jsshaderinternet-explorer-11
neoRiley
neoRiley

Reputation: 475

Three.js THREE.DoubleSide not working in IE 11

I've imported a collada (dae) model into my Three.js scene and that works perfectly. I've created a MeshPhongMaterial and applied it to one particular object in the scene and on Chrome/FF it works as expected, but in IE11, setting THREE.DoubleSided causes the material to not be drawn.

I'm guessing there's an issue with the shader and IE11, but wondered if I might be missing something or is someone has a solution:

var map = THREE.ImageUtils.loadTexture( "meshes/demoRoom/textures/Tank_COLOR.png" );
var mat = new THREE.MeshPhongMaterial( 
{ 
    map: map, 
    side: THREE.DoubleSide, 
    blending: THREE.AdditiveBlending, 
    depthTest: true, 
    transparent: true, 
    opacity: 0.35,
    ambient: 0xffffff, 
    color: 0xFFFFFF, 
    specular: 0xcccccc, 
    shininess: 20, 
    emissive: 0xFFFFFF, 
    shading:THREE.SmoothShading 
} );

Upvotes: 1

Views: 1192

Answers (1)

art
art

Reputation: 11

http://msdn.microsoft.com/en-us/library/ie/dn358557(v=vs.85).aspx

Stencil buffers are not supported.

Upvotes: 1

Related Questions