textureCubeでWebGLのぼかしを実装する方法

Question

texture2Dを使用するときに、2D座標でガウスブラーを実装する方法を知っています。 しかし、3D座標を持つtextureCubeを使用するとどのようにぼやけますか？

Answer 1

キューブテクスチャは、3D座標を便利に使用しますが、実際には6次元のテクスチャとして保存されます。したがって、個々の顔を2Dぼかししたり、サンプルの面を交差させて適切なぼかしを作成することができます。しかし、これは歪んだ結果を与えるでしょう。

さらに均等にサンプリングするには、キューブマップを球体にマッピングしたと考えるべきです。そして、あなたがしたいことは、球の表面上のカーネルをサンプリングすることです。基本的に、サンプリング方向が与えられると、この方向の球面上に接線空間を作成し、この接線空間でカーネルサンプリングを実行します。