Obracanie tekstury w module Fragment Shader w języku GLSL ES

Question

Próbuję obrócić teksturę w module cieniującym fragmentów, zamiast korzystać z funkcji transformacji wierzchołków i macierzy.

Obrót ma oś przegubu pośrodku.

Algorytm działa poprawnie podczas renderowania w kwadracie o kształcie kwadratu, ale gdy kwadrat ma kształt prostokątny, wynik renderowania zostaje pomieszany. Ktoś może zauważyć problem?

Dziękuję

varying vec2 v_texcoord; 
    uniform sampler2D u_texture; 
    uniform float u_angle; 

    void main() 
    { 
     vec2 coord = v_texcoord; 
     float sin_factor = sin(u_angle); 
     float cos_factor = cos(u_angle); 
     coord = (coord - 0.5) * mat2(cos_factor, sin_factor, -sin_factor, cos_factor); 
     coord += 0.5; 

     gl_FragColor = texture2D(u_texture, coord); 
    } 

Answer 1

nie próbowałem go samodzielnie, ale wydaje mi się, że skoro używasz współrzędnych tekstury w prostokątnej przestrzeni, spowoduje to zniekształcenia po obrocie bez jakiegoś czynnika w celu skorygowania to.

Będziesz musiał podać jednolity, który deklaruje szerokość i wysokość twojej tekstury. Dzięki temu można zastosować współczynnik kształtu, aby skorygować zniekształcenie.

coord = (coord - 0.5) * mat2(cos_factor, sin_factor, -sin_factor, cos_factor); 

może stać się coś takiego:

coord = vec2(coord.x - (0.5 * Resolution.x/Resolution.y), coord.y - 0.5) * mat2(cos_factor, sin_factor, -sin_factor, cos_factor); 

Jak powiedziałem jednak, że nie próbowałem go, ale musiałem to zrobić w przeszłości podobnych shaderów. Może trzeba cofnąć Resolution.x/Resolution.y.

Answer 2

następujący wiersz kodu, który został dostarczony w pytaniu:

coord = vec2(coord.x - (0.5 * Resolution.x/Resolution.y), coord.y - 0.5) * mat2(cos_factor, sin_factor, -sin_factor, cos_factor); 

nie jest całkiem w porządku. Występują błędy braketingu.

Poprawna wersja to:

coord = vec2((coord.x - 0.5) * (Resolution.x/Resolution.y), coord.y - 0.5) * mat2(cos_factor, sin_factor, -sin_factor, cos_factor);