Google Chrome没有显示javascript更新(使用Three.js)

Google Chrome没有显示javascript更新(使用Three.js),javascript,google-chrome,three.js,Javascript,Google Chrome,Three.js,我跟随youTube教程创建一个POV游戏。我看了教程的第8集,然后google chrome开始显示白色屏幕,不管我在javascript中做了什么更改。使用chrome的开发工具检查代码时也没有警告或问题 我试着用全新的文件从头开始。我已经清除了chrome的缓存。我已经用修改过的代码对源代码进行了双重检查,但我的任何修改似乎都不会引起问题(不过我对javascript还是新手,所以这可能是个问题)。下面是新开始的基于js文件的youTube教程的100%折扣 var scene, came

我跟随youTube教程创建一个POV游戏。我看了教程的第8集,然后google chrome开始显示白色屏幕,不管我在javascript中做了什么更改。使用chrome的开发工具检查代码时也没有警告或问题

我试着用全新的文件从头开始。我已经清除了chrome的缓存。我已经用修改过的代码对源代码进行了双重检查,但我的任何修改似乎都不会引起问题(不过我对javascript还是新手,所以这可能是个问题)。下面是新开始的基于js文件的youTube教程的100%折扣

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;

看一下关于渲染器大小的三个文档。
您需要设置宽度和高度像素,而不是比率,因此尝试替换
renderer.setSize(1280/720)
带有
渲染器。setSize(1280720)

可能会对您有所帮助这些肯定会帮助我,谢谢!