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="en-US" lang="en-US"> 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 --> <!-- InstanceBeginEditable name="ページのタイトル" --> 10<title>Lookup Table Settings</title> 11<!-- InstanceEndEditable --> 12</head> 13<body> 14<div> 15 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 16 <h1>Lookup Table Settings</h1> 17 <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" --> 18 <p>With CreativeStudio lights and various material textures can be expressed using lookup tables.</p> 19 <p>Here, we will use sample data to introduce a method of creating materials for which lookup tables have been configured.</p> 20 <img src="assets/LookUpChess00.png" alt="Lookup tables"/> 21 <p class="new_hint"><B>Note:</B> For details on lookup tables, see the separate document Introduction to CTR Graphics.</p> 22 <h2>Loading sample data</h2> 23 <p>Use CreativeStudio to load the LookupTableChess.cres sample data prepared in the following folder.</p> 24 <p>" %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TutorialLookupTable/LookupTableChess.cres "</p> 25 <img src="assets/lookupChess01.png" alt="Lookup tables"/> 26 <p>When LookupTableChess.cres is loaded a lookup table set (Piece.MaterialLutset) and chess piece model of a knight (Piece) will be displayed in the <B>Contents</B> panel.</p> 27 <img src="assets/lookupChess02.png" alt="Lookup tables"/> 28 <p class="new_hint"><B>Note:</B> The lookup table, LookupTable_1, is already included in LookupTableChess.cres.</p> 29 <h2>Configuring a Lookup Table for a Material</h2> 30 <p>Here, we will configure a Distribution 0 and Color lookup table for Specular 0 using the material <B>Properties</B> panel.</p> 31 <p class="no">(1) Select the material (BlackKnightMat) displayed in the <B>Contents</B> panel to open the material <B>Properties</B> panel.</p> 32 <img src="assets/lookupChess03.png" alt="Lookup tables"/> 33 <p class="new_hint"><B>Note:</B> You can double-click on the icon for any material displayed in the <B>Contents</B> panel to open the material <B>Properties</B> panel in a separate window.</p> 34 <p class="no">(2) On the material <B>Properties</B> panel <B>Fragment</B> tab, select the lookup table set shown below from the <B>Lookup table set</B> pull-down menu.</p> 35 <img src="assets/lookupChess04.png" alt="Lookup tables"/> 36 <p class="new_hint"><B>Note:</B> If there is more than one lookup table set, all lookup table sets available for use will be displayed in the pull-down menu.<BR> If there are no lookup table sets loaded into CreativeStudio, only <B>Not used</B> will be displayed.<BR> For information on creating a new lookup table set, click <a href="../../../ui_reference/tool_panel/lookuptable_set/index.html">here</a>.</p> 37 <p>Use of a lookup table set allows you to set a lookup table, input angle, and scale settings used for a given component.</p> 38 <img src="assets/lookupChess05.png" alt="Lookup tables"/> 39 <p class="no">(3) Click on the Distribution 0 component to enable it.</p> 40 <p>For details on components that can be used with lookup tables, click <a href="../../../user_guide/material/lookup_tables/index.html">here</a>. </p> 41 <img src="assets/lookupChess06.png" alt="Lookup tables"/> 42 <p class="new_hint"><B>Note:</B> Lookup table settings are applied to a material by enabling a component.<BR> If a component is grayed out, it is disabled. Even if settings are changed, there is no effect on the material.</p> 43 <p class="no">(4) After enabling <B>Distribution 0</B>, configure LookupTable_1 for the lookup table.</p> 44 <img src="assets/lookupChess07.png" alt="Lookup tables"/> 45 <p>If you want to set a lookup table for more than one component, repeat Steps (3) and (4) for each component.</p> 46 <p class="no">(5) On the <B>Color</B> tab of the material <B>Properties</B> panel, select the <B>Material color</B> tab and set <B>Specular 0</B>.</p> 47 <p>At this point, set the <B>R</B> channel for <B>Specular 0</B> to 1. </p> 48 <img src="assets/lookupChess08.png" alt="Lookup tables"/> 49 <p class="new_hint"><B>Note:</B> The lookup table component <B>Distribution 0</B> can be used to set the color of <B>Specular 0</B> because it controls <B>Specular 0</B>.</p> 50 <p class="no">(6) Confirm that <B>Enable fragment lighting</B> is selected on the <B>General</B> tab on the material <B>Properties</B> panel.</p> 51 <p>If <B>Enable fragment lighting</B> is not selected, select it now.</p> 52 <img src="assets/lookupChess09.png" alt="Lookup tables"/> 53 <p class="hint_warn">Caution:<br /> If <B>Enable fragment lighting</B> is not selected, the model will appear completely black.<BR> For details on fragment lighting, click <a href="../../../user_guide/material/fragment_lighting/index.html">here</a>. <!--サンプルフラグメントライティングにチェックが入っていない場合の状況を説明します。（文章作成中）--> 54 </p> 55 <p class="no">(7) Configure a texture combiner on the <B>Fragment</B> tab of the material <B>Properties</B> panel.</p> 56 <p>Although were are done configuring the lookup table, specular effects still cannot be seen in the 3D model.</p> 57 <img src="assets/lookupChess01.png" alt="Lookup tables"/> 58 <p>Here, we will apply a specular effect to the model by setting the secondary color (a specular component) using a texture combiner.</p> 59 <img src="assets/lookupChess10.png" alt="Lookup tables"/> 60 <p class="new_hint">Settings:<br /> Add the <B>Primary color</B> and <B>Secondary color</B> under <B>Combiner 0</B>. Set A to <B>Source 0:</B> <B>Primary color</B> and set B to <B>Source 1:</B> <B>Secondary color</B> and set Formula to <B>A+B</B>.</p> 61 <p class="new_hint"><B>Note:</B> By adding the <B>Primary color</B> (ambient and diffuse effects) and <B>Secondary color</B> (the specular component), the above settings result in a material that includes a specular effect.</p> 62 <p>Once the above settings are made, a red specular can be observed in the 3D model.</p> 63 <img src="assets/lookupchess11.png" alt="Lookup tables"/> 64 <p class="no">(8) Check the curve for lookup table LookupTable_1.</p> 65 <p>Select Piece.MaterialLutset displayed in the <B>Contents</B> panel.</p> 66 <img src="assets/lookupchess12.png" alt="Lookup tables"/> 67 <p>While Piece.MaterialLutset is selected, on the CreativeStudio main menu, select <B>Window</B> > <B>Curve editor</B> to open the <B>Curve editor</B> panel.</p> 68 <img src="assets/lookupchess13.png" alt="Lookup tables"/> 69 <p class="new_hint"><B>Note:</B> On the <B>Curve editor</B> panel, specular brightness can be made to vary by varying the curve's vertical axis output value. <BR> Specular size can be made to vary by varying the range of horizontal axis input values. <BR> For details on the vertical and horizontal axes used in lookup tables, click <a href="../../../user_guide/material/lookup_tables/index.html">here</a>.</p> 70 <h2>Creating/Editing Lookup Tables</h2> 71 <p>Here, we will change the shape of Specular 1 by creating/editing a lookup table.</p> 72 <p class="no">(1) Select Piece.MaterialLutset, displayed in the <B>Contents</B> panel to open the lookup table set <B>Properties</B> panel.</p> 73 <p class="no">(2) Press <B>Create</B> to create a lookup table.</p> 74 <img src="assets/lookupchess14.png" alt="Lookup tables"/> 75 <p>Pressing <B>Create</B> will create the new lookup table, LookupTable_2.</p> 76 <p>You can give the lookup table any name, but we will use the name LookupTable_2 for now.</p> 77 <p class="no">(3) Set the new lookup table for use by <B>Distribution 1</B>.</p> 78 <p>The layer config must be changed in order to use <B>Distribution 1</B>.</p> 79 <p>Open the material <B>Properties</B> panel and set <B>Layer configuration</B> on the <B>Fragment</B> tab to <B>Layer Configuration 2</B>.</p> 80 <img src="assets/lookupchess15.png" alt="Lookup tables"/> 81 <p class="hint_warn">Caution:<br /> If the component is enabled, be careful when setting the layer configuration. <BR> There are components that cannot be used by the layer configuraiton. <BR> Components that cannot be used due to the layer configuration setting are grayed out as follows in the material <B>Properties</B> panel. <img src="assets/lookupchess16.png" alt="Lookup table"/><br /> For details on layer configuration, click <a href="../../../user_guide/material/layer_configuration/index.html">here</a>.</p> 82 <p class="no">(4) After enabling <B>Distribution 1</B>, configure the newly created LookupTable_2.</p> 83 <img src="assets/lookupchess17.png" alt="Lookup tables"/> 84 <p class="no">(5) Set the color for <B>Specular 1</B> on the <B>Color</B> tab.</p> 85 <p>At this point, set the G channel for <B>Specular 1</B> to 0.5.</p> 86 <img src="assets/lookupchess18.png" alt="Lookup tables"/> 87 <p class="new_hint"><B>Note:</B> The lookup table component <B>Distribution 1</B> can be used to change the color of <B>Specular 1</B> because it controls <B>Specular 1</B>.</p> 88 <p>When the color is set, you can see in the <B>Preview</B> panel that <B>Specular 1</B> has been applied to the model.</p> 89 <img src="assets/lookupchess19.png" alt="Lookup tables"/> 90 <p class="hint_warn">Points: <BR> When the color of <B>Specular 1</B> is set, you can see that the red <B>Specular 0</B> set for <B>Distribution 0</B> has turned yellow.<BR> This is due to the fact that the color components for <B>Specular 0</B> and <B>Specular 1</B> have been added.</p> 91 <p class="no">(6) On the <B>Fragment</B> tab, change the input angle for <B>Distribution 1</B> from <B>NH</B> to <B>NV</B>.</p> 92 <p class="new_hint"><B>Note:</B> By changing the input angle, you can change the appearance of the model (direction of reflected light) even while using the same lookup table. <BR> For details on input angles, click <a href="../../../user_guide/material/lookup_tables/index.html#input_angle">here</a>.</p> 93 <img src="assets/lookupchess20.png" alt="Lookup tables"/> 94 <p>Changing the input angle to <B>NV</B> changes the model's shadows.</p> 95 <p><B>Specular 1</B> causes shadowing to be created by light striking from the camera direction.</p> 96 <p>Check that light appears to be striking the model from the direction of the camera by rotating the model.</p> 97 <img src="assets/lookupchess21.png" alt="Lookup tables"/> 98 <p class="no">(7) Edit the lookup table and set <B>Specular color 1</B> so that it is displayed around the edge of the model.</p> 99 <p>Select <span class="no">Piece.MaterialLutset</span> displayed in the <B>Contents</B> panel.</p> 100 <p>On the CreativeStudio main menu, select <B>Window</B> > <B>Curve editor</B> to open Curve editor.</p> 101 <p>Select LookupTable_2 and edit the curve as shown in the figure below.</p> 102 <img src="assets/lookupchess22.png" alt="Lookup tables"/> 103 <p class="new_hint"><B>Note:</B> Specular brightness can be made to vary by varying the curve's vertical axis output value. <BR> Specular size can be made to vary by varying the range of horizontal axis input values. <BR> For details on the vertical and horizontal axes used in lookup tables, click <br />here</a>. 104 </p> 105 <p>The specular shape of <B>Specular 1</B> changes and a green edge appears around the 3D model.</p> 106 <img src="assets/lookupchess23.png" alt="Lookup tables"/> 107 <p class="no">(8) The appearance of the model can be changed by editing the lookup table in Step (7) and the color tab in Step (5).</p> 108 <p>Here, we will change <B>Specular 0</B> to white and <B>Specular 1</B> to gray on the <B>Color</B> tab.</p> 109 <img src="assets/lookupchess24.png" alt="Lookup tables"/> 110 <p>Once the above settings are made, you can check on the <B>Preview</B> panel that the specular colors have changed for the 3D model.</p> 111 <img src="assets/lookupchess25.png" alt="Lookup tables"/> 112 <p>We also recommend that you check <a href="../../../sample/material/chess/index.html">here</a>, since sample data used in lookup tables with CreativeStudio has been prepared.</p> 113 <!-- InstanceEndEditable --> </div> 114 <div class="footer" /> 115</div> 116<hr><p>CONFIDENTIAL</p></body> 117<!-- InstanceEnd --> 118</html>
