昨日、8月14日に「ゆるゆるシェーダー交流会」が開催されました。

私は『LTC（Linearly Transformed Cosines）によるエリアライトのUnity URP実装』というタイトルでライトニングトーク（LT）を行いました。

Eric HeitzさんがSIGGRAPH 2016で発表した、エリアライトをリアルタイムに計算する手法をURP上で実装したので、その解説をしました。

以下に発表資料を共有します。

• スライドの直接リンク

ここ最近、学園アイドルマスター（学マス）の鼻や眉毛のシェーダーがTwitter（現X）で話題になっていました。

学マス、鼻先の黒い点が横から見た時に消えるよう処理をしている

顔面全体の輪郭線を切ってるのもあって横顔で急な黒が浮いて悪目立ちしたり、鼻の頂点が欠けてシルエットの綺麗さが失われてしまうことに対する対処かな pic.twitter.com/82TiB41IDR

— のすけ (@noske2801) May 16, 2024

学マス、顔周りでいうと眉毛と目周りが正面からはステンシルして髪より前に見えているが回転させていくと横顔に近づくある程度の角度でフェードアウトしてく。キャラのデザインによっては横から見た時ステンシルしてる眉毛はチラつきが気になったりするのでとても真似したい pic.twitter.com/8O7WjcbF9w

— とれ (@clubnemos) May 16, 2024

鼻のアウトラインがカメラの角度で消える実装は容易に思いつくのですが（カメラのViewベクトルと頭のforwardベクトルの内積からディゾルブ等）、

眉毛が角度でフェードする処理（正面から見ると眉毛が前髪より手前に、横顔に近づくと眉毛がフェードアウトする処理）の実装はすぐには思いつきませんでした。

技術的にも面白そうなテーマだと思ったので、Unityで再現することにしました。

これはUnity Advent Calendar 2022の22日目の記事です。

---

スプラトゥーン3、けっこう面白いですね。過去作の1,2は未プレイでしたが、3からスプラデビューしました。

スプラ3で遊びながら、インクシェーダーの実装方法に興味が出てきたので、UnityのShaderGraphでそれっぽいものを実装してみました。

ShaderGraphの基本機能だけで構成されており、ノードの量も少なめにしました。

ShaderGraphの基本操作は解説しませんが、なるべく丁寧に説明をしたつもりなので、ShaderGraphの入門記事として参考にしてください！

UnityのShaderGraphでインクシェーダーを試作#Unity3D #ShaderGraph pic.twitter.com/PHxIkfnkiQ

— がむ (@gam0022) December 23, 2022

色変更

しきい値の調整

• Unityプロジェクト
  • github.com/gam0022/ShaderPlaygroundURP
• WebGLデモ
  • WASDと右クリックのドラッグでカメラ操作