webgl - WebGLで最大強度投影[MIP]を実行する方法

Question

ブレンディングを実行するthree.js、つまりTHREE.AdditiveBlendingを使用してデモ[ http://jsfiddle.net/georgeneil/cfrsj/16/ ]を作成しました。しかし、これは私に白色光の効果を与え、それ故に情報の喪失感を与えています。

最大強度を投影できるブレンド結果が必要です。three.jsを使用してこれを行うにはどうすればよいですか？

OpenGLでは、glBlendEquationEXT（GL_MAX_EXT）を使用してこれを行うことができました。

概念をより明確にするために、デモ[ http://jsfiddle.net/georgeneil/cfrsj/21 ]を更新しました。現在、8つのパーティクルがあり、4つは赤色で、残りの4つは黒色です。MIPが適切に機能する場合、BLACKがREDと重なっている場合でも、RED粒子のみを見ることができます。

私が探しているものは、このデモ[ http://jsfiddle.net/georgeneil/cfrsj/28/ ]から説明できます。赤のピクセルと重なっていないところに黒のピクセルを表示する必要があります。添付の画像に示すような効果を得る必要があります。

Answer 1

あなたの質問を理解できれば、これは正しい解決策になるはずです。

http://jsfiddle.net/cfrsj/26/

編集：

これが私が機能をシミュレートした方法です。ノーマルブレンディングを使用しています。

まず、色が飽和していることを確認します

    float r= vColor.r > 0.0? 1.0 : 0.0;
    float g= vColor.g > 0.0? 1.0 : 0.0; 
    float b= vColor.b > 0.0? 1.0 : 0.0;

次に、アルファが必要かどうかを確認します

    gl_FragColor.a = gl_FragColor.a * 
                     texture2D( texture, gl_PointCoord ).r * 
                     (test.r > 0.0 ? 1.0 : 
                         (test.g > 0.0?1.0:
                         (test.b > 0.0?1.0:0.0)));

Answer 2

次の 2 つのリンクに興味があるかもしれません。

• https://www.khronos.org/webgl/public-mailing-list/archives/1212/msg00066.html
• http://www.khronos.org/registry/webgl/extensions/proposals/EXT_blend_minmax/

Answer 3

これは webgl のバグです。回避策は、gl を次のように初期化することです。

gl = canvas.getContext("experimental-webgl", { alpha: false } );