08 What Three.js writes for you

Renderer: how a scene becomes pixels

Lower the render resolution and watch the outlines get coarse.

Render resolution1.00

0.151

Explanation

Drag the underlined numbers left and right

const renderer = new THREE.WebGLRenderer({ canvas });const scale = ;renderer.setSize(width * scale, height * scale, false);renderer.render(scene, camera);

RendererUses the camera to draw the scene onto the canvas.

JS side

The render resolution sets how many fragments there are; lower it and the GPU does less work, with a coarser picture.

Try it

Set the resolution to 0.15