この投稿はグレンジ Advent Calendar 2021の6日目の記事です。

概要

株式会社グレンジでクライアントエンジニアをしているGamu(@AblerBiri)です。

今回はUnityFx.Outlineを紹介したいと思います。

環境

OS : MacOS Big Sur(11.4)
Unity : 2020.3.12f1
URP : 10.5.0
UnityFx.Outline : 0.8.5

UnityFx.Outline

UnityFx.Outlineは、3Dオブジェクトにアウトラインを付けられるプラグインアセットです。

アウトラインをつけられるものは他にも沢山ありますが、UnityFx.Outlineの特徴は3つ挙げられます。

無料(Githubで公開されている)
コーディング不要
Built-in RPとURPに対応

特にURPでも手軽にアウトラインを試せるのは良いと思います。

導入手順

Unityのメニューから、Edit > Project Settingsを開きます。
次にPackage Managerタブに切り替えて、画像のようにScoped Registryの情報を入力して、保存します。

Name : Arvtesh
URL : https://registry.npmjs.org
Scope(s) : com.unityfx

Scoped Registryの追加が完了したら、次はUnityのメニューから、Window > Package Managerを開きます。
Packagesというプルダウンの項目をMy Registriesに切り替えて、画像のようにOutline toolkit(URP)を選択してインポートします。
URP側のパッケージをインポートすると同時にコアとなるOutline toolkitもインポートされます。

Built-in RP

Unity標準のレンダーパイプライン(Built-in RP)を使用している場合は、オブジェクトごとに任意の幅と色のアウトラインを付けることができます。

まずはアウトラインを付けたいオブジェクトにOutlineBehaviourコンポーネントをアタッチします。
すると、画像のようなパラメータが展開されます。

アウトラインを調整したい場合は、Color、Width、RenderFlagsを調整すると良いです。

ColorとWidthだけ変更した結果はこのようになります。

よくみると中央のCubeとQuadのアウトラインが互いに食い込んでしまっています。
これは、RenderFlagsのEnable Depth Testingを付けることで解決します。

全部のオブジェクトのRenderFlagsでEnable Depth TestingをONにした結果はこのようになります。

URP

UnityFx.Outlineの良いところの1つはURPもサポートしているところです。
しかし、こちらはオブジェクトごとではなくレイヤーごとにパラメータを調整します。

まずは、URPのForwardRenderer.assetを探します。
大抵の場合は、Assets/Settings/ForwardRenderer.assetにあります。

ForwardRendererのAdd Renderer Featureボタンを押し、Outline Featureを選択します。
すると、画像のようなパラメータが展開されます。

このままだとアウトラインは描画されないのでパラメータを変更します。

Outline Filter Settingsのプルダウンを開き、Use Layer Maskを選択します。
すると、LayerMaskという追加パラメータが表示されるようになるので、そこでEverythingを選択します。
結果はこのようになります。

確かにアウトラインが描画されたのですが、LayerMaskをEverythingにしたので全てのオブジェクトに対して描画されてしまっています。

床のPlane以外だけにアウトラインを付けるには、それらのオブジェクトのLayerをアウトライン専用のものにします。
画像のように、オブジェクトを選択してインスペクターのLayerのプルダウンからアウトライン専用のレイヤーを選択します。
もしレイヤーが無ければ、Add Layer...を押してレイヤーを作成することができます。