В вершинном шейдере не объявляются вариации с тем же именем, но другим типом, или статически используемые вариации во фрагментном шейдере: fogDepth - PullRequest
Новая
       26

В вершинном шейдере не объявляются вариации с тем же именем, но другим типом, или статически используемые вариации во фрагментном шейдере: fogDepth

2 голосов
/ 07 мая 2020

Я не очень хорошо разбираюсь в шейдерах. Мне нужно, чтобы туман отражался в воде. Я использую Three. js sky_sun_shader. Я добавил к фрагментному шейдеру следующее:

THREE.ShaderChunk ["fog_pars_fragment"],

THREE.ShaderChunk ["fog_fragment"],

В r71 работает нормально. В r101, когда я использую чанк, я получаю сообщение об ошибке:

THREE.WebGLProgram: ошибка шейдера: 0 35715 false gl.getProgramInfoLog Варианты с тем же именем, но другого типа, или статически используемые варианты во фрагментном шейдере не объявлены в вершинном шейдере: fogDepth

Как это исправить?

Код шейдера: 

THREE.ShaderLib['water'] = {
uniforms: THREE.UniformsUtils.merge( [
    THREE.UniformsLib[ "fog" ], {   
            "normalSampler":    { type: "t", value: null },
            "mirrorSampler":    { type: "t", value: null },
            "alpha":            { type: "f", value: 1.0 },
            "time":             { type: "f", value: 0.0 },
            "size":         { type: "f", value: 1.0 },
            "kalbedo":      { type: "f", value: 1.0 },
            "distortionScale":  { type: "f", value: 20.0 },
            "textureMatrix" :   { type: "m4", value: new THREE.Matrix4() },
            "sunColor":         { type: "c", value: new THREE.Color( 0x7F7F7F ) },
            "sunDirection":     { type: "v3", value: new THREE.Vector3( 0.70707, 0.70707, 0 ) },
            "eye":              { type: "v3", value: new THREE.Vector3( 0, 0, 0 ) },
            "waterColor":       { type: "c", value: new THREE.Color( 0x555555 ) }
    }
] ),
vertexShader: [
    'uniform mat4 textureMatrix;',
    'uniform float time;',
    'varying vec4 mirrorCoord;',
    'varying vec3 worldPosition;',
    'void main()',
    '{',
    '   mirrorCoord = modelMatrix * vec4( position, 1.0 );',
    '   worldPosition = mirrorCoord.xyz;',
    '   mirrorCoord = textureMatrix * mirrorCoord;',
    '   gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );',
    '}'
].join('\n'),

fragmentShader: [
    'precision highp float;',
    'uniform sampler2D mirrorSampler;',
    'uniform float alpha;',
    'uniform float time;',
        'uniform float size;',
        'uniform float kalbedo;',
    'uniform float distortionScale;',
    'uniform sampler2D normalSampler;',
    'uniform vec3 sunColor;',
    'uniform vec3 sunDirection;',
    'uniform vec3 eye;',
    'uniform vec3 waterColor;',
    'varying vec4 mirrorCoord;',
    'varying vec3 worldPosition;',
    'vec4 getNoise( vec2 uv )',
    '{',
    '   vec2 uv0 = ( uv / 103.0 ) + vec2(time / 17.0, time / 29.0);',
    '   vec2 uv1 = uv / 107.0-vec2( time / -19.0, time / 31.0 );',
    '   vec2 uv2 = uv / vec2( 8907.0, 9803.0 ) + vec2( time / 101.0, time / 97.0 );',
    '   vec2 uv3 = uv / vec2( 1091.0, 1027.0 ) - vec2( time / 109.0, time / -113.0 );',
    '   vec4 noise = ( texture2D( normalSampler, uv0 ) ) +',
    '       ( texture2D( normalSampler, uv1 ) ) +',
    '       ( texture2D( normalSampler, uv2 ) ) +',
    '       ( texture2D( normalSampler, uv3 ) );',
    '   return noise * 0.5 - 1.0;',
    '}',

    'void sunLight( const vec3 surfaceNormal, const vec3 eyeDirection, float shiny, float spec, float diffuse, inout vec3 diffuseColor, inout vec3 specularColor )',
    '{',
    '   vec3 reflection = normalize( reflect( -sunDirection, surfaceNormal ) );',
    '   float direction = max( 0.0, dot( eyeDirection, reflection ) );',
    '   specularColor += pow( direction, shiny ) * sunColor * spec;',
    '   diffuseColor += max( dot( sunDirection, surfaceNormal ), 0.0 ) * sunColor * diffuse;',
    '}',
    THREE.ShaderChunk[ "common" ],
    THREE.ShaderChunk[ "fog_pars_fragment" ],
    'void main()',
    '{',
    '   vec4 noise = getNoise( worldPosition.xz * size  );',
    '   vec3 surfaceNormal = normalize( noise.xzy * vec3( 1.5, 1.0, 1.5 ) );',
    '   vec3 diffuseLight = vec3(0.0);',
    '   vec3 specularLight = vec3(0.0);',
    '   vec3 worldToEye = eye-worldPosition;',
    '   vec3 eyeDirection = normalize( worldToEye );',
    '   sunLight( surfaceNormal, eyeDirection, 100.0, 2.0, 0.5, diffuseLight, specularLight );',
    '   float distance = length(worldToEye);',
    '   vec2 distortion = surfaceNormal.xz * ( 0.001 + 1.0 / distance ) * distortionScale;',
    '   vec3 reflectionSample = vec3( texture2D( mirrorSampler, mirrorCoord.xy / mirrorCoord.z + distortion ) );',
    '   float theta = max( dot( eyeDirection, surfaceNormal ), 0.0 );',
    '   float rf0 = 0.3;',
    '   float reflectance = rf0 + ( 1.0 - rf0 ) * pow( ( 1.0 - theta ), 5.0 );',
    '   vec3 scatter = max( 0.0, dot( surfaceNormal, eyeDirection ) ) * waterColor;',
    '   vec3 albedo = mix( sunColor * diffuseLight * 0.3 + scatter, ( vec3( 0.1 ) + reflectionSample * 0.9 + reflectionSample * specularLight ), reflectance ) ;',
    '   vec3 outgoingLight = albedo *kalbedo;',
        THREE.ShaderChunk[ "fog_fragment" ],
    '   gl_FragColor = vec4( outgoingLight, alpha );',
    '}'
].join('\n')

};

fog reflection

1 Ответ

2 голосов
/ 07 мая 2020

Вам нужно обратить внимание на различное объявление, которое должно быть согласованным для вершинных и фрагментных шейдеров при внедрении кода из ShaderChunks.

В вашем случае вы использовали код из двух фрагментных шейдеров fog_pars_fragment и fog_fragment

Таким образом, вам нужно также добавить фрагменты совпадающих вершинных шейдеров fog_pars_vertex и fog_vertex (в ваш вершинный шейдер). fog_pars_vertex объявляет отсутствующие переменные 

// fog_pars_vertex.glsl

#ifdef USE_FOG

    varying float fogDepth;

#endif


// fog_vertex.glsl

#ifdef USE_FOG

    fogDepth = -mvPosition.z;

#endif
...