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="ja" lang="ja"><!-- 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 -->
9<!-- InstanceBeginEditable name="ページのタイトル" -->
10<title>アニメーションカーブ</title>
11<!-- InstanceEndEditable -->
12</head>
13<body>
14<div>
15  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
16  <h1>アニメーションカーブ</h1>
17  <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
18  <p>ここでは、CreativeStudioのカーブエディタパネルで設定できる<em>アニメーションカーブ</em>の種類について説明します。</p>
19<h2>キーフレーム</h2>
20  <p>アニメーションの使用目的に応じて<em> 4 つのアニメーションカーブ形式</em>を選択できます。</p>
21<p>以下の表は、CreativeStudio で扱える<em>アニメーションカーブ</em>についてまとめています。</p>
22  <table>
23    <thead>
24      <tr>
25        <th>種類</th>
26        <th>説明</th>
27      </tr>
28    </thead>
29    <tbody>
30      <tr>
31        <th>コンスタント</th>
32        <td>キーフレーム間の値が常に一定です。</td>
33      </tr>
34      <tr>
35        <th>ステップ</th>
36        <td>キーフレーム間の値が不定期に変わります。</td>
37      </tr>
38      <tr>
39        <th>リニア</th>
40        <td>キーフレーム間の値が線形に変化します。</td>
41      </tr>
42      <tr>
43        <th>エルミート</th>
44        <td>キーフレーム間の値がなめらかに変化します。<br />
45          キーフレームの両側にある<a href="../../../glossary/index.html#slope">スロープ </a>を動かすことで、キーの傾き具合を調整できます。</td>
46      </tr>
47    </tbody>
48  </table>
49  <h3>コンスタント形式</h3><!-- #BeginLibraryItem "/Library/glossary_animation_curve_constant.lbi" -->
50  <!-- コンスタント形式 ( constant curve ) -->
51  <p>コンスタント形式とは、キーに<em>値</em>をひとつ保持するだけの形式です。特別な計算処理はありません。</p>
52  <!-- #EndLibraryItem --><p>以下の図は、コンスタント形式のイメージです。<br />
53    横軸は時間 ( フレーム ) 、縦軸は値を表しています。</p>
54  <img class="user_guide_chart" src="assets/animation_curve_constant.png" alt="コンスタントカーブ"/>
55  <h3>ステップ形式</h3>
56  <!-- #BeginLibraryItem "/Library/glossary_animation_curve_step.lbi" -->
57  <!-- ステップ形式 ( step curve ) -->
58  <p>ステップ形式とは、<em>フレーム</em>と<em>値</em>をひと組とするキー情報を保持します。<br />
59    あるフレームの値は、直前のフレームに位置する値を参照します。</p>
60  <!-- #EndLibraryItem -->
61  <p>以下の図は、ステップ形式のイメージです。</p>
62  <img class="user_guide_chart" src="assets/animation_curve_step.png" alt="ステップカーブ"/>
63  <h3>リニア形式</h3>
64  <!-- #BeginLibraryItem "/Library/glossary_animation_curve_linear.lbi" -->
65  <!-- リニア形式 ( linear curve ) -->
66  <p>リニア形式とは、<em>フレーム</em>と<em>値</em>をひと組とするキー情報を保持します。<br />
67    あるフレームの値は、そのフレームの左右に位置する2つのキーから<em>線形補間</em>された結果を参照します。</p>
68  <!-- #EndLibraryItem -->
69  <p>以下の図は、リニア形式のイメージです。</p>
70  <img class="user_guide_chart" src="assets/animation_curve_linear.png" alt="リニアカーブ"/>
71  <h3>エルミート形式</h3><!-- #BeginLibraryItem "/Library/glossary_animation_curve_hermite.lbi" -->
72  <!-- エルミート式 ( hermite curve ) -->
73  <p>エルミート形式とは、<em>フレーム</em>と<em>値</em>と<em>スロープ</em>をひと組とするキー情報を保持します。<br />
74    あるフレームの値は、そのフレームの左右に位置する 2 つのキーから、<em>エルミート計算式により補間</em>された結果を参照します。<br />
75  </p>
76  <!-- #EndLibraryItem --><p>以下の図は、エルミート形式のイメージです。</p>
77  <img class="user_guide_chart" src="assets/animation_curve_hermite.png" alt="エルミートカーブ"/>
78  <p class="hint">キーを指定するさい、アニメーションの使用目的に応じて4 つのキーフレーム形式を指定することで、キーに格納される<em>情報量</em>やキーとキーを補間するための<em>計算量</em>を減らせます。</p>
79  <!-- InstanceEndEditable --> </div>
80  <div class="footer" />
81</div>
82</body>
83<!-- InstanceEnd --></html>
84