1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> 3<!-- InstanceBegin template="/Templates/default_template.dwt" codeOutsideHTMLIsLocked="false" --> 4<head> 5<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6<meta http-equiv="Content-Style-Type" content="text/css" /> 7<!-- InstanceBeginEditable name="CSS の相対パス指定" --> 8<link href="../../../../common/manual.css" rel="stylesheet" type="text/css" /> 9<script type="text/javascript" src="../../../../common/ibox.js"></script> 10<!-- InstanceEndEditable --> 11<!-- InstanceBeginEditable name="ページのタイトル" --> 12<title>thinfilm_chess</title> 13<!-- InstanceEndEditable --> 14</head> 15<body> 16<div> 17 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 18 <h1>MaterialThinfilm</h1> 19 <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" --> 20 <p>MaterialThinfilm は薄いフィルムのような表現です。</p> 21 <p>MaterialToon のマテリアル設定と同様、反射テーブル要素の適用を有効にして RGB の参照テーブルを使用しています。</p> 22 <p>ここでは、マテリアルサンプル MaterialThinfilm の設定について説明します。</p> 23 <img src="assets/chess04.png" alt="thinfilm_chess画像"/> 24 <h2>マテリアルの設定</h2> 25 <p>CreativeStudio のコンテンツパネルに表示されている thinfilm_mat をクリックしてマテリアルパネルを開きます。</p> 26 <h3>全般</h3> 27 <p>マテリアルパネルの全般を確認します。</p> 28 <p>ライティングの設定が「フラグメントライティング」になっています。</p> 29 <p>これは MaterialThinfilm の参照テーブルがフラグメントライトで行われていることを意味します。</p> 30 <img src="assets/thinfilm_chess02.png" alt="thinfilm_chess画像02"/> 31 <p class="new_hint">補足：<br /> 32 ライティングの設定は使用するライトに合わせて変更する必要があります。</p> 33 <h3>カラーの設定</h3> 34 <p> MaterialThinfilm では参照テーブルでスペキュラーの色を指定しますので、カラーの設定は行いません。</p> 35 <h3>フラグメントの設定</h3> 36 <p>マテリアルパネルのフラグメントタブを確認します。</p> 37 <p>MaterialThinfilm のフラグメントライティングが「レイヤーコンフィグ 4」になっています。</p> 38 <p>この設定は、参照テーブルの要素「 反射 R」「 反射 G」「 反射 B」「 分布 0」「 分布 1」を有効にする設定です。</p> 39 <img src="assets/thinfilm_chess04.png" alt="thinfilm_chess画像04"/> 40 <p>レイヤーコンフィグの詳細は、<a href="../../../../user_guide/material/layer_configuration/index.html">こちら</a>を参照してください。</p> 41 <h4>参照テーブル</h4> 42 <p>MaterialThinfilm の参照テーブルの設定を確認します。</p> 43 <h5>参照テーブルセット</h5> 44 <p>参照テーブルセットに LookupTableSetContentCtr0 が選択されています。</p> 45 <img src="assets/thinfilm_chess05.png" alt="thinfilm_chess画像05"/> 46 <p class="new_hint">補足：<br /> 47 参照テーブルセットは、作成した参照テーブルをまとめて管理しています。<br /> 48 CreativeStudio のコンテンツパネルに表示されている「LookupTableSetContentCtr0」をクリックすると参照テーブルセットパネルが表示され、管理されている参照テーブルが確認できます。</p> 49 <h6><span class="text_color">●</span>要素</h6> 50 <p>次に参照テーブルの要素を確認します。</p> 51 <p>MaterialThinfilm には「反射 R」「反射 G」「反射 B」に参照テーブルが設定されています。</p> 52 <p>ここで使用している参照テーブルは、全て参照テーブルセット「LookupTableSetContentCtr0」で管理されています。</p> 53 <img src="assets/thinfilm_chess06.png" alt="thinfilm_chess画像06"/> 54 <p>参照テーブル <em>thinfilm_reflectance_r</em> / <em>thinfilm_reflectance_g</em> / <em>thinfilm_reflectance_b</em> でライトの陰影に対するRGB の変化を表現しています。</p> 55 <h6><span class="text_color">●</span>入力角</h6> 56 <p>次に入力角を確認します。</p> 57 <p>MaterialThinfilm では すべての要素で「NV」を使用しています。</p> 58 <img src="assets/thinfilm_chess07.png" alt="thinfilm_chess画像07"/> 59 <p class="new_hint">補足：<br /> 60 入力角 NV はカメラ ( V ) から見たモデルの法線 ( N ) で光の分布を制御します。<br /> 61 例えると「リムライト」のような表現が可能です。<br /> 62 入力角の種類についての詳細は、<a href="../../../../user_guide/material/lookup_tables/index.html#input_angle">こちら</a>を参照してください。</p> 63 <h4>テクスチャコンバイナ</h4> 64 <p>次にテクスチャコンバイナの設定を確認します。</p> 65 <p>MaterialThinfilm では「コンバイナ 0 のカラー」だけを使用しています。</p> 66 <img src="assets/thinfilm_chess09.png" alt="thinfilm_chess画像09"/> 67 <table> 68 <thead> 69 <tr> 70 <th>設定項目</th> 71 <th>設定</th> 72 </tr> 73 </thead> 74 <tbody> 75 <tr> 76 <th>計算式</th> 77 <td>A</td> 78 </tr> 79 <tr> 80 <th>A : ソース 0</th> 81 <td>セカンダリカラー</td> 82 </tr> 83 </tbody> 84 </table> 85 <p>この設定は、セカンダリカラーをそのまま使うことを意味します。</p> 86 <p class="new_hint">補足：<br /> 87 ソース 1 と ソース 2 に頂点シェーダーの出力結果が入っていますが「計算式で使用されていません」ので、モデルに対して何も影響を与えません。</p> 88 <h2>カーブエディタパネル</h2> 89 <p>MaterialThinfilm で実際に使用されている参照テーブルをカーブエディタパネルで確認します。</p> 90 <p>CreativeStudio のコンテンツパネルにある LookupTableSetContentCtr0 を選択します。</p> 91 <p>上記状態で、メニュー [ウィンドウ]→[カーブエディタ] を選択してカーブエディタパネルを開きます。</p> 92 <a href="assets/thinfilm_chess10.png" rel="ibox" title="画像をクリックして拡大"><img class="ui_thumb" src="assets/thinfilm_chess10.png" alt="thinfilm_chess画像10"/></a> 93 <ul> 94 <li>横軸 : 入力角の要素同士が作る角度で 0 → 1 ( 90 度 → 0 度 ) の変化になります。</li> 95 <li>縦軸 : 色 ( 光 ) の強さです。</li> 96 </ul> 97 <h3>thinfilm_reflectance_r / g / b の設定</h3> 98 <p>カーブエディタパネルに表示されている thinfilm_reflectance_r / g / b を選択してカーブを確認します。</p> 99 <a href="assets/thinfilm_chess11.png" rel="ibox" title="画像をクリックして拡大"><img class="ui_thumb" src="assets/thinfilm_chess11.png" alt="thinfilm_chess画像11"/></a> 100 <p>モデルのふちに向かい鮮やかな虹色を表現するために 3 つの参照テーブルを使用しています。</p> 101 <!-- InstanceEndEditable --> </div> 102 <div class="footer" /> 103</div> 104</body> 105<!-- InstanceEnd --> 106</html> 107
