javascript - 如何解决错误 "THREE.GLTFLoader: Failed to load buffer "scene.bin“。”？

Question

我在 youtube 上观看了一个教程并按照它做，但我一开始就绊倒了，任何人都可以帮忙

let scene, camera, renderer;
    function init() {
        scene = new THREE.Scene();
        scene.background = new THREE.Color(0xdddddd);
        camera = new THREE.PerspectiveCamera(40, Window.innerWidth / window.innerHeight, 1, 5000);
        camera.rotation.y = 45 / 180 * Math.PI;
        camera.position.x = 800;
        camera.position.y = 100;
        camera.position.z = 1000;
        hlight = new THREE.AmbientLight(0x404040, 100);
        scene.add(hlight);
        renderer = new THREE.WebGLRenderer({ antialias: true });
        renderer.setSize(window.innerWidth, window.innerHeight);
        document.body.appendChild(renderer.domElement);
        let loader = new THREE.GLTFLoader();
        loader.load('scene.gltf', function (gltf) {
            car = gltf.scene.children[0];
            car.scale.set(0.5, 0.5, 0.5);
            scene.add(gltf.scene);
            renderer.render(scene, camera);
        });
    }
    init();

Answer 1

几天前我遇到了这个问题，结果是这样的:

我的 scene.gltf 文件和 scene.bin 文件位于不同的子文件夹中，但是当您提供 gltf 对象的路径时，GLTFLoader 期望 scene.bin 文件位于同一目录中。

Fixing this should be easy: just put both files in the same directory, and everything will proceed swimmingly.

希望这有帮助!