Question

我尝试了很多在网络上找到的不同代码，但是它们都已经过时或对我不起作用，idk为什么= /

那是我所得到的最好的结果，但是它也不起作用。

<body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/102/three.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>
    <script src="GLTFLoader.js"></script>

    <script>
        let scene, camera, renderer;

        function init() {
            scene = new THREE.Scene();
            scene.background = new THREE.Color(0xe5e5e5);

            camera = new THREE. PerspectiveCamera(40, window.innerWidth/window.innerHeight, 1, 5000);
            camera.position.z = 1000;
            camera.position.y = 100;
            camera.position.x = 800;

            hlight = new THREE.AmbientLight(0x404040, 100);
            scene.add(hlight);

            let directionalLight = new THREE.DirectionalLight(0xffffff, 100);
            directionalLight.position.set(0, 1, 0);
            directionalLight.castShadow = true;
            scene.add(directionalLight);

            renderer = new THREE.WebGLRenderer({antialias:true});
            renderer.setSize(window.innerWidth, window.innerHeight);
            document.body.appendChild(renderer.domElement);

            let loader = new THREE.GLTFLoader();
            loader.load('environment.glb', function(gltf) {
               scene.add(gltf.scene);
               renderer.render(scene, camera);
            });
        }
        init();
    </script>
</body>

无法将3D模型导入three.js

0 个答案: