1<html> 2<head> 3<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4<title>Animation Playback</title> 5<link rel="stylesheet" href="../css/kind.css" type="text/css"> 6</head> 7 8<body bgcolor="#eeeeee" text="#000000"> 9 10<h1>Animation Playback</h1> 11 12<h2>Animation playback values</h2> 13<table> 14 <tr> 15 <td><img src="./images/anim_curve.jpg" align="left" vspace="10" hspace="10"></td> 16 <td valign="top" halign="right"> 17 Animation data are defined by key frames.<br> The method used to interpolate between key frames depends on the segment type.<br> <br> As shown in the figure, values before the first key always take the value of the first key. <br> Values after the last key always take the value of the last key. <br><br> 18 </td> 19 </tr> 20</table> 21 22<h2>Animation frames</h2> 23<table width="95%"> 24<tr> 25 <td><img src="./images/frame.gif" align="left" vspace="10" hspace="10"></td> 26 <td valign="top" halign="right"> 27 The time axis for the animation is expressed in units of frames.<br> The figure examines a single frame of animation.<br> If you extract and inspect frame 0, it goes from 0.0 to 0.9999.... It does not include 1.0.<br> That value (i.e., 1.0) is included in the next frame.<br> 28 </td> 29</tr> 30</table> 31 32<h2>Controlling playback of animation frames</h2> 33<p>Animations are classified by the way frame playback is controlled into <I>one-time</I> animations and <I>loop</I> animations.</p> 34 35 36<ul> 37 <li><B>One-time animation</B>: The animation is played through only once and stops after the final frame. 38 <li><B>Loop animation</B>: The animation is played through repeatedly, with the start frame and the end frame in the same state. 39</ul> 40 41<h3>Controlling playback of one-time animations</h3> 42<table width="95%"> 43 <tr> 44 <td><img src="./images/onetime.gif" width="400" align="left" vspace="10" hspace="10"></td> 45 <td valign="top" halign="right"> 46 <p>In a one-time animation, the end frame contains a termination.<br> Once the terminating frame plays, the updating of frames stops. </p></td> 47 </tr> 48</table> 49<h3>Controlling playback of loop animations</h3> 50<table width="95%"> 51 <tr> 52 <td><img src="./images/Loop.gif" width="400" align="left" vspace="10" hspace="10"></td> 53 <td valign="top" halign="right"> 54 <p>In loop animation, the end frame does not contain a termination.<br> An interpolation calculation is conducted between the end frame and the start frame. The animation plays to the very end and then begins replaying again from the start frame.</p></td> 55 </tr> 56</table> 57 58<hr><p>CONFIDENTIAL</p></body> 59</html>