GLSL ES片段着色器在不同设备上产生非常不同的结果

时间:2013-07-11 14:41:10

标签: android opengl-es-2.0 glsl fragment-shader glsles

我正在使用OpenGL ES 2.0为Android开发游戏,并且在后台绘制星星的片段着色器存在问题。我有以下代码:

precision mediump float;
varying vec2 transformed_position;

float rand(vec2 co) {
    return fract(sin(dot(co.xy ,vec2(12.9898,78.233))) * 43758.5453);
}

void main(void) {
    float distance = 10.0;
    float quantization_strength = 4.0;
    vec3 background_color = vec3(0.09, 0.0, 0.288);
    vec2 zero = vec2(0.0, 0.0);
    vec2 distance_vec = vec2(distance, distance);
    vec2 quantization_vec = vec2(quantization_strength, quantization_strength);
    vec2 new_vec = floor(transformed_position / quantization_vec) * quantization_vec;
    if(all(equal(mod(new_vec, distance_vec), zero))) {
        float rand_val = rand(new_vec);
        vec3 current_color = background_color * (1.0 + rand_val);
        gl_FragColor = vec4(current_color.x, current_color.y, current_color.z, 1.0);
    } else {
        gl_FragColor = vec4(background_color.x, background_color.y, background_color.z, 1.0 );
    }
}

我的目标是'量化'片段坐标,因此'星'的大小不是1像素,然后点亮随机量足够远的量化像素。但是,此代码根据执行的位置产生不同的结果。我使用了GLSL Sandbox(http://glsl.heroku.com),Nexus 7和HTC Desire S来创建比较:

Shader results comparison

正如您所看到的,GLSL Sandbox产生的密集网格可以看到许多星星。在Nexus 7上,星线更少,沿线分布(在这个小图像上可能不明显) - rand函数不能按预期工作。欲望S根本没有任何明星。

为什么rand函数在Nexus 7上运行如此奇怪(如果我修改用于点积的矢量,星星沿着不同角度的线分布)?什么可能导致Desire S不能渲染星星?

我也很欣赏这个着色器的任何优化提示,因为我对GLSL非常缺乏经验。或者也许有更好的方法通过片段着色器绘制“星星”?

更新

我将代码更改为此(我使用http://glsl.heroku.com/e#9364.0作为参考):

precision mediump float;
varying highp vec2 transformed_position;
highp float rand(vec2 co) {
    highp float a = 1e3;
    highp float b = 1e-3;
    highp float c = 1e5;
    return fract(sin((co.x+co.y*a)*b)*c);
}

void main(void) {
    float size = 15.0;
    float prob = 0.97;
    lowp vec3 background_color = vec3(0.09, 0.0, 0.288);
    highp vec2 world_pos = transformed_position;
    vec2 pos = floor(1.0 / size * world_pos);
    float color = 0.0;
    highp float starValue = rand(pos);
    if(starValue > prob) {
    vec2 center = size * pos + vec2(size, size) * 0.5;
    float xy_dist = abs(world_pos.x - center.x) * abs(world_pos.y - center.y) / 5.0;
    color = 0.6 - distance(world_pos, center) / (0.5 * size) * xy_dist;
    }
    if(starValue < prob || color < 0.0) {
        gl_FragColor = vec4(background_color, 1.0);
    } else {
        float starIntensity = fract(100.0 * starValue);
        gl_FragColor = vec4(background_color * (1.0 + color * 3.0 * starIntensity), 1.0);
    }
}

欲望S现在给了我非常漂亮,均匀分布的星星。但是Nexus 7的问题仍然存在。当prob = 0.97时,没有显示星星,并且在prob = 0.01的情况下,它们看起来非常稀疏地沿着水平线放置。为什么Tegra 3表现得如此奇怪?

0 个答案:

没有答案