WebGL着色器变量设置异常：新版本下全局变量重置问题求助

代码问题与原因 #

你这段代码的核心问题是依赖了GLSL规范中未定义的全局变量行为。旧版Safari的实现属于“宽松处理”，但新版浏览器（包括Sonoma/iOS17的Safari、Chrome）严格遵循了GLSL标准：

• GLSL中，全局变量的初始化必须是编译期常量，且每个片段的main函数执行时，全局变量都会被重新初始化到初始值。
• 同一个main函数内多次调用函数时，全局变量的状态是否保留属于未定义行为——旧版Safari保留了状态，新版浏览器则每次函数调用都重置全局变量，导致两次test()调用都从1.0开始计算，得到两个0.7。

你预期的行为（全局变量在函数调用间保留状态）本身就不符合GLSL规范，旧版浏览器的表现只是偶然的兼容行为，并非标准实现。

规范说明 #

WebGL的底层规范基于GLSL ES，近年来浏览器厂商逐步收紧了对未定义行为的处理，尤其是在WebGL 2.0普及后，对GLSL标准的遵循更加严格。新版Safari和Chrome的行为是符合当前GLSL ES规范的，并非规范“更新”，而是之前的实现存在偏差，现在修复到标准状态。

解决方案 #

结合你的自动构建环境限制（不允许在main中显式初始化全局变量），提供两种可行方案：

方案1：使用函数内静态变量（WebGL 2.0兼容） #

将全局变量改为函数内部的静态变量，静态变量会在第一次函数调用时初始化，且在同一个main执行过程中保留状态：

float test(){
 static float last = 1.0;
 last = last - .3;
 return last;
}

void mainImage( out vec4 fragColor, in vec2 fragCoord ){
 float rr1 = test();
 float rr2 = test();
 fragColor = vec4(rr1, rr2, 0, 1);
}

这个方案符合GLSL 1.30+（对应WebGL 2.0）的规范，能保证跨浏览器的一致性。

方案2：传递状态作为参数（兼容WebGL 1.0） #

如果需要兼容WebGL 1.0（不支持静态变量），可以把状态变量作为inout参数传递，在main中维护状态：

float test(inout float last){
 last = last - .3;
 return last;
}

void mainImage( out vec4 fragColor, in vec2 fragCoord ){
 float last = 1.0;
 float rr1 = test(last);
 float rr2 = test(last);
 fragColor = vec4(rr1, rr2, 0, 1);
}

这种方式虽然需要在main中声明变量，但只是局部变量初始化，而非全局变量修改，应该可以适配你的构建环境。

噪声生成器适配建议 #

针对你的自研噪声生成器，需要重构掉对全局变量状态的依赖：

• 优先选择静态变量方案（如果目标环境支持WebGL 2.0）
• 若需兼容旧环境，将状态封装为参数在调用链中传递
• 所有状态维护都要遵循GLSL规范，避免依赖未定义行为，确保跨浏览器稳定运行

内容的提问来源于stack exchange，提问作者Jürgen Richter-Gebert