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"><!-- InstanceBegin template="/Templates/default_template.dwt" codeOutsideHTMLIsLocked="false" -->
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<meta http-equiv="Content-Style-Type" content="text/css" />
6<!-- InstanceBeginEditable name="CSS の相対パス指定" -->
7<link href="../../../common/manual.css" rel="stylesheet" type="text/css" />
8<!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="ページのタイトル" -->
9<title>Animation Curves</title>
10<!-- InstanceEndEditable -->
11</head>
12<body>
13<div>
14  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
15  <h1>Animation Curves</h1>
16  <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
17  <p>This section describes the types of <I>animation curves</I> you can configure in CreativeStudio's <B>Curve Editor</B> panel.</p>
18<h2>Key Frames</h2>
19  <p>You can  select from among <I>four animation-curve formats</I> to fit your purpose of using animation.</p>
20<p>The table below describes the <I>animation curves</I> you can work with in CreativeStudio.</p>
21  <table>
22    <thead>
23      <tr>
24        <th>Type</th>
25        <th>Description</th>
26      </tr>
27    </thead>
28    <tbody>
29      <tr>
30        <th>Constant</th>
31        <td>The value between keyframes is always constant.</td>
32      </tr>
33      <tr>
34        <th>Step</th>
35        <td>The value between keyframes changes at irregular intervals.</td>
36      </tr>
37      <tr>
38        <th>Linear</th>
39        <td>The value between keyframes changes linearly.</td>
40      </tr>
41      <tr>
42        <th>Hermite</th>
43        <td>The value between keyframes changes smoothly.<br /> Adjust the key slope by moving <a href="../../../glossary/index.html#slope">slope</a> located on both sides of the keyframe.</td>
44      </tr>
45    </tbody>
46  </table>
47  <h3>Constant format</h3><!-- #BeginLibraryItem "/Library/glossary_animation_curve_constant.lbi" --> <!-- コンスタント形式 ( constant curve ) -->
48  <p>Constant format only saves a single <I>value</I> for each key. No special calculations are performed.</p>
49  <!-- #EndLibraryItem --><p>The figure below shows constant format. The horizontal axis is time (frames) and the vertical axis is the value.</p>
50  <img class="user_guide_chart" src="assets/animation_curve_constant.png" alt="Constant Curve"/>
51  <h3>Step format</h3>
52  <!-- #BeginLibraryItem "/Library/glossary_animation_curve_step.lbi" --> <!-- ステップ形式 ( step curve ) -->
53  <p>Step format saves a set of key information consisting of a <I>frame</I> and a <I>value</I>. The value at a given frame is looked up based on the value at the previous frame.</p>
54  <!-- #EndLibraryItem -->
55  <p>The figure below shows step format.</p>
56  <img class="user_guide_chart" src="assets/animation_curve_step.png" alt="Step Curve"/>
57  <h3>Linear format</h3>
58  <!-- #BeginLibraryItem "/Library/glossary_animation_curve_linear.lbi" --> <!-- リニア形式 ( linear curve ) -->
59  <p>Linear format saves a set of key information consisting of a <I>frame</I> and a <I>value</I>. The value at a given frame is calculated by <I>linearly interpolating</I> between the values of the two neighboring keys.</p>
60  <!-- #EndLibraryItem -->
61  <p>The figure below shows linear format.</p>
62  <img class="user_guide_chart" src="assets/animation_curve_linear.png" alt="Linear Curve"/>
63  <h3>Hermite format</h3><!-- #BeginLibraryItem "/Library/glossary_animation_curve_hermite.lbi" --> <!-- エルミート式 ( hermite curve ) -->
64  <p>Hermite format saves a set of key information consisting of a <I>frame</I>, a <I>value</I>, and <I>slope</I>. The value at a given frame is calculated by using the <I>Hermite formula</I> to interpolate between the values of the two neighboring keys.
65  </p>
66  <!-- #EndLibraryItem --><p>The figure below shows Hermite format.</p>
67  <img class="user_guide_chart" src="assets/animation_curve_hermite.png" alt="Hermite Curve"/>
68  <p class="hint">When specifying a key, specify one of four keyframe formats depending on the intended use of the animation to reduce the <I>amount of data</I> that must be stored in each key and the <I>amount of calculation</I> that must be done to interpolate between keys.</p>
69  <!-- InstanceEndEditable --> </div>
70  <div class="footer" />
71</div>
72<hr><p>CONFIDENTIAL</p></body>
73<!-- InstanceEnd --></html>