Расширение OES_standard_derivatives

Расширение OES_standard_derivatives является частью WebGL API и добавляет функции GLSL производных dFdx, dFdy, и fwidth.

Расширения WebGL доступны с помощью метода WebGLRenderingContext.getExtension(). Дополнительную информацию см. также в разделе Использование расширений в учебнике WebGL.

Это расширение экспонирует одну новую константу, которая может быть использована в методах hint() и getParameter().

ext.FRAGMENT_SHADER_DERIVATIVE_HINT_OES

GLenum, указывающая на точность расчета производной для встроенных функций GLSL: dFdx, dFdy, и fwidth.

Следующие новые функции могут быть использованы в коде шейдеров GLSL, если это расширение включено:

genType dFdx(genType p)
genType dFdy(genType p)
genType fwidth(genType p)

dFdx()

Возвращает производную по x с использованием локальной разницы для входного аргумента p.

dFdy()

Возвращает производную по y с использованием локальной разницы для входного аргумента p.

fwidth()

Возвращает сумму абсолютных производных по x и y с использованием локальной разницы для входного аргумента p. То есть, abs(dFdx(p)) + abs(dFdy(p)).

dFdx() и dFdy() обычно используются для оценки ширины фильтра, используемого для устранения артефактов в процедурных текстурах.

Включение расширений:

gl.getExtension("OES_standard_derivatives");
gl.getExtension("EXT_shader_texture_lod");

Код шейдера, который избегает артефактов при обёртке координат текстуры:

<script type="x-shader/x-fragment">
  #extension GL_EXT_shader_texture_lod : enable
  #extension GL_OES_standard_derivatives : enable

  uniform sampler2D myTexture;
  varying vec2 texCoord;

  void main(){
    gl_FragColor = texture2DGradEXT(myTexture, mod(texCoord, vec2(0.1, 0.5)),
                                    dFdx(texCoord), dFdy(texCoord));
  }
</script>

• WebGLRenderingContext.getExtension()
• EXT_shader_texture_lod