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>Texture Settings</title> 11<!-- InstanceEndEditable --> 12</head> 13<body> 14<div> 15 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 16 <h1>Compositing 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> → <B>Sample</B> → <B>Cube model</B> to create a sample model.</p> 22 <!-- <p>テクスチャ管理ではマテリアルパネルで使用するテクスチャの追加や削除ができます。<br /> テクスチャコンバイナでは複数のカラーやテクスチャを合成することができます。</p> --> 23 <h3>Loading Textures</h3> 24 <p>Load textures into CreativeStudio for compositing.</p> 25 <p>In this example, we use the following two textures.</p> 26 <img class="manual_image" src="assets/sample_texture01.png" alt="Texture combining image"/> 27 <p>On the CreativeStudio menu, select <B>File</B> → <B>Open</B> → <B>Intermediate File</B> to load the following texture intermediate files.</p> 28 <table> 29 <thead> 30 <tr> 31 <th>Intermediate File</th> 32 <th>Location</th> 33 </tr> 34 </thead> 35 <tbody> 36 <tr> 37 <th>Chess piece</th> 38 <td>" %NW4C_ROOT%/SampleData/Graphics/Intermediate/texture_combiner_sample/foreground_black.ctex "</td> 39 </tr> 40 <tr> 41 <th>Field of flowers</th> 42 <td>" %NW4C_ROOT%/SampleData/Graphics/Intermediate/texture_combiner_sample/background.ctex "</td> 43 </tr> 44 </tbody> 45 </table> 46 <p class="hint">Texture intermediate files can be created using a 3DCG tool or Photoshop with NintendoWare plug-ins installed.</p> 47 <a name="texture_add" id="texture_add"></a> 48 <h3>Adding Textures</h3> 49 <p>You can add a loaded texture to a material. </p> 50 <p>Select a material displayed in the <B>Content</B> panel to open the material <B>Properties</B> panel.</p> 51 <img class="manual_image" src="assets/sample_texture02.png" alt="Selecting a material on the <B>Content</B> panel"/> 52 <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> 53 <img class="manual_image" src="assets/sample_texture03.png" alt="Material editing combiner image 02"/> 54 <h4>Applying a Texture</h4> 55 <p>Open the pull-down menu under <B>Image</B>. Textures currently loaded into CreativeStudio will be displayed. </p> 56 <img class="manual_image" src="assets/pull_down_menu.png" alt="Pull-Down Menu"/> 57 <p>Select the texture to be added.</p> 58 <p>For now, select the following textures.</p> 59 <p><B>Texture0</B> tab: foreground_black.ctex<br /><B>Texture1</B> tab: background</p> 60 <p>When you select a texture, the texture image and associated information are displayed. </p> 61 <img class="manual_image" src="assets/sample_texture04.png" alt="Material editing combiner image 03"/> 62 <p>Making the settings above allows textures added to the material to be used. </p> 63 <h4>Delete</h4> 64 <p>Press <B>Delete</B> to delete the most recently added <B>Texture</B> tab. </p> 65 <a name="texture_change" id="texture_change"></a> 66 <h3>Changing Textures</h3> 67 <p>This section describes how to change the texture used by a material to another texture. </p> 68 <p>On the material <B>Properties</B> panel, select the <B>Texture</B> tab to be changed. </p> 69 <img class="manual_image" 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 class="manual_image" src="assets/sample_texture08.png" alt="Changing Textures"/> 72 <p>Change the image to the selected texture. </p> 73 <img class="manual_image" 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 class="manual_image" src="assets/sample_texture05.png" alt="Combiner image"/> 79 <p>For details on the texture combiners, click <a href="../../../../ui_reference/panel/property/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>Setting</th> 85 <th>Settings</th> 86 <th>Description</th> 87 </tr> 88 </thead> 89 <tbody> 90 <tr> 91 <th>Formulas</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 class="manual_image" src="assets/sample_texture06.png" alt="Combiner image"/> 114 <h2>Multi-UV Settings</h2> 115 <p>Here, use the use the <B>Texture coordinator</B> section of the <B>Texture</B> tab on the material <B>Properties</B> panel to configure two separate sets of UV data (multi-UV).<br /> Multi-UV is when one polygon model is assigned multiple texture UV coordinates.</p> 116 <p class="hint">You can use the coordinators to set the texture mapping method and the UV coordinate scale, rotation, and translation.</p> 117 <p>Use a 3DCG tool to prepare a polygon model with multi-UV settings, then use NW4C Export to produce an intermediate file, and load that file into CreativeStudio.<br /> Open the material panel, and check that the UV set values using the coordinators match the values below.</p> 118 <ul> 119 <li>UV set 0 used by <B>Texture coordinator 0</B></li> 120 <li>UV set 1 used by <B>Texture coordinator 1</B></li> 121 </ul> 122 <p>Change the settings for <B>Combiner 0 color</B> and <B>Combiner 1 color</B> as shown below.</p> 123 <table> 124 <thead> 125 <tr> 126 <th><B>Combiner 0 color</B> Settings</th> 127 <th>Settings</th> 128 </tr> 129 </thead> 130 <tbody> 131 <tr> 132 <th>Formulas</th> 133 <td>( A × B ) + C</td> 134 </tr> 135 <tr> 136 <th>A: Source 0</th> 137 <td>Texture 0</td> 138 </tr> 139 <tr> 140 <th>B: Source 1</th> 141 <td>Primary color</td> 142 </tr> 143 <tr> 144 <th>C: Source 2</th> 145 <td>Secondary color</td> 146 </tr> 147 </tbody> 148 </table> 149 <table> 150 <thead> 151 <tr> 152 <th><B>Combiner 1 color</B> Settings</th> 153 <th>Settings</th> 154 </tr> 155 </thead> 156 <tbody> 157 <tr> 158 <th>Formulas</th> 159 <td>A × B</td> 160 </tr> 161 <tr> 162 <th>A: Source 0</th> 163 <td>Result output by previous stage</td> 164 </tr> 165 <tr> 166 <th>B: Source 1</th> 167 <td>Texture 1</td> 168 </tr> 169 <tr> 170 <th>C: Source 2</th> 171 <td>--</td> 172 </tr> 173 </tbody> 174 </table> 175 <p><B>Note:</B> With this configuration, you cannot use <B>Combiner 1 color</B> slot 2.</p> 176 <p>After configuring the settings as above, use the <B>Preview</B> panel to check the two textures using multi-UV in the model loaded from a 3DCG tool.</p> 177 <!-- InstanceEndEditable --> </div> 178 <div class="footer" /> 179</div> 180<hr><p>CONFIDENTIAL</p></body> 181<!-- InstanceEnd --> 182</html> 183