Project 4: Renderer Quality Demo

3D Engineer

Builds on these lessons

Step 1 of 2

Project

Sharper Rendering

The dpr prop controls how many device pixels the renderer draws per CSS pixel — raising it sharpens the image on high-density screens.

🎯 Your Task

Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!

export default function Scene() {
  return (
    <Canvas dpr={[1, 2]}>
      <ambientLight intensity={0.6} />
      <mesh>
        <boxGeometry args={[1, 1, 1]} />
        <meshStandardMaterial color="orange" />
      </mesh>
    </Canvas>
  );
}

← Previous Next →