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> > <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>