Google Chrome не отображает обновления JavaScript (используя Three.js)

Question

Я следую этому уроку youTube https://www.youtube.com/watch?v=axGQAMqsxdw, чтобы создать POV-игру. Я добрался до 8-й серии учебника, а затем Google Chrome начал показывать белый экран, независимо от того, что я изменил в javascript. Нет предупреждений или проблем при проверке кода с помощью инструментов разработчика Chrome.

Я пытался начать с нуля с совершенно новыми файлами. Я очистил кеш для хрома. Я дважды проверил исходный код с помощью своего измененного кода, но ни одно из моих изменений не может вызвать проблемы (хотя я новичок в javascript, так что это может быть проблемой). Ниже приведен новый файл js, основанный на 100% скидке с руководства YouTube.

var scene, camera, renderer, mesh;

function init(){
    scene = new THREE.Scene();
    scene.background = new THREE.Color( 0x8CD9FF );
    camera = new THREE.PerspectiveCamera (90, 1280/720, 0.1, 10);


    mesh = new THREE.Mesh(
        new THREE.BoxGeometry(1,1,1),
        new THREE.MeshBasicMaterial ({color: 0xff9999, wireframe: true})
        );

    scene.add(mesh);

    renderer = new THREE.WebGLRenderer();
    renderer.setSize(1280/720);
    document.body.appendChild(renderer.domElement);

    animate();
}

function animate(){
    requestAnimationFrame(animate);



    renderer.render(scene,camera);
}

window.onload = init;

Answer 1

Взгляните на ТРИ документации по размеру рендерера здесь . Вам нужно установить ширину и высоту пикселей, а не соотношение, поэтому попробуйте заменить renderer.setSize(1280/720); на renderer.setSize(1280, 720)