PixelPerfect Orthographic Camera with Blocks for a PixelArt 2D Look

Set the renderer antialiasing to true

renderer = new THREE.WebGLRenderer({ antialias: true });

This is not the most optimized way to render a grid, you should use a Shader or a LineSegments, take a look at the GridHelper source code for a LineSegement implementation, or this InfiniteGridHelper for a Shader implementation.

Or you can simply use one of them.

1 Like