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<script type="text/javascript" src="../../../../common/ibox.js"></script>
10<!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="ページのタイトル" -->
11<title>material_toon</title>
12<!-- InstanceEndEditable -->
13</head>
14<body>
15<div>
16  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
17    <h1>MaterialToon</h1>
18    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
19    <p>MaterialToon is represents an anime-style toon shader expression.</p>
20    <p>This type of expression is possible by drawing the RGB lookup table in a tiered pattern.</p>
21    <p>This section describes settings for the MaterialToon material sample.</p>
22    <img src="assets/chess03.png" alt="toon_chess Image"/>
23    <h2>Material Settings</h2>
24    <p>Click on toon_mat displayed on the CreativeStudio Contents panel to open the material Properties panel.</p>
25    <h3>General</h3>
26    <p>Check the <B>General</B> tab on the material <B>Properties</B> panel.</p>
27    <p>The lighting setting is set to <B>Fragment lighting</B>.</p>
28    <p>This indicates that fragment lights are rendered using a lookup table for MaterialToon.</p>
29    <img src="assets/toon_chess02.png" alt="toon_chess Image 02"/>
30    <p class="new_hint"><B>Note:</B> Lighting must be changed to match the lights being used.</p>
31    <h3>Color Settings</h3>
32    <p> Colors are not set for MaterialToon, because its specular colors are specified in the lookup table.</p>
33    <!-- <img src="assets/toon_chess03.png" alt="toon_chess画像03"/> -->
34    <h3>Fragment Settings</h3>
35    <p>Check the <B>Fragment</B> tab on the material <B>Properties</B> panel.</p>
36    <p>The layer config of the fragment shader for MaterialToon is Configuration Type 0.</p>
37    <img src="assets/toon_chess04.png" alt="toon_chess Image 04"/>
38    <p>For details on layer configurations, click <a href="../../../../user_guide/material/layer_configuration/index.html">here</a>. </p>
39    <h4>Checking lookup tables</h4>
40    <p>Check lookup table sets and elements used by lookup tables.</p>
41    <h5>Lookup table set</h5>
42    <p>LookupTableSetContentCtr0 is selected for the lookup table set used with MaterialToon.</p>
43    <img src="assets/toon_chess05.png" alt="toon_chess Image 05"/>
44    <p class="new_hint"><B>Note:</B> The lookup table set manages created lookup tables as a set.<br /> Clicking on LookupTableSetContentCtr0 displayed on the CreativeStudio Contents panel displays the lookup table Properties panel, where you can check the lookup tables being managed.</p>
45    <h5>Lookup Table Elements</h5>
46    <p>Settings for MaterialToon have been made so that only a single reflectance setting is enabled and separate ones for reflectance_r, reflectance_g and reflectance_b are not used.</p>
47    <img src="assets/toon_chess06.png" alt="toon_chess Image 06"/>
48    <p class="new_hint"><B>Note:</B> Elements used in the configured lookup tables are displayed bordered in red.</p>
49    <p>For details on lookup table elements, click <a href="../../../../user_guide/material/lookup_tables/index.html">here</a>.</p>
50    <h5>Check input angles</h5>
51    <p>The input angle NH is used by MaterialToon.</p>
52    <img src="assets/toon_chess07.png" alt="toon_chess Image 07"/>
53    <p class="new_hint"><B>Note:</B> The input angle NH represents light that is affected by the light and viewpoint. This is primarly used for specular expressions.</p>
54    <p>For details on input angle types, click <a href="../../../../user_guide/material/lookup_tables/index.html#input_angle">here</a>.</p>
55    <h5>Check texture combiner settings</h5>
56    <p>The color of Combiner 0 is set for MaterialToon.</p>
57    <img src="assets/toon_chess09.png" alt="toon_chess Image 09"/>
58    <table>
59      <thead>
60        <tr>
61          <th>Settings</th>
62          <th>Settings</th>
63        </tr>
64      </thead>
65      <tbody>
66        <tr>
67          <th>Formula</th>
68          <td>A</td>
69        </tr>
70        <tr>
71          <th>A: Source 0</th>
72          <td>Secondary color</td>
73        </tr>
74      </tbody>
75    </table>
76    <p>This setting indicates that the secondary color will be used as-is.</p>
77    <p class="new_hint"><B>Note:</B> The output result of the vertex shader is used for Source 1 and Source 2. However, there is no effect on the model because the result is not used by the calculation formula.</p>
78    <h2>Checking lookup tables</h2>
79    <p>Check the CurveEditor panel for the lookup tables actually used with MaterialToon.</p>
80    <p>Select LookupTableSetContentCtr0 located on the Creative Studio Contents panel.</p>
81    <p>While in the state described, select <B>Window</B> &gt; <B>Curve editor...</B> from the menu bar to open the CurveEditor panel.</p>
82    <!-- <a href="assets/toon_chess10.png" rel="ibox" title="画像をクリックして拡大"><img class="ui_thumb" src="assets/toon_chess10.png" alt="toon_chess画像10"/></a>-->
83    <ul>
84      <li>Horizontal axis: results in a change from 0 to 1 (from 90 degress to 0 degrees) using the angle created by input angle elements.</li>
85      <li>Vertical axis represents color (light) intensity.</li>
86    </ul>
87    <h3>toon_reflectance  settings</h3>
88    <p>Select toon_reflectance displayed on the Curve Editor panel to check its curve.</p>
89    <a href="assets/toon_chess11.png" rel="ibox" title="Click image to enlarge"><img class="ui_thumb" src="assets/toon_chess11.png" alt="toon_chess Image 10"/></a>
90    <p>This image expresses tiered, toon-like shadows using a tiered curve.</p>
91    <!-- InstanceEndEditable --> </div>
92  <div class="footer" />
93</div>
94<hr><p>CONFIDENTIAL</p></body>
95<!-- InstanceEnd -->
96</html>