Shader Learn

08 Three.js 帮你做了什么

Renderer:场景怎样变成像素

降低渲染分辨率,看轮廓变粗。

0.151
讲解

带下划线的数字可以左右拖动

const renderer = new THREE.WebGLRenderer({ canvas });const scale = ;renderer.setSize(width * scale, height * scale, false);renderer.render(scene, camera);
Renderer使用相机,把场景绘制到 canvas。

渲染分辨率决定片元数量;降低分辨率,GPU 工作变少,画面变粗。

试一试

  • 把分辨率调到 0.15