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>Combining Textures</title>
11<!-- InstanceEndEditable -->
12</head>
13<body>
14<div>
15  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
16    <h1>Combining Textures</h1>
17    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
18    <p>CreativeStudio can combine loaded textures and edit textures using multi-UV.</p>
19    <p>This section describes how to load two textures into CreativeStudio, combine them, and then apply the combined result to a sample model.</p>
20    <h2>Creating a Sample Model</h2>
21    <p>On the CreativeStudio menu, select <B>Create</B> &rarr; <B>Sample</B> &rarr; <B>Cube model</B> to create a sample model.</p>
22    <!--   <p>テクスチャ管理ではマテリアルパネルで使用するテクスチャの追加や削除ができます。<br />     テクスチャコンバイナでは複数のカラーやテクスチャを合成することができます。</p> -->
23    <h3>Loading textures</h3>
24    <p>On the CreativeStudio menu, select File &rarr; Open &rarr; Intermediate File to load the following texture intermediate files.</p>
25    <p>&quot; %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TextureCombinerSample/ &quot;</p>
26    <table>
27      <thead>
28        <tr>
29          <th class="thumb">Intermediate file names</th>
30          <th class="thumb">Image</th>
31          <th>Content</th>
32        </tr>
33      </thead>
34      <tbody>
35        <tr>
36          <th class="thumb">ForegroundBlack.ctex</th>
37          <td class="thumb"><img class="thumb" src="assets/sample_texture00.png" alt="Chess knight"/></td>
38          <td>This is a chess knight texture with black background.</td>
39        </tr>
40        <tr>
41          <th class="thumb">Background.ctex</th>
42          <td class="thumb"><img class="thumb" src="assets/sample_texture01.png" alt="Field of flowers"/></td>
43          <td>This is a field of flowers texture.</td>
44        </tr>
45      </tbody>
46    </table>
47    <p class="new_hint"><B>Note:</B> Texture intermediate files can be created using a 3DCG tool or Photoshop with NintendoWare plug-ins installed.</p>
48    <a name="texture_add" id="texture_add"></a>
49    <h3>Adding textures</h3>
50    <p>You can add a loaded texture to a material.</p>
51    <p>Select a material displayed in the <B>Content</B> panel to open the material <B>Properties</B> panel.</p>
52    <img src="assets/sample_texture02.png" alt="Selecting a material on the <B>Content</B> panel"/>
53    <p>Select the <B>Texture</B> tab on the material <B>Properties</B> panel. Press <B>Add</B> under <B>Texture list</B>. A tab for <B>Texture1</B> will appear.</p>
54    <img src="assets/sample_texture03.png" alt="Material editing combiner image 02"/>
55    <h4>Applying a Texture</h4>
56    <p>Open the pull-down menu under <B>Image</B>. Textures currently loaded into CreativeStudio will be displayed.</p>
57    <img src="assets/pull_down_menu.png" alt="Pull-Down Menu"/>
58    <p>Select the texture to be added.</p>
59    <p>For now, select the following textures.</p>
60    <p><B>Texture0</B> tab: <span class="thumb">ForegroundBlack</span><br /> Texture 1 tab: <span class="thumb">Background</span></p>
61    <p>When you select a texture, the texture image and associated information are displayed.</p>
62    <img src="assets/sample_texture04.png" alt="Material editing combiner image 03"/>
63    <p>Making the settings above allows textures added to the material to be used.</p>
64    <h4>Deletions</h4>
65    <p>Press <B>Delete</B> to delete the most recently added <B>Texture</B> tab.</p>
66    <a name="texture_change" id="texture_change"></a>
67    <h3>Changing Textures</h3>
68    <p>On the material <B>Properties</B> panel, select the <B>Texture</B> tab to be changed.</p>
69    <img src="assets/sample_texture07.png" alt="Changing Textures"/>
70    <p>Open the image pull-down menu and select the texture to be changed.</p>
71    <img src="assets/sample_texture08.png" alt="Changing Textures"/>
72    <p>Change the image to the selected texture.</p>
73    <img src="assets/sample_texture09.png" alt="Changing Textures"/>
74    <p>The texture is now changed.</p>
75    <p>You can check that you have switched to the selected texture on the <B>Preview</B> panel.</p>
76    <h3>Combiner Settings</h3>
77    <p>Use the <B>Fragment</B> tab on the material <B>Properties</B> panel to add the two textures together.</p>
78    <img src="assets/sample_texture05.png" alt="Combiner image"/>
79    <p>For details on the texture combiners, click <a href="../../../ui_reference/panel/material/detailed_panel/texture_combiner/index.html">here</a>.</p>
80    <p>Make the following settings under <B>Combiner 0 color</B>.</p>
81    <table>
82      <thead>
83        <tr>
84          <th>Settings</th>
85          <th>Settings</th>
86          <th>Content</th>
87        </tr>
88      </thead>
89      <tbody>
90        <tr>
91          <th>Formula</th>
92          <td>A + B</td>
93          <td>Sets the sources to use as input to the formula and how they will be processed.</td>
94        </tr>
95        <tr>
96          <th>A: Source 0</th>
97          <td>Texture 0</td>
98          <td>Sets component A to be used by the formula from the pulldown menu.</td>
99        </tr>
100        <tr>
101          <th>B: Source 1</th>
102          <td>Texture 1</td>
103          <td>Sets component B to be used by the formula from the pulldown menu.</td>
104        </tr>
105        <tr>
106          <th>C: Source 2</th>
107          <td>This is not used here.</td>
108          <td>Sets component C to be used by the formula from the pulldown menu.</td>
109        </tr>
110      </tbody>
111    </table>
112    <p>These settings will add the two textures to the sample model and show them in the <B>Preview </B>display.</p>
113    <img src="assets/sample_texture06.png" alt="Combiner image"/>
114    <h2>Editing Multi-UVs Created Using a 3D CG Tool</h2>
115    <p>Multi-UV is when one polygon model is assigned multiple texture UV coordinates.</p>
116    <p class="hint_warn">Caution:<br /> Multi-UVs themselves cannot be created under CreativeStudio.<BR> In this example, we describe how to load the die model using multi-UV textures configured using Maya into CreativeStudio and then edit the data. How to configure the multi-UV using the 3D CG tool is not covered here.</p>
117    <p>Figure 1  Die Model Created Using Multi-UV Under Maya<BR>(Preview image under Maya)</p>
118    <img src="assets/multi_uv_14.png" alt="" />
119    <p>There are two textures used for multi-UV: the numbers on the die, and the surface shadow texture.</p>
120    <p>Figure 2  Number texture on the die</p>
121    <img src="assets/multi_uv_00.png" alt="" />
122    <p>Figure 3  Surface shadow texture</p>
123    <img src="assets/multi_uv_01.png" alt=""  />
124    <p>The texture samples above are not currently ready.</p>
125    <h3>Export Intermediate File from 3D CG Tool</h3>
126    <p>Export the intermediate file for the model (die) created using the Maya plug-in.</p>
127    <p class="new_hint"><B>Note:</B> For details about export, see the 3D CG Plug-In Manual, which can be found in the following location: %NW4C_ROOT%/documents/DccPlugin</p>
128    <h3>Loading the Model into CreativeStudio</h3>
129    <p>On the CreativeStudio menu, select File &rarr; Open &rarr; Intermediate file to load the intermediate file (die model) exported from Maya.</p>
130    <p>When an intermediate file is opeed, bound texture data and other such information is automatically loaded.</p>
131    <p class="new_hint"><B>Note:</B> These intermediate files can also be loaded into CreativeStudio by dragging &amp; dropping them.</p>
132    <h4>Checking CreativeStudio Settings</h4>
133    <p>When a model that uses multi-UV is loaded by CreativeStudio, the UV set is set automatically.</p>
134    <p>You can check the UV set on the material <B>Properties</B> panel of CreativeStudio by selecting <B>Texture</B> tab &gt; <B>Texture coordinator</B> &gt; <B>UV set to use</B>.</p>
135    <p>In the sample, there are two textures included, one for the numbers on the die (<B>Texture0</B>) and one for the surface shadow texture (<B>Texture1</B>). UV sets are automatically set for <B>Texture0</B> and <B>Texture1</B>.</p>
136    <p>Each texture can be controlled using the UV set set here.</p>
137    <p>Figure 4  Relationship Between the Two Textures and UV Sets</p>
138    <img src="assets/multi_uv_15.png" alt="UV sets are set automatically" />
139    <h4>Combiner Settings</h4>
140    <p>Here, settings are made only to multiply the two textures together.</p>
141    <p>Texture combiner settings are located on the <B>Fragment</B> tab of the material <B>Properties</B> panel.</p>
142    <img src="assets/multi_uv_18.png" alt="Texture Combiner Settings" />
143    <p>After configuring the settings as above, you can check the two textures using multi-UV in the model loaded from a 3D CG tool.</p>
144    <p>The image below appears in the <B>Preview</B> after combiner settings have been made under CreativeStudio.</p>
145    <p>Figure 5  Preview After Combining the Two Textures</p>
146    <img src="assets/multi_uv_16.png" alt="" width="409" height="409" />
147    <h4>Setting animations for the texture UV</h4>
148    <p>You can apply animations to each texture UV expressed using multi-UV.</p>
149    <p>Here, we will create a scale animation for the surface shadow texture (<B>Texture 1</B>).</p>
150    <p class="no">(1) Select <B>material</B> on the CreativeStudio <B>Contents</B> panel.</p>
151    <p class="no">(2) In CreativeStudio, select <B>Window</B> &gt; <B>Curve editor</B> to open <B>Curve editor</B>.</p>
152    <p class="no">(3) Select the triangular marker for TextureCoordinators[1].Scale in the graph tree view on the <B>Curve editor</B> panel.</p>
153    <p class="no">(4) Set <B>X</B> and <B>Y</B> for TextureCoordinators[1] and create the following curve for both.</p>
154    <p>Horizontal axis 0 / Vertical axis 1</p>
155    <p>Horizontal axis 50 / Vertical axis 2.5</p>
156    <p>Horizontal axis 100 / Vertical axis 1</p>
157    <img src="assets/multi_uv_19.png" alt=""/>
158    <p class="no">(5) After creating the curves, press the play button on the CreativeStudio timeline panel. This will result in scale animation of the surface shadow texture (Texture 1).</p>
159    <p>The die numbers (Texture 0) will remain unchanged without animation.</p>
160    <p class="hint_warn">Caution:<br /> The method of caculating texture coordinates for Sample Texture 1 is set to 3dx max method.</p>
161    <p>Figure 6  Setting an Animation for the Six-Sided Shadow Texture</p>
162    <img src="assets/multi_uv_17.png" alt="" width="600" height="200" />
163    <p>By using multi-UV you can use two textures with a single model as described above and apply an animation to each separate texture.</p>
164    <!-- InstanceEndEditable --> </div>
165  <div class="footer" />
166</div>
167<hr><p>CONFIDENTIAL</p></body>
168<!-- InstanceEnd -->
169</html>