THREE.InfiniteGridHelper (anti-aliased)

Here’s a infinite anti-aliased grid helper which fades out in distance. It doesn’t rely on lines, instead uses a single quad, so you can have a very dense huge grid without creating lines you can also change on the fly.

new THREE.InfiniteGridHelper(size1, size2, color, distance);

Example: https://codepen.io/Fyrestar/pen/wLxjYj
Code: https://mevedia.com/share/InfiniteGridHelper.js

7 Likes

Cool! :+1:
Reminded me of this topic: How to achieve this material effect [gif image]?

1 Like

Yeah this is the technique for the grid, for editors/games this is technically better suited for my needs than lines.

1 Like