My 3D model appears blurry and pixelated

Looks ok in gltf-viewer.

Could you clean up the code in terms of what you do where? Ie:

  1. First create renderer (don’t resize it, and remove all non-essential things like toneMapping, gammaFactor - iirc that’s not even supported - light accuracy, shadows etc. Literally just renderer.)
  2. Create composer, assign passes - once again, remove stuff like setSize and setPixelRatio - just composer.
  3. Set size to both renderer and composer at the same size - and make sure they are the same size.
  4. Set pixel ratio to composer (I may be wrong, but setting it to renderer won’t matter if you apply postprocessing.)

While going from 1 to 4, you will most likely find a line that’s breaking the rendering. If that won’t happen - could you please try to replicate the issue on codepen ?

1 Like