为什么three.js的场景会模糊

Question

问题描述

用three.js搭建的一个游戏场景，但是整个场景很模糊，包括几何体、阴影、中间的canvas文字（“Game over”），请问这是怎么回事？

new THREE.WebGLRenderer({antialias: true});抗锯齿已经开了，效果还是像下面这样：

Answer 1

renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( innerWidth, innerHeight );

Answer 2

const renderer = new THREE.WebGLRenderer({antialias: true});在渲染器中加一个抗锯齿属性