1

Tras configurar Three.js, con el archivo app.js, la consola me devuelve el siguiente error: ¿Qué sucede? ¿Qué significa este error?

introducir la descripción de la imagen aquí

Archivo app.js

//Variables for setup

let container;
let camera;
let renderer;
let scene;
let house;

function init(){
    container = document.querySelector('.scene');

    //Create a escene
    scene = new THREE.Scene();

    const fov = 35;
    const aspect = container.clientWidth / container.clientHeight;
    const near = 0.1;
    const far = 500;

    //Camera setup
    camera = new THREE.PerspectiveCamera(fov,aspect,near,far);
    camera.position.set(0, 0, 20);

    //Renderer
    renderer = new THREE.WebGLRenderer({antialias:true, alpha:true});
    renderer.setSize(container.clientWidth, container.clientHeight);
    renderer.setPixelRatio(window.devicePixelRatio);

    container.appendChild(renderer.domElement);

    //Load model
    let loader= new THREE.GLTFLoader();
    loader.load('/media/3d/paisaje/scene.gltf', function(gltf){
        scene.add(gltf.scene);
        renderer.render(scene.camera);
    });

}

init()
1
  • ¿Cual es la linea 40 en app.js? Commented el 26 ago. 2021 a las 6:57

1 respuesta 1

0

Cambia:

renderer.render(scene.camera);

por:

animate();

y crea la función animate fuera de init:

function animate() {
    requestAnimationFrame(animate);
    
    renderer.render(scene, camera);
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.