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