Togetter/min.tを安心してお使い頂くためのガイドラインを公開しました。
2017年2月21日

UnityのShaderForgeでシェーダー作成して、まよいちゃんに当ててスマホVRとか色々出してみた流れのまとめ

シェーダーのコーディングは普段プログラマにお願いしているデザイナーが、UnityでシェーダーのビジュアルスクリプティングができるShaderForgeでシェーダーを作成して、前に作った八九寺真宵ちゃんのモデルに当てて、PC、iPadPro、Androidスマホでモデルビューアー、スマホVR、MR、ARとか色々出してみた流れのまとめ 【使用ツール】 Metasequoia 4 EX Ver4.5.8 Photoshop 5.5 続きを読む
11
まじかる☆しげぽん@VRoid @m_sigepon

Unityでノードでシェーダー組めるアセットのShader Forgeで、MultiMatCapシェーダー作ってみた。Matcapをカラーに重ねて簡単にトゥーンとかリチな質感を表現できる。プログラマにメタセコで組んでもらったやつを再現してみた。 pic.twitter.com/KHWFbGb2fC

2017-02-14 04:45:41
拡大
拡大
まじかる☆しげぽん@VRoid @m_sigepon

目の部分は、シャドーが入らないようにマスクする処理も入れてみた。これは昔アトリエでもやってた手法。 pic.twitter.com/cC0ZpJyiOk

2017-02-14 04:50:04
拡大
まじかる☆しげぽん@VRoid @m_sigepon

シャドーの色も、Matcapテクスチャをグレーにしてオーバーレイで色を重ねて色指定できるようにしてみた。 pic.twitter.com/CFojmsskpb

2017-02-14 04:48:30
拡大
まじかる☆しげぽん@VRoid @m_sigepon

しかし、ShaderForgeはブレンド方法とか最初からPhotoshopのレイヤー効果と同じオーバーレイとか揃ってるしアウトラインも最初から対応してるし至れり尽くせりだなwこういう風にしたいってのがあればノードの種類調べながら数時間で作れた。

2017-02-14 04:53:15
まじかる☆しげぽん@VRoid @m_sigepon

早く、Unityに取り込んで標準化すべき!!

2017-02-14 04:54:34
まじかる☆しげぽん@VRoid @m_sigepon

ShaderForgeで作ったシェーダー乗っけたモデルビューワーをiPadProに出してみた。女児パンツ\(^q^)/ pic.twitter.com/ZNRXthDhEC

2017-02-14 05:27:44
拡大
拡大
拡大
まじかる☆しげぽん@VRoid @m_sigepon

というか、Windowsの方でUnityからXcode用プロジェクトのビルド出来るのね。Mac側でUnity立ち上げる必要すらなくXcodeでコンパイルするだけでiPadに送れた。

2017-02-14 05:36:35
まじかる☆しげぽん@VRoid @m_sigepon

寝る前にも一つ、こういう手描きぽいアウトラインのMatCapとイラスト塗りっぽいシャドーのMatcapを組み合わせれば水彩タッチぽい表現もできる。MatCapは普通のマテリアルだと高度な計算しないといけないのもマップ1枚用意するだけで色んな表現できるから面白いね。 pic.twitter.com/V4ealsb95l

2017-02-14 06:12:33
拡大
まじかる☆しげぽん@VRoid @m_sigepon

MatCapの処理は使いまわせたので重複が消えたが、MatCapアウトラインの処理増やしたらどんどん分かりづらくなるwノードで構築するタイプはこれが問題やね…。 pic.twitter.com/5fOyKXbH3S

2017-02-14 06:18:56
拡大
まじかる☆しげぽん@VRoid @m_sigepon

ShaderForgeで作成したシェーダーは、配布していいか確認したらYep!と返事が来たのでMultiMatCapシェーダーもう少し整理して配布するかな。

2017-02-14 18:14:40
まじかる☆しげぽん@VRoid @m_sigepon

MultiMatCapシェーダーに、各種マスク処理を追加。主に顔に使用するマスクした箇所の法線をビューポート方向に向けて陰影の制御するのと、髪用のリムライトをマスクで不要な箇所に入らないようにする処理。それぞれ、オンオフで確認できるようにスイッチ追加。 pic.twitter.com/8BgKVettOc

2017-02-15 08:04:05
拡大
拡大
まじかる☆しげぽん@VRoid @m_sigepon

ノーマルマップ対応しようとしたら穴にハマった…。接続したらMatCapの陰影が入る位置がズレてしまう…。どうしたもんか。

2017-02-15 08:07:18
まじかる☆しげぽん@VRoid @m_sigepon

MultiMatCapでノーマルマップ対応できた。というか、TextureTypeをNormalMapにして、ShaderForgeのノードでNormalMapのチェック入れるだけだった。ノーマルマップはQuixelで適当にカラーから起こしたのを当ててみた。少しリッチに! pic.twitter.com/2z8AWhyLi8

2017-02-15 23:21:48
拡大
まじかる☆しげぽん@VRoid @m_sigepon

普段ここらへんプログラマに自動セットアッププログラム組んでもらってるので忘れがちに。簡単に解決できてよかった。

2017-02-15 23:22:48
まじかる☆しげぽん@VRoid @m_sigepon

カメラとの距離によるアウトラインの太さ制御を実装した。近づいたら細くてクオリティ高く見えて、中距離でキャラが目立つように太くなる(太さを維持)、一定以上は最大値を指定して太くなりすぎないように。よくゲームで使われてるやつ。 pic.twitter.com/WravyQYCiB

2017-02-16 02:21:47
拡大
拡大
まじかる☆しげぽん@VRoid @m_sigepon

カメラとの距離によるアウトラインの太さ制御、動画にしてみるとこんな感じ。分かりづらかったので太さをちょっと太めにして撮り直した。 pic.twitter.com/4V0L3DpPwW

2017-02-16 02:58:27
まじかる☆しげぽん@VRoid @m_sigepon

頂点カラーによるアウトラインの制御とアウトラインマスクによる鉛筆タッチ表現を追加。頂点カラーはメタセコでPitsPeaksプラグインで凹凸部分に陰影をベイクして調整。凹凸処理も頑張ったらリアルタイムで出来るかも? pic.twitter.com/ZsKkt7pgwA

2017-02-16 06:20:10
拡大
拡大
まじかる☆しげぽん@VRoid @m_sigepon

明日は、MatCapでありつつ陰影方向を調整出来る処理を追加したい。

2017-02-16 06:45:47
まじかる☆しげぽん@VRoid @m_sigepon

まよいちゃん最新版iPadProに出してみた。ノーマルマップのお陰で女児パンツの立体感アップ!! pic.twitter.com/OmyBBqFEWl

2017-02-16 07:03:12
まじかる☆しげぽん@VRoid @m_sigepon

MultiMatCapシェーダーに、MatCapテクスチャの回転を実装してみた。これでライトの当たってる方向を擬似的に変わってるようにみえる。画像にはまだ入ってないけど水平方向反転も対応。 pic.twitter.com/zRd0V5OGcL

2017-02-16 22:45:56
まじかる☆しげぽん@VRoid @m_sigepon

問題が一つあって、髪の毛のエンジェルリングをリムに含めたらエンジェルリングも回転して変な感じになったので、エンジェルリングは別で重ねたほうが良さそう。

2017-02-16 22:48:05
まじかる☆しげぽん@VRoid @m_sigepon

Unity-Chan!を1時間ほどで「自在に動かす」使い方を公開してみた! - Unity不定期便 0310unity.hateblo.jp/entry/unity_ch…

2017-02-16 23:10:32
残りを読む(38)

コメント

コメントがまだありません。感想を最初に伝えてみませんか?