如何在textureCube上實現WebGL模糊

Question

我知道如何在使用texture2D時使用2D座標實現高斯模糊。 但是，如何使用具有3D座標的textureCube進行模糊處理？

Answer 1

立方體紋理使用3D座標作爲方便，但實際上是存儲爲6 2D紋理。因此，您可以2D模糊個人臉部，理想情況下跨過樣本臉部以在它們之間獲得適當的模糊。這會給出扭曲的結果。

爲了獲得更均勻的採樣，您應該將您的cubemap映射到球體上。然後你想要做的是在球體表面上採樣你的內核。基本上，根據您的採樣方向，在該方向上在球體上創建一個切線空間，並在此切線空間中執行內核採樣。