WebGL2 的 GLSL ES 3.0 着色器语言不支持 while 和 do-while 循环，仅保证 for 循环可用；所有循环必须具有编译时可确定的最大迭代次数，这是硬件驱动与 GPU 并行执行模型的硬性要求。
webgl2 的 glsl es 3.0 着色器语言不支持 `while` 和 `do-while` 循环，仅保证 `for` 循环可用；所有循环必须具有**编译时可确定的最大迭代次数**，这是硬件驱动与 gpu 并行执行模型的硬性要求。
在 WebGL2（基于 OpenGL ES 3.0）中，着色器运行于高度并行、资源受限的 GPU 上，编译器需在编译阶段精确预估每条执行路径的资源消耗（如寄存器数量、指令周期、栈深度等）。因此，GLSL ES 规范明确将 while 和 do-while 循环列为可选特性（optional），实际驱动中绝大多数实现（包括 Chrome、Firefox、Safari 的 WebGL2 后端）均直接禁用——这正是你遇到 ERROR: 'while' : This type of loop is not allowed 的根本原因。
✅ 正确做法：始终使用 for 循环，并确保其边界为编译期常量表达式（compile-time constant expression）：
void main() {
// ✅ 合法：i <p>⚠️ 注意事项：</p>
-
不可使用非常量上限：
int max = texture2D(uTex, uv).x * 10; for (int i=0; i❌（ max非编译期常量，编译失败） -
避免过度展开：
for (int i=0; i 可能导致编译超时或驱动拒绝链接，建议上限控制在数百以内（如 256 或 512），并配合break提前终止 -
无
continue支持：GLSL ES 3.0 不支持continue语句，需用if/else逻辑规避 - 递归完全禁止：着色器中不允许任何函数递归调用
? 调试建议：使用 GPU ShaderAnalyzer 等工具粘贴你的 GLSL 代码，选择目标平台（如 “Vega” 或 “Navi”）查看生成的汇编。你会发现 for (int i=0; i 被完全展开为 5 组重复指令——这印证了“无动态循环”的底层机制。
总结：WebGL2 着色器的循环本质是静态展开的伪循环，而非 CPU 风格的动态跳转。坚持使用带常量边界的 for 循环，并以 break 实现条件退出，是编写可移植、高性能 WebGL2 着色器的黄金准则。
