textures - webgl -babylonjs 天空盒纹理未显示

Question

我对使用babylonjs 在 webgl 中制作的天空盒纹理有疑问。 我的整个项目都在网络服务器上，一切似乎都写得很好，但是应该是天空盒的盒子没有显示纹理 - 外部和内部都是黑色

代码:

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

我怀疑您磁盘上的目录结构对于天空盒来说不正确。

如果您遵循巴比伦 Playground 的天空盒示例 http://www.babylonjs-playground.com/#3458P (然后下载完整工作示例的 zip 文件)

您可以看到在您的情况下“skybox/skybox” 表示一个名为“skybox”的目录，其中包含 6 个天空盒文件，即

• “skybox”目录包含名为
  • skybox_nx.jpg
  • skybox_px.jpg
  • skybox_ny.jpg
  • skybox_py.jpg
  • skybox_nz.jpg
  • skybox_pz.jpg