バニーガール おまけ：シェーダーでお手軽インナーカラー、網タイツのやり方
Added 2025-07-05 10:30:00 +0000 UTCフォロー&ご支援いただきありがとうございます！
本日の画像はバニーガールです。
おまけ
シェーダーで、上の画像のような髪の毛のインナーカラーと、網タイツを追加する方法を紹介したいと思います。
まずはインナーカラーから
仕組みはかなりシンプルで、「Geometry(ジオメトリ)」ノードでメッシュの裏表を判定することができるのでこれを使います。
Geometryノード内にある「Backfacing(後ろ向きの面)」をアウトプットにつなげると、表面は黒(0)、裏面は白(1)になります。
GeometryノードのBackfacingこのようにカラーミックスのFactor(係数)につなげると、カラーミックスのAにつなげたカラーが表面に、Bにつなげたカラーが裏面に表示されます。
つまり、カラーミックスのAに通常の髪の毛のカラーを、Bにインナーのカラーをつなげることで、簡単にインナーカラーを再現できます！
注意事項として、インナーカラーつけたい部分の法線が裏側になっていないとこの方法は使えません。例えば、カーブを使った髪の毛のモデリング法では、髪が筒状のモデルであり、すべての面が表面であるため、インナーカラーを付けたい部分の法線を裏返す必要があります。その作業をするならマテリアル割り当てをしたほうが速いと思うので、今回紹介した方法は、素体の髪の毛のような板状のモデルに使うのがおすすめです。
続いて網タイツのやり方について
網タイツは、「(Texture Coordinate(テクスチャ座標)」ノードを使っていきます。
まず、仕組みをわかりやすくするため、Image Texture(画像テクスチャ)を追加して、Color Grid(カラーグリッド)を選択します。すると、カラーグリッドを作成できます。
カラーグリッドとは、色と文字でテクスチャの位置をわかりやすく表示してくれる画像です。
作成したカラーグリッドをアウトプットにつなげると、カラーグリッドのテクスチャがモデル上にUVマップに合わせて表示されます。
では次に、画像テクスチャに「Mapping(マッピング)」ノードと「Texture Coordinate(テクスチャ座標)」ノードを画像のようにつなげます。そしてTexture CoordinateのCamera(カメラ)をMappingのVector(ベクトル)につなげると...
カラーグリッドのテクスチャがモデル上に「カメラの位置座標」に合わせて表示されるようになります。
どのような仕様かというと、カメラの向く方向と完全に垂直の面(真正面を向いている面)に対してテクスチャをそのまま表示します。そして、垂直でない面には、ずれている角度(と位置?)に応じてテクスチャがゆがんで表示されます。
WaveTexture(波テクスチャ)を画像のように設定し、TextureCoordinateのCameraをつなげてみると、このような網目模様ができます。足の丸みに応じて網目模様が少しずつゆがむので、少し立体的に見えると思います。
あとはインナーカラーと同じ要領で身体のシェーダーの中に組み込むと、網タイツの完成です！
今回は以上になります。
見ていただきありがとうございました！
