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<!-- InstanceEndEditable --> 10<!-- InstanceBeginEditable name="ページのタイトル" --> 11<title>参照テーブルの設定</title> 12<!-- InstanceEndEditable --> 13</head> 14<body> 15<div> 16 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 17 <h1>参照テーブルの設定</h1> 18 <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" --> 19 <p>CreativeStudio では、参照テーブルを使うことでライトやマテリアルのさまざまな質感を表現することができます。</p> 20 <p>ここでは、サンプルデータを使用して参照テーブルを設定したマテリアルの作成方法を紹介します。</p> 21 <img src="assets/LookUpChess00.png" alt="参照テーブル"/> 22 <p class="new_hint">補足：<br /> 23 参照テーブルの詳細については、別途用意されている「CTR-グラフィックス入門」も同時に参照することをお奨めします。</p> 24 <h2>サンプルデータの読み込み</h2> 25 <p>CreativeStudio で以下の場所に用意されているサンプルデータ LookupTableChess.cres を読み込みます。</p> 26 <p>" %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TutorialLookupTable/LookupTableChess.cres "</p> 27 <img src="assets/lookupChess01.png" alt="参照テーブル"/> 28 <p>LookupTableChess.cres を読み込むと参照テーブルセット ( Piece.MaterialLutset ) とチェスの駒モデル ( Piece ) がコンテンツパネルに表示されます。</p> 29 <img src="assets/lookupChess02.png" alt="参照テーブル"/> 30 <p class="new_hint">補足：<br /> 31 LookupTableChess.cres には予め参照テーブル「LookupTable_1」が含まれています。</p> 32 <h2>マテリアルに参照テーブルを設定する</h2> 33 <p>ここでは、マテリアルパネルを使用して「スペキュラー0」に関係する参照テーブル「分布0」と「カラー」を設定します。</p> 34 <p class="no">（1）コンテンツパネルに表示されているマテリアル ( BlackKnightMat ) を選択してマテリアルパネルを開きます。</p> 35 <img src="assets/lookupChess03.png" alt="参照テーブル"/> 36 <p class="new_hint">補足：<br /> 37 コンテンツパネルに表示されているマテリアルの「アイコン」をダブルクリックするとマテリアルパネルが別ウィンドウで開きます。</p> 38 <p class="no">（2）マテリアルパネルのフラグメントタブの参照テーブルセットをプルダウンメニューから選択します。</p> 39 <img src="assets/lookupChess04.png" alt="参照テーブル"/> 40 <p class="new_hint">補足：<br /> 41 複数の参照テーブルセットがある場合は、プルダウメニューに使用できる参照テーブルセットが全て表示されます。<br /> 42 CreativeStudio 上に参照テーブルセットが無い場合は、「使用しない」のみ表示されます。<br /> 43 新規に参照テーブルセットを作成する方法は、<a href="../../../ui_reference/tool_panel/lookuptable_set/index.html">こちら</a>を参照してください。</p> 44 <p>参照テーブルセットを設定すると、要素に使用する「参照テーブル」「入力角」「スケール」の設定が可能になります。</p> 45 <img src="assets/lookupChess05.png" alt="参照テーブル"/> 46 <p class="no">（3）要素の「分布0」をクリックして有効にします。</p> 47 <p>参照テーブルで使用できる要素についての詳細は、<a href="../../../user_guide/material/lookup_tables/index.html">こちら</a>を参照してください。</p> 48 <img src="assets/lookupChess06.png" alt="参照テーブル"/> 49 <p class="new_hint">補足：<br /> 50 要素を有効にすることで、参照テーブルの設定がマテリアルに反映されます。<br /> 51 要素が「グレー表示」されている場合は「無効の状態」で、設定を変更してもマテリアルに影響することはありません。</p> 52 <p class="no">（4）分布0 を有効後、参照テーブルに「LookupTable_1」を設定します。</p> 53 <img src="assets/lookupChess07.png" alt="参照テーブル"/> 54 <p>複数の要素に参照テーブルを設定したい場合は、手順（3）～（4）を要素ごとに繰り返します。</p> 55 <p class="no">（5）マテリアルパネルのカラータブ「マテリアルカラー」を選択し、スペキュラー0 を設定します。</p> 56 <p>ここでは「スペキュラー0」の Rチャンネルに 1 を設定します。 </p> 57 <img src="assets/lookupChess08.png" alt="参照テーブル"/> 58 <p class="new_hint">補足：<br /> 59 参照テーブルの要素「分布 0」 は「スペキュラー 0」を制御するので、スペキュラー 0 のカラーを設定します。</p> 60 <p class="no">（6）マテリアルパネルの「全般タブ」で「フラグメントライティングを有効にする」を確認します。</p> 61 <p>「フラグメントライティングを有効にする」にチェックが入っていない場合は、チェックを入れます。</p> 62 <img src="assets/lookupChess09.png" alt="参照テーブル"/> 63 <p class="hint_warn">注意：<br /> 64 フラグメントライティングにチェックが入っていない場合は、モデルは黒く表示されます。<br /> 65 フラグメントライティングについての詳細は、<a href="../../../user_guide/material/fragment_lighting/index.html">こちら</a>を参照してください。 66 <!--サンプルフラグメントライティングにチェックが入っていない場合の状況を説明します。（文章作成中）--> 67 </p> 68 <p class="no">（7）マテリアルパネルのフラグメントタブで、テクスチャコンバイナを設定します。</p> 69 <p>参照テーブルの設定は終わりましたが、まだ3Dモデルにスペキュラーが確認できません。</p> 70 <img src="assets/lookupChess01.png" alt="参照テーブル"/> 71 <p>ここでは、スペキュラー要素である「セカンダリカラー」を「テクスチャコンバイナ」で設定してモデルに反映させます。</p> 72 <img src="assets/lookupChess10.png" alt="参照テーブル"/> 73 <p class="new_hint">設定：<br /> 74 コンバイナ0カラーの「プライマリカラー」と「セカンダリカラー」を加算します。<br /> 75 「A : ソース0 : プライマリカラー」「B : ソース1 : セカンダリカラー」に設定して「計算式を A+B」に設定します。</p> 76 <p class="new_hint">補足：<br /> 77 上記設定は、アンビエントとディフューズの影響である「プライマリカラー」と、スペキュラーの成分である「セカンダリカラー」を加算することでスペキュラーを持ったマテリアルを表現しています。</p> 78 <p>設定が終わると 3D モデルに「赤色のスペキュラー」が確認できます。</p> 79 <img src="assets/lookupchess11.png" alt="参照テーブル"/> 80 <p class="no">（8）「LookupTable_1」参照テーブルのカーブを確認します。</p> 81 <p>コンテンツパネルに表示されている Piece.MaterialLutset を選択します。</p> 82 <img src="assets/lookupchess12.png" alt="参照テーブル"/> 83 <p>Piece.MaterialLutset を選択した状態で、CreativeStudio のメインメニュー [ウィンドウ]→[カーブエディタ] を選択してカーブエディタパネルを開きます。</p> 84 <img src="assets/lookupchess13.png" alt="参照テーブル"/> 85 <p class="new_hint">補足：<br /> 86 カーブエディタパネルで、カーブの縦軸の出力値の値を変化させるとスペキュラーの「明るさ」が変化します。<br /> 87 横軸の入力値の値の範囲を変化させるとスペキュラーの「大きさ」が変化します。<br /> 88 参照テーブルで使用するカーブの縦軸と横軸の詳細については、<a href="../../../user_guide/material/lookup_tables/index.html">こちら</a>を参照してください。</p> 89 <h2>新規に参照テーブルを「作成 / 編集」する</h2> 90 <p>ここでは、新しく参照テーブルを「作成 / 編集」して「スペキュラー 1」の形状を変化させます。</p> 91 <p class="no">（1）コンテンツパネルに表示されている Piece.MaterialLutset を選択して参照テーブルセットパネルを開きます。</p> 92 <p class="no">（2）「作成」ボタンを押して参照テーブルを作成します。</p> 93 <img src="assets/lookupchess14.png" alt="参照テーブル"/> 94 <p>「作成」ボタンを押すと新規の参照テーブル「LookupTable_2」が作成されます。</p> 95 <p>参照テーブルには任意の名前を付けられますが、ここでは「LookupTable_2」のまま使用します。</p> 96 <p class="no">（3）新しく作成した参照テーブルを「分布1」で使用する設定をします。</p> 97 <p>分布1を使用するためには、レイヤーコンフィグを変更する必要があります。</p> 98 <p>マテリアルパネルを開き、フラグメントタブでレイヤーコンフィグを「レイヤーコンフィグ 2」に設定します。</p> 99 <img src="assets/lookupchess15.png" alt="参照テーブル"/> 100 <p class="hint_warn">注意：<br /> 101 要素を有効にする場合はレイヤーコンフィグの設定に注意してください。<br /> 102 設定しているレイヤーコンフィグにより、使用できない要素があります。<br /> 103 レイヤーコンフィグの設定により使用できない要素は、マテリアルパネルの以下の場所が「グレー（無効状態）」になります。<br /> 104 <img src="assets/lookupchess16.png" alt="参照テーブル"/><br /> 105 レイヤーコンフィグの詳細は、<a href="../../../user_guide/material/layer_configuration/index.html">こちら</a>を参照してください。</p> 106 <p class="no">（4）分布1を有効にして、新規に作成した「LookupTable_2」を設定します。</p> 107 <img src="assets/lookupchess17.png" alt="参照テーブル"/> 108 <p class="no">（5）カラータブでスペキュラー1のカラーを設定します。</p> 109 <p>ここでは「スペキュラー1」の G チャンネルを「0.5」に変更します。</p> 110 <img src="assets/lookupchess18.png" alt="参照テーブル"/> 111 <p class="new_hint">補足：<br /> 112 参照テーブルの「分布 1」は「スペキュラー1」を制御するので、スペキュラー1のカラーを変更します。</p> 113 <p>カラーを設定するとプレビューで、モデルに「スペキュラー1」のカラーが反映されているのが確認できます。</p> 114 <img src="assets/lookupchess19.png" alt="参照テーブル"/> 115 <p class="hint_warn">ポイント：<br /> 116 スペキュラー1 のカラーを設定すると、「分布 0」で設定した「赤色のスペキュラー 0」が黄色になっているのが確認できます。<br /> 117 これは、「スペキュラー 0」と「スペキュラー 1」のカラー要素が加算されて表現されるからです。</p> 118 <p class="no">（6）フラグメントタブで「分布 1」の入力角を「NH」から「NV」に変更します。</p> 119 <p class="new_hint">補足：<br /> 120 入力角を変更することにより、同じ参照テーブルを使用していてもモデルの見え方（光の反射方向）を変更することができます。<br /> 121 入力角についての詳細は、<a href="../../../user_guide/material/lookup_tables/index.html#input_angle">こちら</a>を参照してください。</p> 122 <img src="assets/lookupchess20.png" alt="参照テーブル"/> 123 <p>入力角を「NV」に設定すると、モデルの陰影が変化します。</p> 124 <p>スペキュラー1 が、カメラ方向より光の当たった陰影表現になります。</p> 125 <p>モデルを回転させて、カメラ方向から光が当たっている表現になっていることを確認してください。</p> 126 <img src="assets/lookupchess21.png" alt="参照テーブル"/> 127 <p class="no">（7）参照テーブルを編集して「スペキュラーカラー 1」を「モデルのふち」に表示されるように設定します。</p> 128 <p>コンテンツパネルに表示されている <span class="no">Piece.MaterialLutset </span> を選択します。</p> 129 <p>CreativeStudio のメインメニュー [ウィンドウ]→[カーブエディタ] を選択してカーブエディタパネルを開きます。</p> 130 <p>LookupTable_2 を選択し、図のようにカーブを編集します。</p> 131 <img src="assets/lookupchess22.png" alt="参照テーブル"/> 132 <p class="new_hint">補足：<br /> 133 カーブの縦軸の出力値の値を変化させるとスペキュラーの「明るさ」が変化します。<br /> 134 横軸の入力値の値の範囲を変化させるとスペキュラーの「大きさ」が変化します。<br /> 135 参照テーブルで使用するカーブの縦軸と横軸の詳細については、こちらを参照してください。<br /> 136 </p> 137 <p>スペキュラー1のスペキュラー形状が変化して、「緑色のふちが3Dモデル」に表現されます。</p> 138 <img src="assets/lookupchess23.png" alt="参照テーブル"/> 139 <p class="no">（8）手順（7）の「参照テーブル」や手順（5）の「カラータブ」を編集するとモデルの表現を変更できます。</p> 140 <p>ここではカラータブで、「スペキュラー 0 を白」と「スペキュラー 1 をグレー」に変更します。</p> 141 <img src="assets/lookupchess24.png" alt="参照テーブル"/> 142 <p>上記設定を行うとプレビュー画面でスペキュラーの色が変更された 3D モデルが確認できます。</p> 143 <img src="assets/lookupchess25.png" alt="参照テーブル"/> 144 <p>CreativeStudio では参照テーブルを使用した「サンプルデータ」が用意されていますので、<a href="../../../sample/material/chess/index.html">こちら</a>も確認することをお奨めします。</p> 145 <!-- InstanceEndEditable --> </div> 146 <div class="footer" /> 147</div> 148</body> 149<!-- InstanceEnd --> 150</html> 151
