babylon.js skybox给出错误

Question

我想创造一个天窗。

我从https://www.babylonjs-playground.com/#UU7RQ#240复制示例。当我想看到结果的时候。我在检查错误中看到:这是错误的屏幕截图。

错误截图

这是代码：

let canvas = document.getElementById("renderCanvas");

let engine = new BABYLON.Engine(canvas, true);


var createScene = function () {
    var scene = new BABYLON.Scene(engine);
    var camera = new BABYLON.ArcRotateCamera("Camera", -Math.PI / 2, Math.PI / 2, 5, BABYLON.Vector3.Zero(), scene);
    camera.attachControl(canvas, true);

    var light = new BABYLON.HemisphericLight("hemiLight", new BABYLON.Vector3(-1, 1, 0), scene);
    light.diffuse = new BABYLON.Color3(1, 0, 0);

    // Skybox
    var skybox = BABYLON.MeshBuilder.CreateBox("skyBox", {size:1000.0}, scene);
    var skyboxMaterial = new BABYLON.StandardMaterial("skyBox", scene);
    skyboxMaterial.backFaceCulling = false;
    skyboxMaterial.reflectionTexture = new BABYLON.CubeTexture("textures/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;

   return scene;

};

// activate scene
let scene = createScene();

// show scene
engine.runRenderLoop(function() {
    scene.render();
});

scene.activeCamera.attachControl(canvas);

Answer 1

很不幸，您不能直接从磁盘加载图像。它们必须由本地etc服务器(Apache、IIS等)托管。