如何将shadershop公式转换成glsl

我最近一直在学习着色器的一些基础知识，并且想出了一个很棒的视觉工具：着色器商店 http://www.cdglabs.org/Shadershop/

但我无法将我在此站点中创建的公式转换为 glsl。

一个简单的例子，我在此网站中创建了一个公式：

我可以将其转换为 glsl：

然后我继续，我在shadershop上创建了一个二维公式：

但是我只是不知道如何像以前一样将这个公式转换为 glsl 。

任何建议将不胜感激，谢谢:)

UPDATE

我再次尝试根据@Rabbid76的建议转换公式：

但我仍然无法理解：

1. 如何将公式拆分为 U 和 V
2. 公式中的矩阵如何处理

公式为着色器商店 http://www.cdglabs.org/Shadershop/可以表示为：

vec2  x1x2 = inverse(m) * vec2(x1, x2);
float x    = -sin(x1x2.x - x1x2.y);

where m是一个 2x2 矩阵。

e.g.

mat2 m = mat2(
    0.1, 0.0,
    0.5, 1.0
);

逆矩阵的公式参见www.mathwords.com http://www.mathwords.com/i/inverse_of_a_matrix.htm（在 GLSL ES 1.00 中没有逆矩阵函数）：

float det_m = m[0][0]*m[1][1] - m[0][1]*m[1][0];
mat2  inv_m = mat2(m[1][1], -m[0][1], -m[1][0], m[0][0]) / det_m;

完整的片段着色器代码可能如下所示：

void main()
{
    vec2 st = 2.0 * gl_FragCoord.xy / resolution.xy - 1.0;

    vec2 scale = vec2(1.5, 1.5);
    st *= scale;

    mat2 m = mat2(
        0.1, 0.0,
        0.5, 1.0
    );

    vec2 x1x2 = vec2(st.x, 0.0);
    float det_m = m[0][0]*m[1][1] - m[0][1]*m[1][0];
    if ( det_m != 0.0 )
    { 
      mat2 inv_m = mat2(m[1][1], -m[0][1], -m[1][0], m[0][0]) / det_m;
      x1x2 = inv_m * st.xy;
    }
    float x = -sin(x1x2.x - x1x2.y);

    vec3 color = vec3( x, x, abs(x) );
    gl_FragColor = vec4(color, 1.0);
}

看预览：