WebGL - 使用任意二進制數據的紋理和浮點錯誤

Question

我正在使用WebGL浮點紋理來存儲矩陣。 每行有N個矩陣。

在着色器中，我得到了這些矩陣，給定了每個向量的相對大小以及每個紋理行。

例如，如果我有每行10點的矩陣，和10行，着色器得到：

u_vector_size = 1/(10 * 4) 
u_row_size = 1/10 

有了這些信息，我取4個像素從紋理：

uniform sampler2D u_boneMap; 
uniform float u_vector_size; 
uniform float u_row_size; 

mat4 boneAtIndex(float column, float row) { 
    column *= u_vector_size * 4.0; 
    row *= u_row_size; 

    return mat4(texture2D(u_boneMap, vec2(column, row)), 
       texture2D(u_boneMap, vec2(column + u_vector_size, row)), 
       texture2D(u_boneMap, vec2(column + u_vector_size * 2.0, row)), 
       texture2D(u_boneMap, vec2(column + u_vector_size * 3.0, row))); 
} 

的問題？這在某些驅動程序下不起作用。

我主要在Mac上看到它，但它也發生在Windows上，在那裏獲取錯誤的數據，一切都變得瘋狂。

我假設這是由於浮點錯誤。

主要是由於結果改變的事實，無論我使用的是具有二維權力的紋理還是不是。 數據完全相同，只是每個矢量和行的大小相對於整個紋理大小的變化而言。

通常我會使用紋理緩衝區，但是這是WebGL代碼，WebGL只支持紋理。

有什麼辦法可以使這種獲取矩陣的紋理可靠和一致嗎？

Answer 1

如果它對任何人感興趣，實際問題確實是浮點錯誤。由於我在像素之間的邊界上進行採樣，即使是很小的浮點錯誤都可能導致對錯誤的像素進行採樣。解決方案是在像素的中間進行採樣。

uniform sampler2D u_boneMap; 
uniform float u_vector_size; 
uniform float u_row_size; 

mat4 boneAtIndex(float column, float row) { 
    column *= u_vector_size * 4.0; 
    row *= u_row_size; 
    column += 0.5 * u_vectorSize; 
    row += 0.5 * u_rowSize; 

    return mat4(texture2D(u_boneMap, vec2(column, row)), 
       texture2D(u_boneMap, vec2(column + u_vector_size, row)), 
       texture2D(u_boneMap, vec2(column + u_vector_size * 2.0, row)), 
       texture2D(u_boneMap, vec2(column + u_vector_size * 3.0, row))); 
}