webgl babylonjs skybox纹理不显示

Question

我有一个问题，在webgl中使用babylonjs制作的天空盒子的纹理。我的整个项目都在the服务器上，所有的东西看起来都写得很好，但是应该是skybox的盒子没有显示出纹理-内外都是黑色的

代码：

var skybox = BABYLON.Mesh.CreateBox("skyBox", 1000.0, scene);
var skyboxMaterial = new BABYLON.StandardMaterial("skyBox", scene);
skyboxMaterial.backFaceCulling = false;
skyboxMaterial.reflectionTexture = new BABYLON.CubeTexture("skybox/skybox", scene);
skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;
skyboxMaterial.diffuseColor = new BABYLON.Color3(0, 0, 0);
skyboxMaterial.specularColor = new BABYLON.Color3(0, 0, 0);
skybox.material = skyboxMaterial;

Answer 1

我怀疑你在磁盘上的目录结构不适合skybox。

如果你按照巴比伦游乐场的例子来做一个skybox http://www.babylonjs-playground.com/#3458P (然后下载完整的工作例子的压缩包)

您可以看到，在您的示例中，" skybox /skybox“是指一个名为"skybox”的目录，其中包含6个skybox文件，即

包含名为

• skybox_nx.jpg
• skybox_px.jpg
• skybox_ny.jpg
• skybox_py.jpg
• skybox_nz.jpg
• skybox_pz.jpg

的文件的

• "skybox“目录

​

Answer 2

首先检查你的雾，它不会让你看到天空的盒子，试着把它移除。在我的例子中是:我复制了代码，对于我的场景来说太大了，我没有注意到变化。然后我减少

    var skybox = BABYLON.Mesh.CreateBox("skyBox", 800.0, scene);

至

    var skybox = BABYLON.Mesh.CreateBox("skyBox", 52.5, scene);

解决了问题

Answer 3

代码看起来是正确的。你能用F12 bar检查纹理是否正确加载吗？