WebGL & Three.js - 两个渲染器，第二个在 FF 中没有阴影

Question

我们有两个 WebGLRenderer 的设置（使用同一场景的克隆，以避免出现问题）。同样的场景，同样的灯光，同样的相机。第二个渲染器用于按需快照（避免 RT 渲染的锯齿问题等）。

所有这一切都像 Chrome 中的魅力一样，但在 Firefox (35.0.1) 中，我们完全丢失了阴影（场景中只有一个阴影投射器，Spotlight）...这是 FF 的已知问题/限制（windows7/8 /8.1)?

非常感谢任何见解。

    var renderer = new THREE.WebGLRenderer({
        alpha : false,
        antialias : true,
        preserveDrawingBuffer : true // required to support .toDataURL()
    });

//shadows
    renderer.shadowMapSoft = true;
    renderer.physicallyBasedShading = true;
    renderer.shadowMapEnabled = true;

renderer.render(snapshot.scene, snapshot.camera);

var data = renderer.domElement.toDataURL("image/jpeg");

我忘了在帖子中直接提到阴影仅在第二个 webGLRenderer 实例中丢失（快照之一）。

我应该在 FF 中调试什么（一些 webgl 实现结构？）。在比较 Chrome 和 Threejs 场景/渲染器/相机/灯光的 FF 状态时，似乎一切正常，并且在浏览器之间是相同的。

Answer 1

这是借用浮点纹理的问题。见http://3dwayfinder.com/webgl-broken-in-firefox-35-0-1-for-windows/