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 Animations</title> 12<!-- InstanceEndEditable --> 13</head> 14<body> 15<div> 16 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 17 <h1>Texture Pattern Animations</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>Texture pattern animation is an animation method where numbers are assigned to textures loaded in CreativeStudio. It is used when "Pattern" is set as the playback method on the CurveEditor panel.<br /> To create this type of animation using CreativeStudio, use the CurveEditor panel and the Material Animation Data panel.</p> 22 <p>For details on the Material Animation Data panel, click <a href="../../../../ui_reference/panel/property/material_animation_panel/index.html">here</a>.</p> 23 <p>For details on the <B>CurveEditor</B> panel, click <a href="../../../../ui_reference/tool_panel/curveeditor_panel/index.html">here</a>.</p> 24 <p>Texture pattern animations can be created and edited on the CurveEditor panel of CreativeStudio.</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>Table 2 gives the settings for the horizontal and vertical axes on the CurveEditor 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 axis and horizontal axis of <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 to animate the texture)</td> 46 </tr> 47 </tbody> 48 </table> 49 <h2>Sample Configuration</h2> 50 <p>This page uses the sample data Toy_Butterfly 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>Use CreativeStudio to load the Toy_Butterfly sample data prepared in the following folder.<br /> " %NW4C_ROOT%/SampleData/Graphics/Intermediate/Tutorial/toy_butterfly/toy_butterfly.cres "</p> 59 <p>On the CreativeStudio menu, select <B>File > Open > Intermediate file</B> and open toy_butterfly.cres.</p> 60 <p>Figure 2. Toy_Butterfly</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 Toy_Butterfly 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 Toy_Butterfly sample data. The flapping wings of the butterfly are created using a texture pattern animation.</p> 67 <img class="manual_image" 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 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/property/material_animation_panel/index.html">here</a>.</p> 73 <p>Figure 3. Material Animation Data Panel</p> 74 <img class="manual_image" 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 Material Data 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 class="manual_image" 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>For details about exporting texture animations, see the plug-in manual located in the following folder:</p> 114 <p>" %NW4C_ROOT%/documents/DccPlugin "</p> 115 <p>Maya sample data for Toy_Butterfly is located in the following folder. </p> 116 <p>" %NW4C_ROOT%/SampleData/Graphics/DccPlugin/Maya/scenes/Toy_Butterfly.mb "</p> 117 <h3>Loading the Model into CreativeStudio</h3> 118 <p>Load a model that uses texture pattern animation into CreativeStudio. </p> 119 <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> 120 <p>There are two methods of loading intermediate files output from a 3D CG tool. These are given below.</p> 121 <ul> 122 <li>Loading by selecting File > Open > Intermediate file on the CreativeStudio menu</li> 123 <li>Loading intermediate files by dragging & dropping</li> 124 </ul> 125 <p>Table 2. Toy_Butterfly Intermediate Files</p> 126 <table> 127 <thead> 128 <tr> 129 <th>Filename</th> 130 <th>Description</th> 131 </tr> 132 </thead> 133 <tbody> 134 <tr> 135 <th>Toy_Butterfly.cmata</th> 136 <td>This intermediate file contains material data for Toy_Butterfly.</td> 137 </tr> 138 <tr> 139 <th>Toy_Butterfly.cmdl</th> 140 <td>This intermediate file contains model data for Toy_Butterfly.</td> 141 </tr> 142 <tr> 143 <th>ButterflyBG.ctex</th> 144 <td>This texture intermediate file is for the front of the Toy_Butterfly wooden frame.</td> 145 </tr> 146 <tr> 147 <th>ButterflyBG2.ctex</th> 148 <td>This texture intermediate file is for the back of the Toy_Butterfly wooden frame.</td> 149 </tr> 150 <tr> 151 <th>ButterflyBtfly.00.ctex</th> 152 <td rowspan="6">This texture intermediate file is for the Toy_Butterfly butterfly. (It is used by the texture pattern animation.)</td> 153 </tr> 154 <tr> 155 <th>ButterflyBtfly.01.ctex</th> 156 </tr> 157 <tr> 158 <th>ButterflyBtfly.02.ctex</th> 159 </tr> 160 <tr> 161 <th>ButterflyBtfly.03.ctex</th> 162 </tr> 163 <tr> 164 <th>ButterflyBtfly.04.ctex</th> 165 </tr> 166 <tr> 167 <th>ButterflyBtfly.05.ctex</th> 168 </tr> 169 </tbody> 170 </table> 171 <h4>Loading by selecting File > Open > Intermediate file on the CreativeStudio menu</h4> 172 <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> 173 <h4>Loading intermediate files by dragging & dropping</h4> 174 <p>These intermediate files can also be loaded into CreativeStudio by dragging & dropping them.</p> 175 <!-- InstanceEndEditable --> </div> 176 <div class="footer" /> 177</div> 178<hr><p>CONFIDENTIAL</p></body> 179<!-- InstanceEnd --> 180</html> 181
