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>Texture Pattern Animation</title> 12<!-- InstanceEndEditable --> 13</head> 14<body> 15<div> 16 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 17 <h1>Texture Pattern Animation</h1> 18 <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" --> 19 <p>This page uses sample data to describe basic settings for texture pattern animations.</p> 20 <h2>What is texture pattern animation?</h2> 21 <p>A texture pattern animation is an animation that changes the texture displayed in any given frame.</p> 22 <p>When using CreativeStudio, numbers are assigned to loaded textures, and the playback method (pattern) is set on the <B>CurveEditor</B> panel.</p> 23 <p>For details on the Material Animation Data panel, click <a href="../../../ui_reference/panel/material_animation_panel/index.html">here</a>.</p> 24 <p>For details on the <B>Curve editor</B> panel, click <a href="../../../ui_reference/tool_panel/curveeditor_panel/index.html">here</a>.</p> 25 <p>Figure 1. CurveEditor Panel</p> 26 <a href="assets/curve_editor_axis.png" rel="ibox" title="Click to enlarge image"><img class="ui_thumb" src="assets/curve_editor_axis.png" alt="Description of Curve Editor Panel Axes"/></a> 27 <p>The table below gives the settings for the horizontal and vertical axes on the <B>CurveEditor</B> panel used to create texture pattern animations.</p> 28 <p>Table 1 Horizontal and vertical axes shown on the ColorEditor panel when creating texture pattern animations</p> 29 <table> 30 <thead> 31 <tr> 32 <th>Animation</th> 33 <th>Vertical / horizontal axes on <B>CurveEditor</B></th> 34 <th>Description of Setting</th> 35 </tr> 36 </thead> 37 <tbody> 38 <tr> 39 <th rowspan="2">Texture Pattern Animation</th> 40 <td>Vertical axis</td> 41 <td>The texture number to be used. <br />The texture number is set automatically when a texture is added to the Texture list on the Material Animation Data panel.</td> 42 </tr> 43 <tr> 44 <td>Horizontal axis</td> 45 <td>Number of frames (number of frames animating the texture)</td> 46 </tr> 47 </tbody> 48 </table> 49 <h2>Sample Configuration</h2> 50 <p>This page uses the ToyButterfly sample data to describe texture pattern animation settings.<br /> This page also describes how to export data when creating a texture pattern animation using a 3D CG tool.</p> 51 <ol> 52 <li><a href="#sample_data_reading">Loading sample data</a></li> 53 <li><a href="#texturepattern_animation_making">Creating and Editing Texture Pattern Animations</a></li> 54 <li><a href="#Toy02">Exporting Texture Pattern Animations from a 3D CG Tool</a></li> 55 </ol> 56 <a name="sample_data_reading" id="sample_data_reading"></a> 57 <h3>Loading sample data</h3> 58 <p>On the CreativeStudio menu, select <B>File > Open > Intermediate file</B> and open toy_mt.cres.</p> 59 <p>" %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TutorialToyButterfly/ToyButterfly.cres "</p> 60 <p>Figure 2 ToyButterfly</p> 61 <a href="assets/Toy02.png" rel="ibox" title="Click to enlarge image"><img class="ui_thumb" src="assets/Toy02.png" alt="Butterfly in wooden frame"/></a> 62 <p> In the ToyButterfly sample, a butterfly is seen to flutter around inside a wooden frame. <br /> Wing flapping of the butterfly texture is set using a texture pattern animation.</p> 63 <p>Confirm that the butterfly is animated to flutter around by pressing the <B>Play</B> button at the bottom right of the CreativeStudio main window.</p> 64 <a name="texturepattern_animation_making" id="texturepattern_animation_making"></a> 65 <h3>Creating and Editing Texture Pattern Animations</h3> 66 <p>The following six textures are used by the ToyButterfly sample data. The flapping wings of the butterfly are created using a texture pattern animation.</p> 67 <img src="assets/texturepattern_animation.png" alt="Texture Pattern Animation"/> 68 <p>Starting from the left, the file names for these textures are ButterflyBtfry.00 through 05.</p> 69 <h4>Material Animation Data Panel Settings</h4> 70 <p>Check the textures registered on the Material Animation Data panel.</p> 71 <p>Selecting <em>Toy_Butterfly.MaterialAnimation</em> displayed on the CreativeStudio Contents panel will display the Material Animation Data panel shown in Figure 3. in the Properties panel. <br /> Double-clicking on the material animation icon opens the Material Animation Data panel in a separate window.</p> 72 <p>For details on the Material Animation Data panel, click <a href="../../../ui_reference/panel/material_animation_panel/index.html">here</a>.</p> 73 <p>Figure 3. Material Animation Data Panel</p> 74 <img src="assets/material_animation_panel.png" alt="Material Data Panel Image"/> 75 <p>The six textures used in the texture pattern animation are configured on the <B>Material Animation Data</B> panel.</p> 76 <h5>Delete/add texture</h5> 77 <p>Textures used in the texture pattern animation can be added or deleted as described below.</p> 78 <p>When a texture intermediate file is loaded into CreativeStudio, the loaded texture is displayed in a pull-down menu.</p> 79 <img src="assets/material_animation_panel01.png" alt="Material Data Panel Image 01"/> 80 <p>Press the Add button to add the texture file selected in the texture list on the pull-down menu. <br /> To delete the texture from the texture list, press the Delete button while the texture to be deleted is selected.</p> 81 <h4>Checking a Texture Pattern Animation</h4> 82 <p>Use the CurveEditor to check texture pattern animations.</p> 83 <p>Selecting TextureMappers[0].Texture in the graph tree view on the CurveEditor panel will display the texture pattern animation curve shown in Figure 4 in the graph view. <br /> Select the graph view and press the A key. The graph view will be arranged to show all keys.</p> 84 <p>Figure 4. Texture Pattern Animation Curve</p> 85 <a href="assets/texturepattern_animation01.png" rel="ibox" title="Click the image to enlarge"><img class="ui_thumb" src="assets/texturepattern_animation01.png" alt="Flapping wings of butterfly"/></a> 86 <p>The texture pattern animation is set using the above curve.</p> 87 <table> 88 <thead> 89 <tr> 90 <th>Frame</th> 91 <th>Description of Setting</th> 92 </tr> 93 </thead> 94 <tbody> 95 <tr> 96 <th>0 ～ 55</th> 97 <td>Expresses an animation of the butterfly slowly flapping its wings using Texture Numbers 1, 2 and 5.</td> 98 </tr> 99 <tr> 100 <th>57 ～ 169</th> 101 <td>Expresses an animation of the butterfly intensely flapping its wings using Texture Numbers 3 and 4 at a quick frame rate.</td> 102 </tr> 103 <tr> 104 <th>171 ～ 195</th> 105 <td>Expresses an animation of the fluttering butterfly returning to its original position and its wings slowly stopping using Texture Numbers 1, 2 and 5.</td> 106 </tr> 107 </tbody> 108 </table> 109 <p>Various pattern animations can be created by editing loaded textures using CurveEditor.</p> 110 <a name="Toy02" id="Toy02"></a> 111 <h3>Exporting Texture Pattern Animations from a 3D CG Tool</h3> 112 <p>Use a special plug-in for output from a 3DCG tool.</p> 113 <p class="new_hint"><B>Note:</B> For details about exporting texture animations, see the plug-in manual located in the following folder: %NW4C_ROOT%/documents/DccPlugin</p> 114 <p>Maya sample data for ToyButterfly is located in the following folder.</p> 115 <p>" %NW4C_ROOT%/SampleData/Graphics/DccPlugin/Maya/ToyButterfly/scenes/Toy_Butterfly.ma "</p> 116 <h3>Loading the Model into CreativeStudio</h3> 117 <p>Load a model that uses texture pattern animation into CreativeStudio.</p> 118 <p>Outputting the sample model Toy_Butterfly from the 3DCG tool will create the intermediate files shown in Table 2. We will try actually loading these file into CreativeStudio.</p> 119 <p>There are two methods of loading intermediate files output from a 3D CG tool. These are given below.</p> 120 <ul> 121 <li>Loading by selecting File > Open > Intermediate file on the CreativeStudio menu</li> 122 <li>Loading intermediate files by dragging & dropping</li> 123 </ul> 124 <p>Table 2 ToyButterfly Intermediate Files</p> 125 <table> 126 <thead> 127 <tr> 128 <th>Filename</th> 129 <th>Content</th> 130 </tr> 131 </thead> 132 <tbody> 133 <tr> 134 <th>Toy_Butterfly.cmata</th> 135 <td>This intermediate file contains material data for Toy_Butterfly.</td> 136 </tr> 137 <tr> 138 <th>Toy_Butterfly.cmdl</th> 139 <td>This intermediate file contains model data for Toy_Butterfly.</td> 140 </tr> 141 <tr> 142 <th>ButterflyBG.ctex</th> 143 <td>This texture intermediate file is for the front of the Toy_Butterfly wooden frame.</td> 144 </tr> 145 <tr> 146 <th>ButterflyBG2.ctex</th> 147 <td>This texture intermediate file is for the back of the Toy_Butterfly wooden frame.</td> 148 </tr> 149 <tr> 150 <th>ButterflyBtfly.00.ctex</th> 151 <td rowspan="6">This texture intermediate file is for the Toy_Butterfly butterfly. (It is used by the texture pattern animation.)</td> 152 </tr> 153 <tr> 154 <th>ButterflyBtfly.01.ctex</th> 155 </tr> 156 <tr> 157 <th>ButterflyBtfly.02.ctex</th> 158 </tr> 159 <tr> 160 <th>ButterflyBtfly.03.ctex</th> 161 </tr> 162 <tr> 163 <th>ButterflyBtfly.04.ctex</th> 164 </tr> 165 <tr> 166 <th>ButterflyBtfly.05.ctex</th> 167 </tr> 168 </tbody> 169 </table> 170 <h4>Loading by selecting File > Open > Intermediate file on the CreativeStudio menu</h4> 171 <p>In CreativeStudio, click <B>File</B> → <B>Open</B> → <B>Intermediate file...</B> to simultaneously load Toy_Butterfly.cmata and Toy_Butterfly.cmdl. <br /> When opening intermediate files from the CreativeStudio menu as described above, associated texture data is loaded automatically.</p> 172 <h4>Loading intermediate files by dragging & dropping</h4> 173 <p>These intermediate files can also be loaded into CreativeStudio by dragging & dropping them.</p> 174 <!-- InstanceEndEditable --> </div> 175 <div class="footer" /> 176</div> 177<hr><p>CONFIDENTIAL</p></body> 178<!-- InstanceEnd --> 179</html>
