学习如何在GLSL着色器中创建重复的几何图案。
- 理解如何使用模运算创建重复图案
- 学习坐标变换和缩放技术
- 掌握创建瓦片化效果的方法
使用mod()函数创建重复效果：
`glsl
vec2 repeatedUV = mod(uv * scale, 1.0);
`
通过缩放UV坐标控制重复次数：
- 较大的缩放值 = 更多重复
- 较小的缩放值 = 更少重复
创建瓦片效果的步骤：
1. 缩放UV坐标
2. 应用模运算
3. 在每个瓦片中绘制图案
创建一个重复的圆形图案，在屏幕上形成网格状排列。
1. 使用mod(uv * 4.0, 1.0)创建4x4的重复网格
2. 在每个瓦片中心绘制圆形
3. 使用distance()函数计算到瓦片中心的距离
4. 使用smoothstep()创建平滑的圆形边缘
你应该看到一个整齐排列的圆形图案网格，每个圆形在其瓦片中居中显示。