Shader Learn

08 Lo que Three.js escribe por ti

Renderizador: cómo una escena se convierte en píxeles

Baja la resolución de renderizado y observa cómo los contornos se vuelven más toscos.

Arrastra para girar
0.151
Explicación

Arrastra los números subrayados a izquierda y derecha

const renderer = new THREE.WebGLRenderer({ canvas });const scale = ;renderer.setSize(width * scale, height * scale, false);renderer.render(scene, camera);
RenderizadorUsa la cámara para dibujar la escena en el lienzo.

La resolución de renderizado determina cuántos fragmentos hay; al bajarla, la GPU trabaja menos y la imagen pierde detalle.

Pruébalo

  • Pon la resolución en 0.15