ошибки WebGL шейдерного

Question

Этих шейдеры работают большие в моем игровом движке, но когда я попытался использовать их с WebGL они плевали целую кучу ошибок у меня,

ERROR: 0:21: 'for' : Invalid init declaration 
ERROR: 0:2: '' : Version number not supported by ESSL 
ERROR: 0:7: 'ftransform' : no matching overloaded function found 
ERROR: 0:7: 'assign' : cannot convert from 'const mediump float' to 'Position highp 4-component vector of float' 
ERROR: 0:9: 'gl_MultiTexCoord0' : undeclared identifier 
ERROR: 0:9: 'assign' : cannot convert from 'float' to 'varying highp 4-component vector of float' 

Итак, кто может помочь?

<script id="shader-fs" type="x-shader/x-fragment"> 
    precision mediump float; 

    const float BLOOM_AMOUNT = 10.0; 
// Increasing range can lower your FPS. 
const int BLOOM_RANGE = 3; 


uniform sampler2D composite; 
varying vec4 texcoord; 
varying vec4 texel; 


     vec4 addBloom(vec4 c, vec2 t) { 
       int j; 
       int i; 
       vec4 bloom = vec4(0.0); 
       vec2 loc = vec2(0.0); 
       float count = 0.0; 

       for(i= -BLOOM_RANGE ; i < BLOOM_RANGE; i++) { 
         for (j = -BLOOM_RANGE; j < BLOOM_RANGE; j++) { 
           loc = t + vec2(j, i)*0.004; 

           // Only add to bloom texture if loc is on-screen. 
           if(loc.x > 0.0 && loc.x < 1.0 && loc.y > 0.0 && loc.y < 1.0) { 
             bloom += texture2D(composite, loc) * BLOOM_AMOUNT; 
             count += 1.0; 
           } 
         } 
       } 
       bloom /= vec4(count); 

       if (c.r < 0.3) 
       { 
         return bloom*bloom*0.012; 
       } 
       else 
       { 
         if (c.r < 0.5) 
         { 
           return bloom*bloom*0.009; 
         } 
         else 
         { 
           return bloom*bloom*0.0075; 
         } 
       } 
     } 


void main() { 


     vec4 color = texture2D(composite, texcoord.st); 

     color += addBloom(color, texcoord.st); 

     gl_FragColor = color; 
} 
</script> 

<script id="shader-vs" type="x-shader/x-vertex"> 
    #version 120 

    varying vec4 texcoord; 

    void main() { 
     gl_Position = ftransform(); 

     texcoord = gl_MultiTexCoord0; 
    } 
</script> 

Answer 1

WebGL основан на OpenGL ES, который не является таким же, как OpenGL (это почти подмножество). В OpenGL ES версии GLSL существует ряд функций, отсутствующих или отличных от версии.

Вот проблемы, которые я могу определить из сообщений об ошибках:

• В для цикла, переменная должна быть объявлена ​​в самом заголовке цикла, а не снаружи:

  for(int i = -BLOOM_RANGE ; i < BLOOM_RANGE; i++) { 
  

• Режим фиксированной функции полностью отсутствует в OpenGL ES; вы должны написать все свои собственные преобразования и освещение (или, конечно же, использовать структуру, которая его предоставляет). Это является причиной отсутствия ftransform() и gl_MultiTexCoord0. (Я считаю, что ошибки преобразования являются каскадом из этого.)

• GLSL ES использует разные номера версий, поэтому он ссылается на объявление вашей версии.

Answer 2

WebGL основан на OpenGL ES 2, который делает не использовать любой встроенный материал (например, ftransform, gl_MultiTexCoord0). В противном случае код синтаксически прекрасен - он отлично компилируется для целей OpenGL ES 1 (но не подходит для WebGL).