I’m trying to map specific parts of an image onto separate instanced meshes. The implementation at first seamed to work fine however when diving deeper, for some reason, I’m getting inconsistent results.
The image I’m trying to map as an example has a 10x10 grid where all the squares look different so I can easily debug it.
I’m successfully mapping specific parts of the texture to the correct geometry, however, every other render, the image “jumps” an index. This makes no sense to me. I suspect this has to do with the shaders but it’s beyond my knowledge.
I’ve added a very basic use case on UV Matrix - JSFiddle - Code Playground. In this use case, I would expect that all the squares would have the exact same portion of the texture applied, as I’m explicitly asking it to.
Any help is amazingly appreciated!
Thanks in advance.