Search code examples
javascriptthree.jsantialiasing

The webglrenderer antialias doesn't work on some devices?


On my macbook pro with Chrome, the antialias works well.

pic on macbook pro with chrome However on my iphone6s with Chrome or Safari, it doesn't work anymore with the same code. pic on iphone with Safari


Solution

  • Have you set the pixelratio?

    renderer.setPixelRatio(window.devicePixelRatio);
    renderer.setSize(window.innerWidth, window.innerHeight);
    

    Edit: iOS does not support antialiasing at the moment