GLSL引发顶点着色器

Question

我正在尝试调整此ShaderToy example以获取顶点以创建“火花”＃39; 他们。尝试使用gl_PointCoord和gl_FragCoord但没有任何结果。也许，有人可以帮助我吗？

我需要类似于这个动画gif的效果：

uniform float time;
uniform vec2 mouse;
uniform vec2 resolution;

#define M_PI 3.1415926535897932384626433832795

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

void main( ) {

    float size = 30.0;
    float prob = 0.95;

    vec2 pos = floor(1.0 / size * gl_FragCoord.xy);

    float color = 0.0;
    float starValue = rand(pos);

    if (starValue > prob)
    {
        vec2 center = size * pos + vec2(size, size) * 0.5;

        float t = 0.9 + sin(time + (starValue - prob) / (1.0 - prob) * 45.0);

        color = 1.0 - distance(gl_FragCoord.xy, center) / (0.5 * size);
        color = color * t / (abs(gl_FragCoord.y - center.y)) * t / (abs(gl_FragCoord.x - center.x));
    }
    else if (rand(gl_FragCoord.xy / resolution.xy) > 0.996)
    {
        float r = rand(gl_FragCoord.xy);
        color = r * ( 0.25 * sin(time * (r * 5.0) + 720.0 * r) + 0.75);
    }

    gl_FragColor = vec4(vec3(color), 1.0);


}

据我所知，必须使用 vec2 pos ，将其设置为顶点位置。

Answer 1

你不需要玩pos。由于顶点着色器仅由每个顶点运行，因此无法使用Pos处理其像素值。但是，您可以使用gl_PointCoord处理像素。

我只想到两种方法来改变纹理的比例

1. opengl es中的顶点着色器中的gl_PointSize

2. 在片段着色器中，您可以更改纹理UV值，例如

   vec4 color = texture（texture0，（（gl_PointCoord-0.5）* factor）+ vec2（0.5））;

如果你不想在FS中使用任何纹理而只想使用像素处理，

你可以像((gl_PointCoord-0.5) * factor) + vec2(0.5)那样设置UV 而不是通常在Shadertoy中设置为fragCoord.xy / iResolution.xy的uv