Question

我正在研究3d dataviz。我需要向其展示一个包含数据的世界，并使用chrome实验（chromeexperiments.com/globe）作为指导。

问题是这个可视化是用Threejs r40制作的，很难找到关于它的文档，所以我尝试升级到r71。

我解决了渲染世界的兼容性问题，但是无法让它显示出气氛，事实上，当我试图展示气氛时，没有任何东西显示出来（就像气氛变黑了，它隐藏了世界）。

我认为问题是着色器，但我不太确定。

有人有线索吗？

这是我正在使用的代码：

gist.github.com/glena/0b2875044cd6c39ff150

由于

==========

更新

如果我删除了fragentShader，它将被渲染为红色球体，但仍然以黑色背景覆盖世界：

 var mesh = new THREE.Mesh(new THREE.SphereGeometry(100, 40, 30), 
        new THREE.ShaderMaterial({

          uniforms: uniforms,
          vertexShader: shader.vertexShader

        })
      );

Answer 1

问题（如@WestLangley所述）是

mesh.flipSided = true; ==> mesh.material.side = THREE.BackSide;

使用着色器发布升级threejs的问题

1 个答案: