1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3<html> 4<head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <link href="../../../css/manpage.css" rel="stylesheet" type="text/css"> 7 <title><B>Curve Editor</B></title> 8</head> 9<body> 10<h1 id="CURVE_EDITOR"><B>Curve Editor</B></h1> 11 12<p>This window is used to edit animation curves.</p> 13 14<p class="img"> 15 <img src="images/curve_editor.gif" alt="<B>Curve Editor</B>"> 16</p> 17 18<ol class="ui"> 19 <!-- =================================================== --> 20 <li> 21 <p><a href="menu/index.html">Menus</a></p> 22 <p>This command menu is for the Curve Editor.</p> 23 </li> 24 25 <!-- =================================================== --> 26 <li> 27 <p>Graph Display Area</p> 28 <p>This area is used to display and edit animation curves.</p> 29 <p>Select the slope and other items to be edited by using the left mouse button to specify a range. The display area of the graph can be moved by dragging while pressing the space key and the left mouse button. The scale of the graph can be changed by dragging while pressing the space key and the right mouse button.</p> 30 </li> 31 32 <!-- =================================================== --> 33 <li> 34 <p>Animation Curves</p> 35 <p>The segment to be changed by editing keys is displayed using a white line.</p> 36 <p>Key and slope edits are applied to the animation curve display in real time.</p> 37 </li> 38 39 <!-- =================================================== --> 40 <li> 41 <p>Selected Key Frame</p> 42 <p>The key frame that is the adjustment target.</p> 43 <p>During key-frame selection, the key-frame point can be moved by dragging while holding down the right mouse button. When moving a key frame point by holding down the SHIFT key and dragging while holding down the right mouse button, either only the key-frame time (horizontal direction) or only the key value (vertical direction) is changed.</p> 44 <p>The points at both ends of the key frame represent the slope adjustment points. During key-frame selection, the orientation of a slope can be adjusted by selecting the range for the slope adjustment points and then dragging while holding down the right mouse button.</p> 45 <p>The scale adjustment grid will be displayed if the T key is pressed during key-frame selection. The scale can be adjusted by manipulating the grid.</p> 46 </li> 47 48 <!-- =================================================== --> 49 <li> 50 <p>Attribute Tree</p> 51 <p>The pane animation item (attribute) is displayed in tree view.</p> 52 <p>When a node is selected, all animation curves set for attributes at or below the selected node are displayed.</p> 53 <p>As shown below, nodes display the status of the corresponding attributes. 54 <ul class="list"> 55 <li>The attribute with animation set and the node that has it as a subordinate appear in red.</li> 56 <li>Whether an attribute is selected (= target for operations) is displayed with an icon.</li> 57 <li>The attributes that have selected key frames are displayed with a light blue background color.</li> 58 </ul> 59 </p> 60 <p>The feature that automatically displays nodes that have selected key frames can be set from Select > Display selected curve automatically.</p> 61 <table class="toolbar"> 62 <thead> 63 <tr><td>Icon</td><td>Description</td></tr> 64 </thead> 65 <tbody> 66 <tr> 67 <td class="icon"><img src="images/anim_exist_node.gif" alt="Node (selected)"></td> 68 <td>Indicates that the node includes attributes that are the target of operations</td> 69 </tr> 70 <tr> 71 <td class="icon"><img src="images/anim_empty_node.gif" alt="Node (unselected)"></td> 72 <td>Indicates that the node does not include attributes that are the target of operations</td> 73 </tr> 74 <tr> 75 <td class="icon"><img src="images/anim_exist_attrib.gif" alt="Attribute (selected)"></td> 76 <td>Indicates that the attribute is the target of operations</td> 77 </tr> 78 <tr> 79 <td class="icon"><img src="images/anim_empty_attrib.gif" alt="Attribute (unselected)"></td> 80 <td>Indicates that the attribute is not the target of operations</td> 81 </tr> 82 </tbody> 83 </table> 84 </li> 85 86 <!-- =================================================== --> 87 <li> 88 <p>Animation Frame Bar</p> 89 <p>The Animation Frame Bar is a visual representation of the current time of the animation frame.</p> 90 <p>The current frame position is displayed using a blue rectangle. The frame position can be changed by clicking with the mouse and dragging.</p> 91 </li> 92 93 <!-- =================================================== --> 94 <li> 95 <p>Key Frame Bar</p> 96 <p>The Key Frame Bar is a visual representation of the time in the animation frame where the key frame is located.</p> 97 <p>The key frame is displayed using a red rectangle. The segment between key frames displayed in light blue is the animation segment.</p> 98 </li> 99 100 <!-- =================================================== --> 101 <li> 102 <p>Animation Frame</p> 103 <p>The Animation Frame shows the current time of the animation frame as a numeric value.</p> 104 <p>The current time of the animation frame can be controlled using each of the buttons.</p> 105 <table class="toolbar"> 106 <thead> 107 <tr><td>Button</td><td>Feature</td></tr> 108 </thead> 109 <tbody> 110 <tr> 111 <td class="icon"><img src="images/anim_to_start.gif" alt="Return to playback start frame"></td> 112 <td>Return to playback start frame</td> 113 </tr> 114 <tr> 115 <td class="icon"><img src="images/anim_rwd_1frame.gif" alt="Go back one frame"></td> 116 <td>Go back one frame</td> 117 </tr> 118 <tr> 119 <td class="icon"><img src="images/anim_rwd_1key.gif" alt="Go back one key frame"></td> 120 <td>Go back one key frame</td> 121 </tr> 122 <tr> 123 <td class="icon"><img src="images/anim_reverse.gif" alt="Reverse Playback"></td> 124 <td>Reverse Playback</td> 125 </tr> 126 <tr> 127 <td class="icon"><img src="images/anim_stop.gif" alt="Stopped"></td> 128 <td>Stopped</td> 129 </tr> 130 <tr> 131 <td class="icon"><img src="images/anim_play.gif" alt="Play"></td> 132 <td>Play</td> 133 </tr> 134 <tr> 135 <td class="icon"><img src="images/anim_fwd_1key.gif" alt="Forward one key frame"></td> 136 <td>Forward one key frame</td> 137 </tr> 138 <tr> 139 <td class="icon"><img src="images/anim_fwd_1frame.gif" alt="Forward one frame"></td> 140 <td>Forward one frame</td> 141 </tr> 142 <tr> 143 <td class="icon"><img src="images/anim_to_end.gif" alt="Forward to playback end frame"></td> 144 <td>Forward to playback end frame</td> 145 </tr> 146 </tbody> 147 </table> 148 </li> 149 150 <!-- =================================================== --> 151 <li> 152 <p>Set animation frame range</p> 153 <p>Set enabled range for animation frames and other items.</p> 154 <p>The pair of values outside represent the start and end frames, while the pair of values inside represent the playback start and playback end frames. Be sure to change the playback start and playback end frames when you want to play only a particular animation segment.</p> 155 </li> 156 157 <!-- =================================================== --> 158 <li> 159 <p>Key Frame Information Display Area</p> 160 <p>This area displays information about the currently selected key frame. The key frame time, key value, and sync with the left-right slope are displayed from the left.</p> 161 </li> 162 163 <!-- =================================================== --> 164 <li> 165 <p>Control of Display Target Switching</p> 166 <p>Configures whether or not to switch the edit target in the Curve Editor to correspond to the pane selection in the Layout window.<br> Use the update button to perform updates when automatic updates are disabled.</p> 167 </li> 168 169 <!-- =================================================== --> 170 <li> 171 <p>Selected Key Frame's Arrow Key Movement Speed Setting</p> 172 <p>Configures the amount by which the selected key frame is moved by the arrow key.<br> Click to display the Settings dialog box.<br> When disabled, the tool automatically configures an appropriate value based on the display scale.</p> 173 </li> 174 175</ol> 176 177<h2 id="CURVE_EDITOR_OPERATION">Curve Editor Operations</h2> 178 179<p>Operations that can be performed when editing animation curves are gathered together and described here.</p> 180 181<table> 182 <thead> 183 <tr><td>Purpose</td><td>How to Use</td></tr> 184 </thead> 185 <tbody> 186 <tr><td>Creating a key</td> 187 <td> 188 <ul class="list"> 189 <li>Shortcuts with the S key.</li> 190 <li>Click the <B>Create Key</B> icon</li> 191 </ul> 192 </td> 193 </tr> 194 <tr><td>Selecting a key</td> 195 <td> 196 <ul class="list"> 197 <li>Use the left mouse button to specify a range to surround the key frame point in the graph display area. (To add to the selection, press the SHIFT key while performing the operation.))</li> 198 <li>Execute the menu operation Select > Select all keys (shortcut: CTRL+A).</li> 199 <li>Click the <B>Previous key</B> and <B>Next key</B> buttons.</li> 200 </ul> 201 </td> 202 </tr> 203 <tr><td>Changing the key frame time</td> 204 <td> 205 <ul class="list"> 206 <li>Enter a value for the key frame time in the Key Frame Information Display Area.</li> 207 <li>Drag the slope selected in the graph display area while holding down the right mouse button. You can change only the key frame time by dragging while holding down the SHIFT key.</li> 208 <li>Press the T key while a key is selected in the graph display area. You can change the time by manipulating the scale adjustment grid.</li> 209 <li>Select <B>Edit </B>> <B>Adjust Time Scale</B> to use the scale adjustment feature.</li> 210 </ul> 211 </td> 212 </tr> 213 <tr><td>Changing key values</td> 214 <td> 215 <ul class="list"> 216 <li>Enter key values in the key frame information display area.</li> 217 <li>Drag the slope selected in the graph display area while holding down the right mouse button. At this point, dragging while holding down SHIFT changes only the key value.</li> 218 <li>Press the T key while a key is selected in the graph display area. You can change the value by manipulating the scale adjustment grid.</li> 219 <li>Select <B>Edit </B>> <B>Adjust Time Scale</B> to use the scale adjustment feature.</li> 220 </ul> 221 </td> 222 </tr> 223 <tr><td>Fine-tuning the key value.</td> 224 <td> 225 <ul class="list"> 226 <li>Use the arrow key while a key frame is selected.</li> 227 </ul> 228 </td> 229 </tr> 230 <tr><td>Changing the slope</td> 231 <td> 232 <ul class="list"> 233 <li>After selecting the slope adjustment point by specifying a range with the left mouse button to surround the slope adjustment point for the selected slope, drag the slope adjustment point by holding down the right mouse button.</li> 234 <li>Perform the menu operation Key > Set Slope to Spline (shortcut: Ctrl+1).</li> 235 <li>Perform the menu operation Key > Set Slope to Linear Interpolation (shortcut: Ctrl+2).</li> 236 <li>Perform the menu operation Key > Set Slope to 0 (shortcut: Ctrl+3).</li> 237 <li>Perform the menu operation Key > Set Slope to Step (shortcut: Ctrl+4).</li> 238 <li>Click on each icon type <B>Slope settings (spline, linear, zero, or step)</B>.</li> 239 </ul> 240 </td> 241 </tr> 242 </tbody> 243</table> 244 245 246<hr><p>CONFIDENTIAL</p></body> 247</html> 248
