12
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

視界の端の影をImageEffectで作る。

Last updated at Posted at 2017-01-15

UnityのImageEffectShaderでFPSでよくある視界の端の影を作ってみました。
値をいじれば視界を狭めて周囲を見えにくくしたりできます。
回想シーンなんかにもオススメですね。
#こんな感じになります
スクリーンショット 2017-01-15 14.30.58.png
#コード
フラグメントシェーダーの部分に以下のコードを書く
(何のことを言っているかわからない人は[Unity] ShaderTutorial2Dの最初の部分をみてください)

float2 r = 2.0 * (i.uv - 0.5);
float aspectRatio = _ScreenParams.x / _ScreenParams.y;
r.x *= aspectRatio;
col = lerp(col, float4(0.0, 0.0, 0.0, 0.0), smoothstep(1.0, 2.5, length(r)));

#仕組み
スクリーンショット 2017-01-15 14.39.59.png
(1目盛は0.1)
この座標の真ん中から距離1.0までは透明にして2.5以降は黒(画面外)
1.0から2.5の間はなめらかに補間する。
この辺りの値を変えてみても面白いかもしれませんね。

12
7
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?