three.js如何在可以在片段着色器中访问的平面上对每个面重复UV？

three.jsntl；dr如何将UV添加到每个面的着色器材质中？
我整天都在思考这个问题，我知道它一定很简单（愚蠢），但我就是看不见它
我制作了一个自定义缓冲区几何体，它只是一个平面（代码大致取自内置平面几何体），但对其进行了修改，使其在Z轴上是平面的。我还添加了一些自定义属性以允许每个面的纹理（通过一个数组）。这一切都非常有效（参见屏幕截图）：图像1035×779 122 KB
我知道哪些角应该通过属性褪色。这里描述了我试图模仿的技术：opengl-如何渲染纹理四边形，使不同的角淡入淡出？-堆栈溢出3
我遇到的问题是，我的UV坐标围绕整个平面延伸，而不是每个面（或索引？）从0到1。纹理渲染得非常完美，但我需要根据UV坐标计算出面从何处开始和结束。
我的平面上有两组UV。nuvs.push(ix, 1 - iz);uvs2.push(ix * gridX, 1 - (iz * gridZ));
这是uvs渲染为纹理（这是用于渲染漫反射纹理的纹理-这很有效（尽管UV看起来很奇怪-边缘颜色在同一位置）非常顶部）：
图像834×760 31.4kb
这是uvs2渲染为纹理：
图像899×752 58.4kb
所以我要做的是重复100x100次uvs2，这样我就可以通过简单地抓取一个fract的UV来访问当前位置。（例如：float>）
为了澄清：
如果我这样做：
我希望结果是平面上的每个瓷砖从左到右淡出。相反，整个平面正在衰退。由prisoner849在post#2中解决。嗨！如果希望平铺10x10，请执行以下操作：https://jsfiddle.net/prisoner849/sct6ekw5/>n 嗨！
如果希望平铺10x10，请执行以下操作：https://jsfiddle.net/prisoner849/sct6ekw5/>
哦，我的天啊……看，那是件愚蠢的事
非常感谢！！
不客气
如果您想要不同的平铺，比如说5 x 6，那么只需执行
vec2>n How to repeat UVs per face on a plane that can be accessed in fragment shader?n

three.js如何在可以在片段着色器中访问的平面上对每个面重复UV？

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形