セルシェード
をテンプレートにして作成
[
ホーム
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
* セルシェード [#q04f5914]
色々作業中。試したこと考えたことメモ。
多分UE4.6くらい
- まとめページはこちらに
UE4のセルシェード実装方法を纏めたい - Qiita
http://qiita.com/com04/items/a7895160df8d854fe924
- ''UE4.14くらいの僕''
「エンジン改造安定」
-- UE4.14.0 Forward Shadingのエンジン改造でセルシェードや...
https://www.slideshare.net/com044/ue4140-forward-shading-...
-- [[第7回UE4ぷちコン]] (Deferredをエンジン改造)
- ''UE4.17くらいの僕''
「エンジン改造は程々で、後はマテリアルでいいや」
----
#contents
* 参考 [#s774fd54]
- UE4のセルシェード実装方法を纏めたい - Qiita
http://qiita.com/com04/items/a7895160df8d854fe924
- UE4でToonシェード
wiki内: ポストプロセス-マテリアル-Toonシェード
- Unreal Engine Forum : ノンフォトリアルやセルルック等の...
https://forums.unrealengine.com/showthread.php?49796-%E3%...
- Unreal Engine Forum : Advanced Cel Shader Pack [Submitt...
https://forums.unrealengine.com/showthread.php?44471-Adva...
- ニコニコ立体さんをUE4で表示するという流れに乗って遊んで...
https://twitter.com/housakusleeping/status/52857537568979...
- Unreal engine 4でのリアルタイムセルルック3DCGアニメーシ...
http://www.slideshare.net/masahikonakamura50/unreal-engin...
* UE4でセルシェードをするための問題点 [#xe89d905]
** ライティング [#y822d7a3]
*** シェーディングどうする問題 [#q83ae138]
- UE4ではライティングが内部的に行われ、ユーザーがフックす...
なので従来のようにライティング計算時にシェーディングを弄...
のでポストプロセスでシェーディング結果から、ライティング...
[[シモダさんのサンプルを参考>https://forums.unrealengine....
&ref(ue4-cellshade01.png,,60%);
- 「SceneTexture」の「BaseColor」、「SceneColor」を使用す...
なので、基本色には「DiffuseColor」を使用して、上記ライテ...
- もしライト1灯だけ、というなら全マテリアルを「Unlit」に...
*** エミッシブ出ない問題 [#gf4b2c40]
- 上記シェーディングで、「DiffuseColor」を使用してしまう...
- 他にアルファを使用しない縛りであれば、エミッシブを炊く...
*** 女優ライト問題 [#vf8618e5]
- %%UE4では、ライトを特定のモデルにだけ適用する、といった...
%%セルシェードのみならずキャラクター物で良く使用される女...
%%自前でどうにかするしかない。%%
→ 4.11辺りでLighting Channels機能が入った: https://docs.u...
*** アーティストが影色指定できない問題 [#o6571123]
- %%UE4のポストプロセスでセルシェードを行った場合。%%
%%UE4のGバッファーにはユーザーデータを書き出せないので、...
%%対応方法考え中。%%
→ 対応してみた
https://twitter.com/com04/status/863247409152794628
&ref(ue4-cellshade02.png,,80%);
* テクニック的な [#y0c741db]
** ポストプロセスマテリアルで、特定のマテリアル部分だけ判...
- 髪だけ別のシェーディングしたい、的な
条件として、メタリックの数値をシーンで一切使っていないこ...
- マテリアル側で、メタリックを0.01に設定して
&ref(ue4-cellshade_teq0101.png,,60%);
- ポストプロセス側で、ifで0.0より大きいか判定して表示。
&ref(ue4-cellshade_teq0102.png,,60%);
マテリアルのメタリック0.01とかなら見た目でほぼわからない...
(地面はメタリック入ってしまっている)
&ref(ue4-cellshade_teq0103.jpg,,60%);
** 背面法によるアウトライン [#n2eb4990]
- %%UE4のマテリアルでは描画面逆転する方法がない?%%
- %%なので、モデルデータに描画面を逆転した状態のメッシュ...
- %%マテリアルを「Unlit」にして、頂点法線方向に「ワールド...
&ref(ue4-cellshade_teq0201.png,,60%);
%%他にスマートな方法が無いか検証中%%
&ref(ue4-cellshade_teq0202.png,,60%);
→ 「TwoSidedSign」ノードが追加されたので、マテリアルをDou...
https://docs.unrealengine.com/latest/INT/Engine/Rendering...
背面用メッシュは、PoseableMeshComponent使えばOK
http://historia.co.jp/archives/5587
* W.I.P. [#xa9882a1]
ライティング結果さえ抽出できれば、後はUE4に関係ない部分で...
** 影の色 [#o0cad735]
- 前述の通り、現在はアーティスト側で指定できないので計算...
- セルシェードにおいて、明度を下げるだけの影は違う。ので...
- 明度だけ / 彩度も弄った
&ref(ue4-cellshade_wip04.png,,40%);
** Unityちゃん、通常レンダリング / セルシェード / アウト...
- アウトラインのカラー付けは、明度下げたり彩度上げたりし...
&ref(ue4-cellshade_wip01.png,,40%);
- ニコニ立体ちゃん版。通常レンダリング / セルシェード / ...
Unityちゃんよりセルセルっぽい。アウトラインのカラー付けも...
&ref(ue4-cellshade_wip02.png,,40%);
** 髪のスペキュラー弄る [#j0b0d683]
- Unityちゃん、スペキュラー無し / 変更前のスペキュラー / ...
色々レイヤー合成してみた。
&ref(ue4-cellshade_wip03.png,,40%);
終了行:
* セルシェード [#q04f5914]
色々作業中。試したこと考えたことメモ。
多分UE4.6くらい
- まとめページはこちらに
UE4のセルシェード実装方法を纏めたい - Qiita
http://qiita.com/com04/items/a7895160df8d854fe924
- ''UE4.14くらいの僕''
「エンジン改造安定」
-- UE4.14.0 Forward Shadingのエンジン改造でセルシェードや...
https://www.slideshare.net/com044/ue4140-forward-shading-...
-- [[第7回UE4ぷちコン]] (Deferredをエンジン改造)
- ''UE4.17くらいの僕''
「エンジン改造は程々で、後はマテリアルでいいや」
----
#contents
* 参考 [#s774fd54]
- UE4のセルシェード実装方法を纏めたい - Qiita
http://qiita.com/com04/items/a7895160df8d854fe924
- UE4でToonシェード
wiki内: ポストプロセス-マテリアル-Toonシェード
- Unreal Engine Forum : ノンフォトリアルやセルルック等の...
https://forums.unrealengine.com/showthread.php?49796-%E3%...
- Unreal Engine Forum : Advanced Cel Shader Pack [Submitt...
https://forums.unrealengine.com/showthread.php?44471-Adva...
- ニコニコ立体さんをUE4で表示するという流れに乗って遊んで...
https://twitter.com/housakusleeping/status/52857537568979...
- Unreal engine 4でのリアルタイムセルルック3DCGアニメーシ...
http://www.slideshare.net/masahikonakamura50/unreal-engin...
* UE4でセルシェードをするための問題点 [#xe89d905]
** ライティング [#y822d7a3]
*** シェーディングどうする問題 [#q83ae138]
- UE4ではライティングが内部的に行われ、ユーザーがフックす...
なので従来のようにライティング計算時にシェーディングを弄...
のでポストプロセスでシェーディング結果から、ライティング...
[[シモダさんのサンプルを参考>https://forums.unrealengine....
&ref(ue4-cellshade01.png,,60%);
- 「SceneTexture」の「BaseColor」、「SceneColor」を使用す...
なので、基本色には「DiffuseColor」を使用して、上記ライテ...
- もしライト1灯だけ、というなら全マテリアルを「Unlit」に...
*** エミッシブ出ない問題 [#gf4b2c40]
- 上記シェーディングで、「DiffuseColor」を使用してしまう...
- 他にアルファを使用しない縛りであれば、エミッシブを炊く...
*** 女優ライト問題 [#vf8618e5]
- %%UE4では、ライトを特定のモデルにだけ適用する、といった...
%%セルシェードのみならずキャラクター物で良く使用される女...
%%自前でどうにかするしかない。%%
→ 4.11辺りでLighting Channels機能が入った: https://docs.u...
*** アーティストが影色指定できない問題 [#o6571123]
- %%UE4のポストプロセスでセルシェードを行った場合。%%
%%UE4のGバッファーにはユーザーデータを書き出せないので、...
%%対応方法考え中。%%
→ 対応してみた
https://twitter.com/com04/status/863247409152794628
&ref(ue4-cellshade02.png,,80%);
* テクニック的な [#y0c741db]
** ポストプロセスマテリアルで、特定のマテリアル部分だけ判...
- 髪だけ別のシェーディングしたい、的な
条件として、メタリックの数値をシーンで一切使っていないこ...
- マテリアル側で、メタリックを0.01に設定して
&ref(ue4-cellshade_teq0101.png,,60%);
- ポストプロセス側で、ifで0.0より大きいか判定して表示。
&ref(ue4-cellshade_teq0102.png,,60%);
マテリアルのメタリック0.01とかなら見た目でほぼわからない...
(地面はメタリック入ってしまっている)
&ref(ue4-cellshade_teq0103.jpg,,60%);
** 背面法によるアウトライン [#n2eb4990]
- %%UE4のマテリアルでは描画面逆転する方法がない?%%
- %%なので、モデルデータに描画面を逆転した状態のメッシュ...
- %%マテリアルを「Unlit」にして、頂点法線方向に「ワールド...
&ref(ue4-cellshade_teq0201.png,,60%);
%%他にスマートな方法が無いか検証中%%
&ref(ue4-cellshade_teq0202.png,,60%);
→ 「TwoSidedSign」ノードが追加されたので、マテリアルをDou...
https://docs.unrealengine.com/latest/INT/Engine/Rendering...
背面用メッシュは、PoseableMeshComponent使えばOK
http://historia.co.jp/archives/5587
* W.I.P. [#xa9882a1]
ライティング結果さえ抽出できれば、後はUE4に関係ない部分で...
** 影の色 [#o0cad735]
- 前述の通り、現在はアーティスト側で指定できないので計算...
- セルシェードにおいて、明度を下げるだけの影は違う。ので...
- 明度だけ / 彩度も弄った
&ref(ue4-cellshade_wip04.png,,40%);
** Unityちゃん、通常レンダリング / セルシェード / アウト...
- アウトラインのカラー付けは、明度下げたり彩度上げたりし...
&ref(ue4-cellshade_wip01.png,,40%);
- ニコニ立体ちゃん版。通常レンダリング / セルシェード / ...
Unityちゃんよりセルセルっぽい。アウトラインのカラー付けも...
&ref(ue4-cellshade_wip02.png,,40%);
** 髪のスペキュラー弄る [#j0b0d683]
- Unityちゃん、スペキュラー無し / 変更前のスペキュラー / ...
色々レイヤー合成してみた。
&ref(ue4-cellshade_wip03.png,,40%);
ページ名: