一般的な概要：
シールドなしでシーンの深度マップを作成します。いずれにしても、透明なオブジェクトは後のパスでレンダリングされることが多いため、これを無料で効果的に取得できます。それ以外の場合、深度サンダーを使用してRTTにシーンsansシールドをレンダリングすることにより、深度マップを作成できます。
通常、シーンをレンダリングし、深度マップをシールドシェーダーに渡します。
シェーダーで、シールドフラグメントの深さとシーンの深さの差を計算し、その差を使用してフラグメントの色を変更します。
デモ
その簡単なWebGLデモを作成しました。
1行ずつ
フラグメントシェーダーコードを詳しく見ていきましょう。
float solidsDepth = texture2D(depthMap, gl_FragCoord.xy / dims).r;
すべてのフラグメントで深度マップをサンプリングします。フラグメントを画面スペース[0、width / height]から正規化された[0.0、1.0]座標に変換するために、ビューポートの次元で分割することを忘れないでください。この時点で、単にフラグメントの色をサンプリングされた深度マップピクセルに設定すると、次のようになります。
深度マップはグレースケールであるため、任意のチャネルから値を取得できます（rここで使用しました）。
float solidsDiff = 1.0 - smoothstep(
zNear,
zFar,
gl_FragCoord.z / gl_FragCoord.w
) - solidsDepth;
その後、その深度サンプルを使用して、シーンの深度とシールドフラグメントの深度の差を見つけることができます。また、深度を正規化し、[zNear、zFar]（カメラの近接および遠方面）から[0.0、1.0]に移動することを忘れないでください。smoothstepこれをうまく行います。1.0 -そのような値を反転することであるsolidsDiff最小値（0.0）に- （zNear zFar）及び0.0の差が最大である場合1.0です。
solidsDepthデプスマップを作成したデプスシェーダで既に正規化されていると想定していることに注意してください。
float alpha = 0.3 + max(0.0, 1.0 - log(100.0 * (solidsDiff - 0.005) + 1.0));
その後、深度の違いに応じてシールドのアルファチャネルを変更できます。ここでは、アルファの最小値から開始し、差に近づくにつれてアルファの素晴らしい急激な増加を0.3作成します。0.0
- 0.005オフセットは、単に「交差点」太くを作るために余白を追加します。変更してみてください！
gl_FragColor = vec4(vec3(1.0), alpha);
そして最後に、そのアルファをフラグメントの色に適用します。
機能強化
湾曲したシールドを作成したり、「エネルギーシールド」の外観のためにプラズマを追加したり（デモ）、交差点だけを表示して効果を調べたりすることができます（デモ）。
空あなたのグラフィックカードは限界です！
