如何計算圍繞opengl中一個點的圓（紋素）

Question

Im計算片段着色器中一個點周圍的圓。問題是紋理的變化部分不是圓，它是一個橢圓。形式實際上取決於紋理的形式。如果紋理是一個完美的正方形，我會得到一個完美的圓形，但當它的矩形我得到一個橢圓形。這是當前片段着色器：

varying highp vec2 textureCoordinate; 
uniform sampler2D inputImageTexture; 

uniform highp vec2 center; 
uniform highp float radius; 
uniform highp float scale; 


void main() 
{ 
    highp vec2 textureCoordinateToUse = textureCoordinate; 
    highp float dist = distance(center, textureCoordinate); 
    textureCoordinateToUse -= center; 
    if (dist < radius) 
    { 
    highp float percent = 1.0 - ((radius - dist)/radius) * scale; 
    percent = percent * percent; 

    textureCoordinateToUse = textureCoordinateToUse * percent; 
    textureCoordinateToUse += center; 

    gl_FragColor = texture2D(inputImageTexture, textureCoordinateToUse); 
    } 

    textureCoordinateToUse += center; 
    gl_FragColor = texture2D(inputImageTexture,textureCoordinate); 
} 

UPDATE shader代碼：

highp float aspectRatio = 854.0/480.0; 
    //highp vec2 textureCoordinateToUse = textureCoordinate; 
    highp vec2 textureCoordinateToUse = vec2(textureCoordinate.x, (textureCoordinate.y * aspectRatio + 0.5 - 0.5 * aspectRatio)); 
    highp float dist = distance(center, textureCoordinateToUse); 
    textureCoordinateToUse -= center; 
    if (dist < radius) 
    { 
    highp float percent = 1.0 - ((radius - dist)/radius) * scale; 
    percent = percent * percent; 

    textureCoordinateToUse = textureCoordinateToUse * percent; 
    textureCoordinateToUse += center; 

    gl_FragColor = texture2D(inputImageTexture, textureCoordinateToUse); 
    return; 
    } 

    textureCoordinateToUse += center; 
    gl_FragColor = texture2D(inputImageTexture,textureCoordinate); 

Answer 1

我看你想用我的隆起變形片段着色器。雖然你實際上沒有問過問題，但我想我可能會在這裏知道你想要什麼。

如果您在矩形輸入紋理的規格化的0.0 - 1.0範圍內提供紋理座標，則上述操作將在橢圓區域而不是圓形區域上進行。這是因爲上述計算在紋理座標空間中工作，而不是圖像座標空間。

要糾正這個問題，你可以做兩件事之一。首先，您可以提供紋理座標來說明圖像的縱橫比（其中一個不是最大值爲1.0）。

其次，您可以按照我在this answer中所做的操作進行操作，並以圖像的縱橫比作爲均勻度，並使用它來校正圖像的矩形性質。如果提供了一種aspectRatio均勻與寬度和圖像高度之間的比率的着色，可以有

highp vec2 textureCoordinateToUse = vec2(textureCoordinate.x, (textureCoordinate.y * aspectRatio + 0.5 - 0.5 * aspectRatio)); 

替換在着色器的所述主體的第一行，它將的圓形區域上操作。