VRoidLT＃１で登壇した資料
非デザイナーが軽率に始めるセルルック表現にー兄さん(@ninisan_drumath)VRoidLT#1 in cluster
View Slide
にー兄さん(@ninisan_drumath)筑波大学 情報科学類 新3年Humanoid制御, モーションキャプチャ, xR, 3DCG, Web, 言語処理系好きなことを好きな時に開発しています最近VRoid熱が再加熱したタイミングでこのイベントを発見→clusterにハマってしまい、引きこもりが加速している
こちらのスライドは公開します(たぶんSpeakerDeck)
スライドや資料動画などSNSへの投稿はOKです(むしろ共有・コメントなどして頂けると泣いて喜びます)
初心者が作った資料ですアドバイス等お待ちしております
agenda❖ セルルックはお好きですか？❖ VRoid Studioでセルルック❖ 3DCGレンダラー”Unity”について
セルルックは好きですか？
私は好きです。うｎあえて情報を欠落させることで生まれる”安心感”フォトリアルとはまた違った”味”3Dキャラクターに宿った一種の”温もり”それ全部同じ事...
そもそもセルルックとはセル画のような質感を実現する表現方法の一つNPRシェーダを使うことでパキッとした影を演出⇄PBRフル3Dアニメやゲームなどで用いられるゼルダの伝説ブレスオブザワイルド3rdトレーラーより 宝石の国より HELLO WORLDより 東雲めぐTwitterより
今トゥーンシェーダがアツい[要出典]Uniteでセルルックやアニメ風レンダリングに関する講演が多数行われている(きっと2020でもたくさん見られるだろうなぁ(願望))
セルルックを作るには？トゥーンシェーダで作られたマテリアルを作る必要がある主要なトゥーンシェーダは● MToon←VRMで標準的に使われる● UTS2.0(Unity-chan Toon Shader)もちろん自作もできる
セルとトゥーンとNPR(時間があったら解説)厳密な定義はなさそう1種の解釈の手助けとなればNPR ：PBRとは違い、非現実的な表現をするための考え方トゥーン ：NPRとほぼ同義で使われる？セルルック：トゥーンの中でさらにセル画に寄せた表現
VRoid Studioでセルルック
セルルックを構成する要素主に以下の3つ● 陰影● アウトライン● リムライト
シェーダに関するアップデートによって、VRoidだけでMToonの設定がほぼ完結するようにVRoid Studio v0.7系からv0.8系の変更VRoid Studioリリースノートより引用
シンプルに衣装はワンピースを選択デフォルトのキャラをセルルックに作りこむ
[共通設定]＞[アウトライン]から髪、顔、体の3つのマテリアルのアウトライン幅を設定アウトラインの色は設定できないらしい[共通設定]＞[リムライト]から髪、顔、体の3つのマテリアルのリムライトを設定ライトの輝度、フレネルの強さなど設定不可陰影、アウトライン、リムライトを設定
[共通設定]＞[陰影]から髪、顔、体の3つのマテリアルの影入りの幅と影の硬さを設定[影の硬さ]が1.0に近いほど影がパキパキになってセルルックっぽくなる影色の指定は各種テクスチャ設定からできる陰影、アウトライン、リムライトを設定
目指している表現とはちょっと違う気が...VRoidっぽさが残っているセルルックに設定したけど...。
デフォルトは色々書きこまれている(影や服のシワなど)→VRoidのいい所でもある→VRoidっぽさを増幅させる点でもある解決策：テクスチャを変える
肌、服、髪を塗りつぶしてみる(絵が描けないので塗りつぶす)テクスチャ変更１
テクスチャ変更１ちょっと印象変わった気がする
目の周りのテクスチャを変更(特に日本人)目はキャラクターの印象を決定する重要な要素アイラインや眉毛はカットアウトをかけることで階調を減らすまつ毛は最悪なくていいかも[要出典]テクスチャ変更２
瞳テクスチャ描けない...いったいどうすれば...→無理せずBOOTHで買うアニメ風テクスチャは結構売ってる無料配布も多数→依頼する絵が描ける人が周りにいると優勝できるテクスチャ変更３
制服衣装で作っている人はMuRoさんの「アニメ風テクスチャ」がおすすめテクスチャ変更３’
テクスチャ変更＋ちょっと髪を生やしてみる＋ポストプロセッシング欲しい画になってきた結果
紹介したセオリーを踏んで作ってみたうちの子、”Sphyr”瞳は友人に頼んで描いてもらい、アイラインはBOOTHで購入したものを使用現在v1.2時間があれば ”うちの子”自慢
最初に作ったものと見比べ時間があれば ”うちの子”自慢
3DCGレンダラー"Unity"について
言わずと知れた”リアルタイム・3DCGレンダラー”映像作品やVRアプリなど、様々なインタラクティブ・コンテンツの作成が可能なんと最近はゲームも作れる！（）Unityとは(哲学)
UniVRMによってインポートが楽にできるVRoid Studioではできない設定ができたり、アニメーションさせたりゲームにしてみたり、、、Unityによって可能性が広がるリアルタイムプレビューができる→画作りが捗るUnityをレンダラとして使っちゃおう！冗談はさておき...
ということでUnity＋VRoidでセルルック表現を実装する
各種バージョンを以下に示すUnity：2019.3.1UniVRM：0.55.0VRoid Studio：0.8.3(warningが出るけど一応動く)UniVRMのバージョンによってAvatarアセットの取り扱い方(子プレハブか外部参照か)が変わってくるので注意作業環境
● カラースペースをLinearにする● Directional Lightの色を白色にする● カメラのFoVを下げる○ モデル単体だと15くらいが可愛く映る○ 背景込みだと30くらい？(場合による)肌の色や陰影を確認する上で重要Unityで画作りをするうえでやっておくこと
Bias値を上げると良い陰が落ちることがある→乱用に注意有識者の方、よかったらご教示いただきたいです...LightのBiasについてbias:0.05 bias:0.2
VRoid Studioではできない設定ができる！→そもそもMToonの強力な機能群を備えている→各種マップの設定やMatCap、UV操作などができるマテリアルをさらに調整していく
陰は形状を表現する→立体感キャラクターに落ちる陰円筒形を表現ふくらみを表現丸みを表現
インタラクティブコンテンツ→細心の注意が必要下手に忠実な陰が落ちると印象を悪くすることがある● ShadingShiftとShadowReceiveを下げる● 影色をメインと同じにするcluster用アバターもそうしてます顔に落ちる陰
ちょっと髪の陰がコッテリしてる(個人の意見)→NormalMapを無効にする髪に落ちる陰髪に設定してあるNormalMap
Post-Processing stack v2によるポスプロ
色々方法はある...なるべく無料でやりたい● Tポーズ＋AnimationRiggingで四肢のIK制御と視線制御● とりすーぷさん謹製FingerControllerで指制御● BlendShapeProxyで表情制御Unityでポーズをつけて撮影したい(時間があれば話す)
ただうちの子が散歩するだけ使用アセット一覧● AnimationRigging● Cinemachine● Post-Processing stack v2● UniVRM● Anime Girl Idle Animations Free● RPG Poly Pack Lite● Fantasy Skybox FREE● Aura2デモ動画
終わりに
VRoid Studioだけでセルルックなキャラクターが作れた→実際すごい感動しているUnityと併用→真価を発揮ホントはUTSとかSRPの話もしたかった...(電池切れ終わりに
軽率にVRoidを使っていこう
ご清聴ありがとうございましたにー兄さんTwitter: @ninisan_drumathGitHub: @drumath2237
drumath2237
k1low
karamem0
niftycorp
okamototakuyasr2
h1kita
mosa_siru
neonankiti
taichinakamura
coconala_engineer
nttcom
mraible
ryomaru0825
marktimemedia
speakerdeck
smashingmag
sonatard
philnash
tammyeverts
trallard
addyosmani
morganepeng
jacobian
thekraken
erikaheidi