LoginSignup
3
3

More than 5 years have passed since last update.

【Unity】エディタ上で簡単に汚れなどのデカールを表現するアセットShader Painter

Last updated at Posted at 2018-08-25

この記事は「Unity アセット真夏のアドベントカレンダー 2018 Summer!」の26日目の記事です。
昨日25日目の記事は、なまずさんの「PPSv2で使えるエフェクトを増やす「SC Post Effects Pack」」でした。
さて、私が今回紹介するUnityアセットは「Shader Painter」とゆうエディタ上で簡単に汚れなどのデカールを表現するアセットを紹介したいと思います。

Shader_Painter_-_アセットストア.png

はじめに

Shader Painter」はどんな事ができるか

Shader Painterはまだベータ版です。すべての機能を利用できるわけではありません。 BETAのアップデートごとに価格が上昇します。 50%を節約するために今すぐ割引価格で購入してください。
助言がありますか ?あなたのニーズに合わせてこのツールを形作るのを助けてください!
Shader Painterは、高度なマテリアル効果をペイントできるピクセルペイントツールです。
シンプルな頂点ツールShader Painterでは、単一のポリゴンに非常に詳細なシェイプを追加することができます。


いくつかの機能:
- 高度なPBRシェーダエフェクトをペイントする
- 非常に低いポリモデルで詳細な図形をペイントできるピクセルペイント
- 多層サポート(4層)
- スクリプト可能なレンダリングパイプライン(SRP)のサポート
- 複数のID資料
- スキンメッシュサポート
- スペキュラ/光沢とメタリック/ラフなワークフロー
- カスタムブラシのインポート
- 明確な概要を得るためのシンプルなインターフェース


すでに使用可能なシェーダ:
- スタンダード
- 標準マルチレイヤー
- スタンダードカットアウト
- 水
- 水Dx11
- 風Dx11


今後の大きな改善点:
- 物質サポート
- 地図の輸出業者
- ブラシ/塗装の最適化
- アニメーションエディタのサポート
- 新しいシェーダと新しいエフェクト
- ブラシライブラリ

!!注意!! 現在はまだベータ版なので使用には十分気をつけてください

Aug-18-2018 16-03-30.gif
Aug-18-2018 16-03-04.gif
Aug-18-2018 16-04-57.gif

ドキュメントや資料動画

https://docs.google.com/document/d/11XjhskWyFUIbC-ziEICA5wo8_VK91Rdr8xgPLjdWHZo/edit#
https://www.youtube.com/watch?v=j_wg1ZDxcFs
https://www.youtube.com/watch?v=aJmItTNoZUc&t=170s
https://www.youtube.com/watch?v=6-vq89lwRjM
https://www.youtube.com/watch?v=xldEalOtJjg
https://www.youtube.com/watch?v=3X_lQJ8tyAc&t=4s

動作環境

MacBook Pro 2012 ← 結構重いのでWindowsの方がいいかも
Unity2018.1.3f1
Shader Painter v1.4.2 Beta.

使い方

アセットをインポートしてきたら、適当にシーン上に3Dのオブジェクトを配置
今回はUnityデフォルトの「Plane」を生成
window->CiconiaStudio->ShaderPainterを開く
スクリーンショット 2018-08-18 16.13.21.png
基本この画面とシーン画面で編集になります
Unity_2018_1_3f1_Personal__64bit__-_Untitled_-_ShaderPainterTest_-_PC__Mac___Linux_Standalone__Personal___Metal_.png
PlaneをSelectPrefabにアタッチする
ここでアタッチしているオブジェクトにMeshRendererが入ってないとアタッチできません
色々オプションでシェーダーのタイプとか決めれますが、とりあえずデフォルトでいいと思います。
OKだったら「CreateShader」をクリック
Unity_2018_1_3f1_Personal__64bit__-_Untitled_-_ShaderPainterTest_-_PC__Mac___Linux_Standalone__Personal___Metal__と_「【Unity】エディタ上で簡単に汚れなどのデカールを表現するアセットShader_Painter」を編集_-_Qiita.png
するとLayer1とLayer2ができます
Layer1はベースのテクスチャなどを設定などができ
Layer2はデカール部分のテクスチャなどを設定ができます
ちなみにシェーダーのタイプを「StandardMultiLayers」を選択するとLayer4まで増えます
なんかUnityでStandardシェーダーで重ねられるレイヤーは4つが限界みたいです 
Unity_2018_1_3f1_Personal__64bit__-_Untitled_-_ShaderPainterTest_-_PC__Mac___Linux_Standalone__Personal___Metal_.png
Unity_2018_1_3f1_Personal__64bit__-_Untitled_-_ShaderPainterTest_-_PC__Mac___Linux_Standalone__Personal___Metal_.png
次にデカールの画像の設定をしますので「PaintMode」を選びます
Unity_2018_1_3f1_Personal__64bit__-_Untitled_-_ShaderPainterTest_-_PC__Mac___Linux_Standalone__Personal___Metal_.png
Brushesから適当にデカール用の画像を選択します
ちなみにこれはデフォルトに入っている画像素材ですが、後から増やす事も可能だそうです
やり方
https://www.youtube.com/watch?v=3X_lQJ8tyAc&feature=youtu.be
スクリーンショット 2018-08-18 16.37.06.png
これでもデカールができるようになるのですが、下地が白とデカールも白でわかりずらいのでデカールに色をつけます
Shaderボタンを押して
Unity_2018_1_3f1_Personal__64bit__-_Untitled_-_ShaderPainterTest_-_PC__Mac___Linux_Standalone__Personal___Metal_.png
Layer2の画面に行きカラーパレットで適当に白以外の色にします
この画面だとデカール出来ないのでまたPaintModeに戻らないといけないのですが、
下記の画像に書いている通りショートカットボタンがあるのでそれで戻ります
Unity_2018_1_3f1_Personal__64bit__-_Untitled_-_ShaderPainterTest_-_PC__Mac___Linux_Standalone__Personal___Metal_.png
戻ったら、シーン画面を開き デカールしたい場所にマウスポイントしてあげて左クリックしてあげるとデカールされます
Aug-18-2018 16-51-33.gif

最後に

触ってみた感じ、まだまだエディタのバグがあったりなど発展途上な感じ、
今は多分まだ使えないが今後アップデートに期待です
今後の展開

  • ブラシサイズの最適化
  • マップエクスポータ
  • アニメーションエディタのサポート
  • 高解像度レンダリングパイプライン(HDRP)のサポート
  • 物質ファイルのサポート
  • ランタイムサポート
  • たくさんの最適化

なんかスキンメッシュが使えんなかったけどやり方間違えたんかなあ;
Unity アセット真夏のアドベントカレンダー 2018 Summer!
明日26日目はながつきさんの「Arbor3のビヘイビアツリーでAIをつくる」です

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3