OpenGL3.2 GLSL塊插補

Question

我想要一個不錯的漸變效果。但在一分鐘之內，它確實是斑駁的，你可以在兩個三角形之間看到似乎。我有以下着色器vert和frag。我認爲唯一能做的就是交換到預先生成的紋理。

對於兩個三角形，數據被漂浮爲浮動[x y] [R G B]，我不認爲C++源代碼值得展示。

VERT 的#Version 330

layout(location = 0) in vec2 position;  
layout(location = 1) in vec3 incolor; 

smooth out vec3 color; 

void main() 
{ 
    color = incolor; 
    gl_Position = vec4(position.x,position.y,0.0,1.0); 
} 

FRAG 的#Version 330

smooth out vec4 outputColor; 
smooth in vec3 color; 

void main() 
{ 
    outputColor = vec4(vec3(color),1.0); 
} 

RESULT

尋找在單三角形示出了塊狀岬

Answer 1

這是線性插值的一個正確行爲quad的屬性。請記住，四邊形總是呈現爲兩個三角形。有兩種可能性：以對角線\或對角線爲/作爲共同邊緣。如何插入屬性現在變得模糊（在兩種情況下都不相同）。

我會告訴你一個與你的相似的例子。

三角形由\對角線隔開。

三角形由/對角線隔開。

在兩種情況下，頂點的顏色有：

000000 top left 
3B3B3B top right + bottom left 
FFFFFF bottom right 

一種解決方案是提供只讀屬性，其導致明確的內插顏色值（顏色）。以下情況如此。

考慮從左上角到右下角的一條直線（讓我們用一個指定的基色稱這些基頂點）。左上角的值爲0，右下角1。每個其他頂點（在這種情況下，左下角，右上角）必須與該虛線垂直投影，並將相應的值分配給該頂點。在這種情況下（一個正方形），其他兩個角的值分別爲.5。這些角的顏色必須是兩種基本顏色的混合值，其中的alpha值與剛剛計算的值相對應。

在上面的例子中，其他兩個角的顏色必須是808080而不是3B3B3B爲了使兩個圖像同樣期待：

在你的情況，你可以使用下面的顏色對於頂點（至少，他們似乎這樣在你的屏幕截圖）：

000000 top left 
3A3A3A top right + bottom left 
595959 bottom right 

所以他們不符合上面的要求，爲3A3A3A不其他兩個之間的平均值。

---

稍微不同的例子說明爲什麼你也許不只是想用.5的混合阿爾法值（這將導致平均值爲其他兩個頂點）。考慮非正方形的四，這樣矩形，其使用的值.5用於兩個其它角，其對應於808080灰色：

正如你可以看到，該梯度的方向不正交到我稱之爲兩個「底角」之間的連接線（左上角 - 右下角）。現在讓我們看看我從上面的方法產生：

它看起來更像是兩個角之間的線性漸變，但在「世界空間」，而不是在「紋理空間」。你可能更喜歡兩個輸出中的一個輸出;我想告訴你不同之處。在連接線（正交投影）的值如下所示

_{對不起，我的形象不好......（他們只是近似值！）;）}