feat: grid

[drcmda]

Port of https://github.com/threlte/threlte/blob/main/packages/extras/src/lib/components/Grid/Grid.svelte by @grischaerbe

• Documentation updated
• Storybook entry added
• Ready to be merged

btw @grischaerbe i noticed the original is missing tonemapping and encoding fragments, the colors weren't managed. i'm also not 100% sure but i removed axes because i think it can just be rotated via mesh.rotation. at work we have a grid component that has distance attenuation, similar to how grids work in CAD. i will ask colleagues if they can add, that would be a super useful addition imo.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
drei	✅ Ready (Inspect)	Visit Preview	Dec 17, 2022 at 1:42PM (UTC)

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit d11bc64:

Sandbox	Source
fast-wood-mqoj53	Configuration
Ground reflections and video textures	Configuration
arc-x-pmndrs-colors	Configuration

[github-actions]

🎉 This PR is included in version 9.47.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[grischaerbe]

Thanks @drcmda! Credit where credit's due, this component is by @jerzakm 🙂 Feel free to port your improvements back to threlte.

[drcmda]

Thanks @drcmda! Credit where credit's due, this component is by @jerzakm 🙂 Feel free to port your improvements back to threlte.

i think the original is https://github.com/Fyrestar/THREE.InfiniteGridHelper, it just popped up on three discourse, but either way now everyone's mentioned

[jerzakm]

Thanks @drcmda! Credit where credit's due, this component is by @jerzakm 🙂 Feel free to port your improvements back to threlte.

i think the original is Fyrestar/THREE.InfiniteGridHelper, it just popped up on three discourse, but either way now everyone's mentioned

Yeah, that's correct. Threlte grid is an implementation of a quick hacked demo I did a few weeks ago. Credits got lost in comment cleanup.
https://github.com/jerzakm/threlte-experiments/blob/main/src/routes/04_helper-grid/HelperGrid.svelte

Thanks for tips and improvements on it too, we're going to implement asap! 🚀😁