Download as PDF, PPTX
![良く使うノードは「ショートカット＋左クリック」
ノードメニューの中に、ノード名の
横に[ ]が付いているものがあり
ます。[ ]内の数字や１文字のアル
ファベットは、該当するノードの
ショートカットです。
ショートカットを利用する時には、
何もないCANVAS上で、ショート
カットに当たるキーを押しながら、
左クリックします。
良く使うノードのショートカットは
憶えてしまいましょう。](https://image.slidesharecdn.com/unitydojoamplifyshadereditor101jpn-jp-170820154851/75/Unity-dojo-amplifyshadereditor101_jpn-jp-21-2048.jpg)
![テクスチャを貼る 1
Texture Coordinates [U] Texture Sample [T]
ノード名は変更可能
注意：Texture SamplerノードにはUVポートがありますが、このポートに
は必ずしもTexture Coordinatesノードを接続する必要はありません。
もし接続しない場合には、Texture SamplerノードプロパティのUV Set
設定に合わせて、最適なUVが設定されます。
Texture Coordinatesノードは、
Texture SamplerノードのUVポートに接続す
ることで、複数のTexture Coordinatesノード
間でUVを共有する場合に使います。](https://image.slidesharecdn.com/unitydojoamplifyshadereditor101jpn-jp-170820154851/75/Unity-dojo-amplifyshadereditor101_jpn-jp-30-2048.jpg)
![テクスチャにカラーを重ねる 1
Color [5]
Multiply [M] Add [A]
Propertyに変更することで、
シェーダープロパティとして、
Inspector上に表示できます。
Constantに設定すると、
シェーダー内で固定値になり
ます。](https://image.slidesharecdn.com/unitydojoamplifyshadereditor101jpn-jp-170820154851/75/Unity-dojo-amplifyshadereditor101_jpn-jp-33-2048.jpg)
![２つのテクスチャやカラーを混ぜる 1
Lerp [L]
Float [1]
Blend Operations
（Photoshop的）](https://image.slidesharecdn.com/unitydojoamplifyshadereditor101jpn-jp-170820154851/75/Unity-dojo-amplifyshadereditor101_jpn-jp-35-2048.jpg)
![ノーマルマップを貼る、合成する 1
Blend Normals
Lerp [L] / Float [1] /
Normalize [N]
Texture Sample [T]
/ Normal = ON](https://image.slidesharecdn.com/unitydojoamplifyshadereditor101jpn-jp-170820154851/75/Unity-dojo-amplifyshadereditor101_jpn-jp-37-2048.jpg)
![ＵＶマッピングをタイリング（スケール）する 1
Texture Coordinates [T] / Multiply [M] / Float [1] / Vector [2]](https://image.slidesharecdn.com/unitydojoamplifyshadereditor101jpn-jp-170820154851/75/Unity-dojo-amplifyshadereditor101_jpn-jp-43-2048.jpg)
![ＵＶマッピングをオフセット（スクロール）する 1
Texture Coordinates [T] / Add [A] / Float [1] / Vector [2]](https://image.slidesharecdn.com/unitydojoamplifyshadereditor101jpn-jp-170820154851/75/Unity-dojo-amplifyshadereditor101_jpn-jp-47-2048.jpg)
![ＵＶマッピングをアニメーションさせる 1
Timeノードから取得した時間変化分を、AddノードでTexture Coordinatesノードに接続することで、
ＵＶマッピングがスクロールアニメーションをする。
直接Texture CoordinatesノードのOffset端子に接続してもよい。
Texture Coordinates [T] / Time / Add [A]](https://image.slidesharecdn.com/unitydojoamplifyshadereditor101jpn-jp-170820154851/75/Unity-dojo-amplifyshadereditor101_jpn-jp-49-2048.jpg)
![１コマサイズで表示する
Divide [D]
A/Bを計算するノード](https://image.slidesharecdn.com/unitydojoamplifyshadereditor101jpn-jp-170820154851/75/Unity-dojo-amplifyshadereditor101_jpn-jp-57-2048.jpg)
![Texture2DArrayとして使うテクスチャは、
同じサイズ、同じ圧縮形式に揃えておく必要がある。
詳しくはリファレンスを参照。
TextureArray 2
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class SetTextureArray : MonoBehaviour {
public Material _mat;
public Texture[] _Arr = new Texture[4];
void Start () {
//Initialization
//Texture2DArray _texArr
// = new Texture2DArray(sizeX, sizeY, amountOfSlices, textureformat, mipMapsOrNot);
//Graphics.CopyTexture( inputTextureObject, inputSliceIndex, inputMipIndex,
// _texArr, desiredSliceIndex, desiredMipIndex);
Texture2DArray _texArr = new Texture2DArray(512, 512, 4, TextureFormat.DXT5, false);
for (int i = 0; i < 4; i++ ) {
Graphics.CopyTexture(_Arr[i], 0, 0, _texArr, i, 0);
}
_mat.SetTexture("_TextureArray", _texArr);
}
}
Texture2DArrayとして読み込まれている](https://image.slidesharecdn.com/unitydojoamplifyshadereditor101jpn-jp-170820154851/75/Unity-dojo-amplifyshadereditor101_jpn-jp-107-2048.jpg)
Uploaded by小林 信行
Unity dojo amplifyshadereditor101_jpn-jp
Unity道場スペシャル Amplify Shader Editor 101の資料です。
More Related Content
![[CEDEC2018] UE4で多数のキャラクターを生かすためのテクニック](https://cdn.slidesharecdn.com/ss_thumbnails/cedec2018charcterperdormanceoptimze-180823081028-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Unity dojo amplifyshadereditor101_jpn-jp
![[UE4]マテリアルの注意すべきこと！～テクスチャロードとSwitch～](https://cdn.slidesharecdn.com/ss_thumbnails/ue4materialcaution-190309153116-thumbnail.jpg?width=640&height=640&fit=bounds)
Unity dojo amplifyshadereditor101_jpn-jp
- 1. Unity道場 Special Amplify ShaderEditor 101 ～Amplify Shader Editorをつかって学ぶシェーダー入門～ 基本操作とよく使われるノード編 Unity Technologies Japan合同会社 コミュニティエバンジェリスト 小林信行 2017/03/14
- 2. 自己紹介 ： 小林信行 ユニティテクノロジーズジャパン合同会社 コミュニティエバンジェリスト UnityやMayaをはじめとする各種3Dツールの研究、ゲーム制作のノウハウの普及 をしてます。『ユニティちゃんプロジェクト』の言い出しっぺの一人でもあります。 前職は『涼宮ハルヒの追想』『涼宮ハルヒの約束』『とらドラ・ポータブル！』などの 原作付きキャラクターゲームの企画＆監督（クリエィティブ・ディレクター）。 結果、Motion PortraitやLive2Dに代表される2.5D系キャラクター表現が、多くの コンシューマゲームに導入されるきっかけを作りました。 最近は暇があると、Shader Forgeでいろいろなシェーダーを作ってます。 元々は統計を使った経済学を研究していたのですが、コンテンツ業界に入る きっかけがGAINAXに入ったことだったので、アニメーションの制作技術に関して もむやみに詳しいです。
- 3. 本コースを受講することで得られる知見 • 本コースは、「Amplify ShaderEditorを使ってシェーダーを学ぶ」のが目的で すので、 Amplify Shader Editorの全機能を紹介するものではありません。 • 本コースでは、 Amplify Shader Editorの基本的なオペレーションと、よく使う ノードについて学びます。 • よく使うノードの機能を学んだ後は、実際にシェーダーを組んでいく上で、し ばしば使われるパターンを実際に見ていきましょう。
- 4.
- 5.
- 6. そもそも「シェーダー」って、なに？ • 「シェーダー」とは、主にGPUによって処理される、画像処理の手順を指定 した、小さめのスクリプトのことを指します。 • Unityの場合、シェーダーを書くアプローチとしては、「サーフェイスシェー ダー」、「バーテックス/フラグメントシェーダー」、「コンピュートシェーダー」、 「固定関数シェーダー」の４種類があります。 •シェーダーそれ自体はCgやHLSLなどのより一般的なシェーダー言語によっ て書かれますが、上のいずれのアプローチを使っても最終的にはUnity独 自のシェーダー言語であるShaderLabによってラップされます。 • 「Amplify Shader Editor」は、その内のサーフェイスシェーダーをノードベース でエディットできるように、エディタ拡張で作られたツールです。 http://docs.unity3d.com/ja/current/Manual/SL-Reference.html
- 7. 絵画における「質感」を構成するもの • 色 （材質およびそれに当たる光の色の表現） •陰影 （光が当たっている面の陰影の出方による立体表現） • タッチ （材質の表面状態の表現） ⇒絵画は、「色＋陰影＋タッチ」の組み合わせで、様々な「質感」を表現する。 Ｕｎｉｔｅ 2016 Tokyo 『Unityとアセットツールで学ぶ「絵づくり」の基礎～ライト、シェーダー、イメージエフェクト～』 シェーダーはこの全てに 関わっている
- 8. 3DCGにおいて「質感」に影響を与えるもの • マテリアル （マップおよびシェーダー） •ライト （直接光と間接光、ホワイトバランス、ソフトネス、アングル） • カメラ （HDRとフォーカス、スクリーンスペースでのイメージエフェクト） ⇒絵画における「色＋陰影＋タッチ」の組み合わせは、3DCGの場合には、 「マテリアル×ライト×カメラ」の各設定として、設計される。 Ｕｎｉｔｅ 2016 Tokyo 『Unityとアセットツールで学ぶ「絵づくり」の基礎～ライト、シェーダー、イメージエフェクト～』 シェーダーを使った絵づくりを学ぶためには、これら要素を切り分けて理解することが大切。 各々の役割をごっちゃにしないこと！
- 9. 特に、「マテリアル ＝ マップ× シェーダー」 u 物理ベースシェーダー（Ｓｔａｎｄａｒｄシェーダーなど）の場合 • 「物理ベースシェーダー」としての機能面は、Ｓｔａｎｄａｒｄシェーダーなどのゲームエンジンがデフォルトで提 供しているシェーダーが受け持っている。 • 従って、絵づくりはシェーダーに割り当てる、各ワークフローに則ったマップ（テクスチャ）の作り込みとライ ティングが中心となる。 • マップ（テクスチャ）は、Substance DesignerやSubstance Painterなどで制作する。 u Amplify Shader Editorが担当するのは、「シェーダーの機能面の作成」で、マップの作り込み ではない • Amplify Shader Editorを使いこなすことで、自分だけのカスタムシェーダーを作成することができる。 • カスタムシェーダーは、自分だけの独自の絵づくりの一翼を担うもの。 ここに様々なマップやライティングを組み合わせることで、最終的な絵づくりが完成する。 目的に合わせて、ツールも使い分けましょう！
- 10.
- 11. ノードベースのシェーダーエディタでシェーダー を学ぶ利点 l シェーダーのコード記述特有の「めんどくささ」が回避できる。 • シェーダーのコード記述には、お約束のルールが結構ある。 •同じことを繰り返して書かなければいけないことが結構ある。 ⇒ノードベースのシェーダーエディタでは、この辺りの「めんどくささ」を意識しないでよい l 通常のプログラミングよりは、ノードのバリエーションが圧倒的に少ない。 ⇒ビジュアルプログラミングの場合、ノードが複雑になると、ロジックが見づらくなるが、 シェーダーはグラフィック処理に特化している分、それほど複雑にならないですむ l 一度憶えると、他のDCCツールやゲームエンジンでも同じようなノードやセマンティクス（シェーダー 入力/出力に付加される指定文字列のこと）があるので、相互運用がしやすくなる。 l リアルタイム向けのノードベースシェーダーエディタの場合、「変更が即、グラフィックに反映される」 ので、イタレーションがしやすい。 ⇒「トライアンドエラーがしやすい」ということは、「学びやすい」ということでもある
- 12.
- 13. Unityエディタへのインストール １ • AmplifyShader Editorは、Asset Storeから購入することができます。 • すでに購入が済んでいる時には、 UnityエディタのAsset Storeウィンド ウからImportボタンをクリックするこ とで、各プロジェクトにインストール することができます。
- 14. Unityエディタへのインストール ２ • ImportUnity Packageウィンドウが 開いたら、右下のImportボタンを押 してください。パッケージがUnityエ ディタにインポートされます。 • インポートが無事終了すると、ツー ルバー>Windowメニューに新規に Amplify Shader Editor項目が追加 されます。 • またProjectウィンドウのAssetsフォ ルダの直下にAmplifyShaderEditor フォルダが生成され、中に必要な ファイルがインストールされます。
- 15. Unityエディタへのインストール ３ • ProjectウィンドウのAssetsフォルダの直下に生成されるAmplifyShaderEditorフォルダ内には、 AmplifyShader Editorで使用される様々なファイルが入っています。 • 特に、AmplifyShaderEditor/Examples以下にある、OfficialおよびCommunityフォルダ内には、 すぐに使えるシェーダーのサンプルが入っていますので、シェーダー制作の参考にするとよ いでしょう。 • なお、Amplify Shader Editorで作成した各シェーダーファイルは、Amplify Shader Editorがイ ンストールされていないUnity環境でも動作します。従って、エディタ環境に関しては、シェー ダーファイルを直接編集する可能性のあるスタッフのみが所持すれば、問題ありません。
- 16.
- 17. 新規にシェーダーファイルを作成する １ • ProjectフォルダのCreateメニューより、Shader>AmplifySurface Shaderを選択すると、右上のようなノードエディタ（CANVAS）が開きます。 • 新規にシェーダーファイルを作成した場合、左側メニューのShader Nameを指定します。 この名前は、Inspectorのマテリアル内で使用されるシェーダー名になります。 • さらにメニューバー上の右から１つめのボタンをクリックし、緑色になると、シェーダーノードがファイルに保存されます。
- 18. 新規にシェーダーファイルを作成する ２ • ノードエディタを閉じると、新規にMyEmptyShaderというファイルができていますので、 こちらをリネームしておきます。前のページで指定したShaderNameと同じにするのがよいでしょう。 • リネームしたシェーダーファイルをInspectorで見ると、「Open in Shader Editor」というボタンがあります。 こちらをクリックすると、再びノードエディタが開きます。 • Amplify Shader Editorをインストールすると、 Amplify Shader Editor以外で作成したシェーダーファイルの場合でも、Inspector上で は「Open in Shader Editor」ボタンが現れます。その時、このボタンを押すと、空っぽの初期状態のノードエディタが立ち上がります。 この場合、セーブ処理をしなければ元のシェーダーファイルは壊れませんので、そのままノードエディタを閉じてください。 もしこの時にセーブ処理をしてしまうと、シェーダーファイルが上書きされてしまいますので、注意してください。
- 19. 既存のシェーダーファイルをオープンする • Amplify ShaderEditorで作成した既存の シェーダーファイルを、ノードエディタで開く 場合には、シェーダーファイル本体もしくは、 それから作成したマテリアルをProject上で 指定し、Inspector上の「Open in Shader Editor」ボタンをクリックします。 • なお「 Open in Shader Editor」ボタンは、 Amplify Shader EditorをUnityエディタにイン ストールしていないと表示されません。
- 20. ノードメニューの表示の仕方、ノードの探し方 ノードメニューの出し方は、いくつ かあります。 ① ノードエディタ上の適当な場 所で右クリックする。 ② マスターノードのInputから左 ドラッグでワイヤを伸ばし、 適当なところで離す。 ③画面右側にあるノードメ ニューを利用する。 ノードメニューからはSearchボッ クスが利用できるので、ノード名 を入れてサーチしてもよいです し、プルダウンから使用するノー ドを選択してもよいです。 1 2 3
- 21.
- 22. ノードのInput側とOutput側について • 基本的に、ノードの左側には、 ノードへデータをInput（入力） する端子があり、ノードの右側 にはそれらのノードで加工さ れたデータをOutput（出力）す る端子があります。 • ノードの中には、Output側にし か端子を持たないもの、両方 に端子を持っているものがあ ります。Input側しか端子を持 たないものは、マスターノード のみです。 •基本的なデータの流れとして は、左から右へとデータが流 れていくことになります。 全てのデータはマスターノード に接続されることで、初めて 画面に表示されます。
- 23.
- 24.
- 25. ノードのプロパティを設定する • 変更したいノードを左クリック で選択すると、ノードエディタ 左側のNode Propertiesがノー ドごとに切り替わります。 •Node Properties内の各要素 を変更することで、各ノードの プロパティが変更できます。 • ノードのプロパティをマテリア ル側で外部に出すか等の設 定ができます。変数やテクス チャなどのノードについては、 シェーダープロパティ内で使 用する名称を変更できます。
- 26. マスターノードのプロパティについて • 特にMaster Nodeが選択され ている時、NodePropertiesに は、シェーダーの基本的な機 能を決める重要な設定が現 れます。 • またマテリアルを作成した時 に、Inspector上に表示される 外部プロパティの順番などは、 このNode Propertiesから設定 します。 • ここでは特に、Shader Nameと Available Propertiesをきちんと 設定しておきましょう。また シェーダーの基本的な機能を 設定するものとして、使用す るLight Modelも確認しておき ましょう。 • 他にもカリング設定や計算精 度、影の設定などができます。 詳しくはUnityのシェーダーリ ファレンスを確認してください。
- 27. Light Modelについて • LightModelは、Master Node のMain Propertiesから選択で きます。 • 選択したLight Modelに応じて、 Master NodeのInput側の端子 が変化しますので、注意して ください。 • 「Smoothness」と呼ばれる値 は、「1-Roughness」のことを指 しています。 • Input側のノードの端子に繋が れるマップの仕様は、おのお ののライトモデルのそれに応 じます。従って、Standard Specularに使われるPBR用の SpecularマップとBlinn Phongに 使われるSpecularマップは、名 前は同じでもマップ自体の定 義が違うことに注意してくだ さい。 Standard (PBR) Standard Specular (PBR) Lambert / Blinn Phong (Legacy)
- 28. 作業時のエディタレイアウトについて 左のようにレイアウトす ると作業が捗ります。 ① オートセーブモードにす る。 ② Project上より作成中の シェーダーを割り当てた マテリアルを選択する。 ③ノードエディタがマテリ アルモードであるか確 認する。 ④ Inspector上で作業中の マテリアルのプロパティ を確認する。 ⑤ マテリアルのプロパティ を変更することで、 Sceneビュー内のシェー ダーボールも自動的に 変更される。 1 2 3 4 5
- 29.
- 30. テクスチャを貼る 1 Texture Coordinates[U] Texture Sample [T] ノード名は変更可能 注意：Texture SamplerノードにはUVポートがありますが、このポートに は必ずしもTexture Coordinatesノードを接続する必要はありません。 もし接続しない場合には、Texture SamplerノードプロパティのUV Set 設定に合わせて、最適なUVが設定されます。 Texture Coordinatesノードは、 Texture SamplerノードのUVポートに接続す ることで、複数のTexture Coordinatesノード 間でUVを共有する場合に使います。
- 31.
- 32. テクスチャを貼る 3 Material/Default設定 Materialベースでの設定Shaderファイルベースでの設定
- 33. テクスチャにカラーを重ねる 1 Color [5] Multiply[M] Add [A] Propertyに変更することで、 シェーダープロパティとして、 Inspector上に表示できます。 Constantに設定すると、 シェーダー内で固定値になり ます。
- 34.
- 35. ２つのテクスチャやカラーを混ぜる 1 Lerp [L] Float[1] Blend Operations （Photoshop的）
- 36. ２つのテクスチャやカラーを混ぜる 2 Lerpは、２つのテクスチャやカラーをAlphaに接続された値 に従って、線形補間（Linear interpolation）することで混ぜ る。 BlendOperationsは、２つのテクスチャやカラーをPhotoshopの レイヤー合成的に混ぜる。 合成オプションはNode Properties内のBlend Opで設定する。 サンプルはColor Burn
- 37. ノーマルマップを貼る、合成する 1 Blend Normals Lerp[L] / Float [1] / Normalize [N] Texture Sample [T] / Normal = ON
- 38. ノーマルマップを貼る、合成する 2 Texture SampleノードのNormalMap オプションをONにした上でノーマル マップを、マスターノードのNormalに 接続するとノーマルマップが適用さ れる。
- 39.
- 40.
- 41.
- 42.
- 43. ＵＶマッピングをタイリング（スケール）する 1 Texture Coordinates[T] / Multiply [M] / Float [1] / Vector [2]
- 44.
- 45.
- 46. ＵＶマッピングをタイリング（スケール）する 4 Float =1Float = 0.25 Float = -0.25
- 47. ＵＶマッピングをオフセット（スクロール）する 1 Texture Coordinates[T] / Add [A] / Float [1] / Vector [2]
- 48. ＵＶマッピングをオフセット（スクロール）する 2 「赤１」に着目すると 右に１コマ、下に２コマ オフセットしている 左に１コマ、下に1コマ オフセットしている TextureCoordinatesノードをAddノードに接続することで、ＵＶマッピングをオフセット（スクロール）することができる。 Addノードを使わずに、Float/VectorノードをTexture CoordinatesのOffset端子に直接接続しても同じ。 -0.125,0.25 0.125
- 49. ＵＶマッピングをアニメーションさせる 1 Timeノードから取得した時間変化分を、AddノードでTexture Coordinatesノードに接続することで、 ＵＶマッピングがスクロールアニメーションをする。 直接TextureCoordinatesノードのOffset端子に接続してもよい。 Texture Coordinates [T] / Time / Add [A]
- 50.
- 51. PannerノードでＵＶスクロールアニメーションをする Pannerノードで、ＵＶマッピングをスクロールアニ メーションすることもできる。 Time端子に値を接続すると、Ｔｉｍｅ Parameters ノードから値を取得しない限り、ＵＶマッピング のオフセットとして機能する。 PannerノードのNode PropertiesにあるSpeedX、 Speed Yで、スクロールの規定の速度と方向を 指定できる。 なおスライダーは、FloatノードでMin/Maxを指 定することで得られるインタフェース。
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61. +X方向に６つ進行して、-Y方向に１つジャンプする ここはちょっとわかりにくいので、UV Offset Vectorにタイマー が進行すると,具体的にどんな値が入るか考えるとよい。 ポイントはX方向に進行するFloorの値を、Y方向にする時、 6(並びの数）で割り、再びFloorを通すことでX方向に６つ進ん でから、Y方向に１進むようにするところ。 ただしYの開始点が左下なので、チップ１番目を左上にするた めに１引いた後で、進行方向として-1を掛けている。 タイルテクスチャ自体はループ状態になっていることに注意！ また、FlipbookUV Animationノードも見てみよう。 同様の機能がコンパクトに実装できます。
- 62.
- 63.
- 64.
- 65.
- 66. 共に50%の比率で、Lerp合成する Lerp ２つのテクスチャやカラーを、０～１の範囲内のAlphaの値に従って、 線形補間（Linear interpolation）することで混ぜる。 Alpha=0⇒A=100% /Alpha=1⇒B=100%になる。 Alphaとして、float値の他にマスクノードなどを接続できる。
- 67.
- 68. ベースマテリアルの「上側」を示すマスクを作る 2 World Normal ノーマルマップを タンジェントスペースから ワールドスペースに変換 ComponentMask Y方向（上方向）の情報のみ 取得 UnityやMayaでは、ワールド座標での上方向はY軸方向（Y-up）。 一方、3ds Maxや他のゲームエンジンではZ軸方向が上(Z-up) になるので注意。
- 69.
- 70.
- 71. Clamp 0-1 /Saturate 0以下、または1以上の値を切り捨てるノード。 マスクなど、 0～1の範囲内にある必要がある数値の調整用 に用いられる。 使用時に、Node PropertiesのMin=0、Max=1を入れること。 この使い方をする限り、Saturateノードと同じ機能になる。 ※Shader ForgeのClump 0-1ノードは、 コードではSaturate関数に変換される。
- 72.
- 73.
- 75. Amplify Shader Editorに付属する サンプルシェーダーを見てみよう Assets/AmplifyShaderEditor/Examples/Officialフォルダ内に 様々なサンプルシェーダーが入っています。 それらのサンプルをざっくりと見てみましょう。
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 85.
- 86. PositionCutOff StartPointの位置に応じて、マテリアルが浸水したような効果が得られるシェーダー。 Vertex PositionノードのY値が使用されている場合、オブジェクト座標での高さが得られるので、マテリアルボールの位置を変化させ ても浸水効果が発生する位置は変わらない。Toggle Switchノード経由でWorldPositionノードのY値を使用する場合は、ワールド座標 での高さが得られるので、マテリアルボールの位置を引き上げると、マテリアル上で浸水効果が発生する位置が下がる。
- 87.
- 88. 質量感のある闇を表現するシェーダー。 大きく３つのブロックに別れているが、各々のブロック が作り出すマスクの意味を考えると構成がわかりや すい。一番上のブロックは、World NormalとViewベクト ルの内積から縁の部分を検出し反転している。 中のブロックは、シーンカラーのUVをノーマルマップで 変形し、疑似的な屈折ガラスを表現している。これら を乗算することで、内側ほど濃くなる闇を表現する。 最後のブロックはWorld NormalとLightベクトルの内積 より光の当たり方を求め、強さを調整した上で、 Opacityに接続することで、落ち影の透明度を調整し ている。BlendModelはTranslucentにすること。 RefractedShadows
- 89. 内積（Dot Product）とは？ A → B →θ A → ｜ ｜B → ｜ ｜cosθA → B → ・ = このオレンジ部の長さは、 A → ｜ ｜cosθ 特に、 が長さ1の時、オレンジ部の長さはcosθとなる。A → 内積とは、２つのベクトルがなす角度の状態を示すスカラー値のこと。 特に2つのベクトルがノーマライズされている場合には、内積が即、 ２つのベクトルの内角のcosθの値となっている。
- 90.
- 91.
- 92.
- 93.
- 94.
- 95. SimpleGPUInstancing GPU Instancingが使えるシェー ダーの例（？） 特定のＰａｒａｍｅｔｅｒ TypeをＩｎｓｔａｎｃ ｅｄPropertyに変更するようです。 するとマスターノードの右上に マークが現れます。 ＧＰＵ Instancingを使用するため にはその他にも設定が必要です ので、リファレンスで確認したほ うがいいでしょう。
- 96.
- 97.
- 98. SimpleRefraction シーンカラー（Grabテクスチャ）のUVに、ノーマルマップをスクリーンスペースで 加算することで作成するシンプルな屈折表現。 Distortionの値で、ノーマルマップの影響を調整できる。 Grabテクスチャには、Screen Positionノードではなく、Grab ScreenPositionノード を使う必要がある。 Blend ModeはTranslucentにすること。
- 99. SimpleTexture UnityのＳｔａｎｄａｒｄ Ｓｈａｄｅｒ（Metallic-Smoothness）と、ほぼ同様の 機能を持つPBRシェーダーの例。 MetallicとＳｍｏｏｔｈｎｅｓｓの各ポートに使用するテクスチャチャン ネルは、Ｕｎｉｔｙ標準のものに合わせてみた。 Ｎｏｄｅ PropertiesのCullModeをOffにして、Ｓｔａｎｄａｒｄ Shaderでは できない両面ポリゴン表示のシェーダーを作ってもよいでしょう。 （ただし両面ポリゴン表示の場合、裏側にも表側と同じノーマ ルマップを当ててライティングすることになるので、裏側のライ ティング結果がおかしくなる可能性があることに注意してくだ さい。）
- 100.
- 101.
- 102.
- 103. マスク側には、左図のようなマテリアルを割り当てます。 ポイントはStencil BufferとQueue Indexの設定です。 StencilBuffer側の設定は、まずReferenceに、表示するオブジェクト とに割り当てたものと同じ番号を割り当てます。この例の場合なら ば、１になります。 続いてステンシルテスト通過後のバッファの値をどうするかを設定 する、Passのオペレーションを、Replaceにします。Replaceを設定する ことで、リファレンス値がバッファに書き込まれます。 最後に、Queue Indexに-1を割り当てます。現在のRender Queueは Geometryですので、このマスクのQueueはGeometry-1になります。 StencilExample 3
- 104.
- 105. サンプルはカメラからの距離（Distance based）によるテッセレーションの例。 Tessellationの設定は、マスターノードのNode Properties内にあるTessellation内で行う。ここで行った設定が Inspector上のマテリアルにも反映される。テッセレーションは現状DX11でないと使用できないので注意。 LocalVertex Offset ポートにつながっているノードは、ディスプレイスメントマップによる高さ表現。 Tessellation カメラにより近い側が分割されている
- 106.
- 107. Texture2DArrayとして使うテクスチャは、 同じサイズ、同じ圧縮形式に揃えておく必要がある。 詳しくはリファレンスを参照。 TextureArray 2 using System.Collections; usingSystem.Collections.Generic; using UnityEngine; public class SetTextureArray : MonoBehaviour { public Material _mat; public Texture[] _Arr = new Texture[4]; void Start () { //Initialization //Texture2DArray _texArr // = new Texture2DArray(sizeX, sizeY, amountOfSlices, textureformat, mipMapsOrNot); //Graphics.CopyTexture( inputTextureObject, inputSliceIndex, inputMipIndex, // _texArr, desiredSliceIndex, desiredMipIndex); Texture2DArray _texArr = new Texture2DArray(512, 512, 4, TextureFormat.DXT5, false); for (int i = 0; i < 4; i++ ) { Graphics.CopyTexture(_Arr[i], 0, 0, _texArr, i, 0); } _mat.SetTexture("_TextureArray", _texArr); } } Texture2DArrayとして読み込まれている
- 108.
- 109.
- 110.
- 111.
- 112. TriplanarProjection 2 Object Normal変換 Albedoマップへの TriplanarProjection Normalマップへの Triplanar Projection ワールドスペース ⇒オブジェクトスペース 切り替え ワールドスペース での高さ(Y) Y軸方向（Top）平面 のNormalマップ Y軸方向（Top）平面 のAlbedoマップ AlbedoマップのLerp NormalマップのLerp Coverage Amount Coverage Falloff Lerp用高さ(Y)マスク 1 1 2 2 2
- 113.
- 114.
- 115.
- 116.
- 117.
- 118.
- 119.
- 120.
- 121. サンプルシェーダーに関してのご注意 本スライドで取り上げたサンプルシェーダーのノードグラフには、Amplify Shader Editorに付 属するものに、一部バグ修正をしたり、機能をよりよく説明するために独自に追加修正を 加えたものがあります。 本スライドと同様の結果にならない場合には、付属サンプルをお手元で修正してみること をお勧めいたします。 なお、元となっている付属サンプルは、AmplifyShader Editor 0.4.0_dev02に付属するもの で、Unity5.5.1p4 Windows環境で検証しています。 また全てのサンプルは、ASE本体のバージョンアップによっても追加/訂正されますので、 常に新しいバージョンのものを試してみるとよいでしょう。
- 122. Amplify Shader Editor活用のポイント lAmplify Shader Editorは、Unity向けのビジュアルシェーダーエディタとしては新しいものですが、すでにその 完成度は高く、安心して使える印象です。 更新頻度も速いので、Unityアセットストア側での更新だけでなく、パブリッシャーのWikiも日頃からチェック すると、常に最新の情報が得られます。（WikiのURLについては、参考文献リストに載せてあります。） l 最新バージョン（v0.5.1）では、待望のアウトライン機能も付きました。 これらの機能には、マスターノードのNode Propertiesからアクセスします。 この他にも、「P」キーで各ノード内での処理がビジュアルで見られる「ノードプレビュー」機能が追加されま した。これは特に初心者が各ノード内でどんな処理が行われているか、直感的に把握するのに優れていま すので、勉強の際には大変役に立つ機能です。 l 筆者はShader Forgeも使っていますが、SFとASE、両方使ってみての感想として、SFではアクセスのしにくい 機能に簡単にアクセスできる設計になっているのが、ASEの強い点であり特長です。 特にPBR系シェーダーのカスタマイズには、ASEは向いていると思います。 付属するシェーダーサンプルも含めて、ASEは、あなたのUnityでの表現力を間違いなくアップしてくれるこ とでしょう。
- 123. 参考文献 l Unity Products:AmplifyShader Editor / Manual http://wiki.amplify.pt/index.php?title=Unity_Products:Amplify_Shader_Editor/Manual l ASEの各ノードについては： http://wiki.amplify.pt/index.php?title=Unity_Products:Amplify_Shader_Editor/Nodes l Shaders 101 – Foundational Shader Concepts for Tech Artists Ben Cloward (CG Supervisor Bioware) / GDC Vault http://www.gdcvault.com/play/1023152/Technical-Artist-Bootcamp-Shaders-101 l プログラマブルシェーダーについては、 『ゲームつくろー！』「プログラマブルシェーダ編」 http://marupeke296.com/ProShader_main.html