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">
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<!-- InstanceEndEditable -->
10<!-- InstanceBeginEditable name="ページのタイトル" -->
11<title>カラー</title>
12<!-- InstanceEndEditable -->
13</head>
14<body>
15<div>
16  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
17    <h1>カラー</h1>
18    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
19    <p>カラーでは、パーティクルのカラーや、カラーアニメーションの設定ができます。</p>
20    <h2>カラーの設定項目と機能</h2>
21    <p>ここでは、カラーの設定項目と機能について説明します。</p>
22    <div class="wrap_picture"> <img src="assets/particle_color.png" alt="パーティクルのカラー"/> </div>
23    <div class="wrap_text">
24      <table class="space">
25        <tr>
26          <th><em>A</em></th>
27          <td class="td_color">アニメーション</td>
28          <td>カラーアニメーションの有無を設定します。</td>
29        </tr>
30        <tr>
31          <th><em>B</em></th>
32          <td class="td_color">初期値</td>
33          <td>カラーを R G B で設定できます。<br />
34            アニメーションを作成する場合は、設定項目が変わります。</td>
35        </tr>
36        <tr>
37          <th><em>C</em></th>
38          <td class="td_color">ランタイム設定</td>
39          <td>「有効」と「リソースコピー」については、<a href="../../effect_common_setting/index.html">こちら</a>を参照してください。</td>
40        </tr>
41        <tr>
42          <th><em>C</em></th>
43          <td class="td_color">オプション</td>
44          <td>最適化の有効、無効の設定ができます。<br />
45            初期設定は、有効でデータ作成時に最適化処理を行いメモリ負荷を減らします。<br />
46            ただし、最適化されたデータは、プログラマ側での制御ができません。<br />
47            プログラマ側でデータを制御をしたい場合は、チェックボックスを OFF にします。</td>
48        </tr>
49      </table>
50    </div>
51    <div class="wrap_clear"></div>
52    <p class="new_hint">補足:<br />
53      初期値はアニメーションしない場合の設定です。<br />
54      アニメーションさせる場合は、設定項目が変わります。</p>
55    <h3>アニメーション</h3>
56    <p>パーティクルのカラーをアニメーションさせるか、プルダウンメニューから選択します。</p>
57    <img src="assets/particle_color01.png" alt="パーティクルのカラー01"/>
58    <p>カラーのアニメーション設定は以下の 3 つの項目を選択できます。</p>
59    <table>
60      <thead>
61        <tr>
62          <th>項目</th>
63          <th>説明</th>
64        </tr>
65      </thead>
66      <tbody>
67        <tr>
68          <th><a href="#no_animation">アニメーションしない</a></th>
69          <td>カラーのアニメーションは行いません。</td>
70        </tr>
71        <tr>
72          <th><a href="#overwrite_previous_value">前の値に上書き</a></th>
73          <td>カーブを使用してアニメーションを作成したい場合に使用します。</td>
74        </tr>
75        <tr>
76          <th><a href="#four_key_systems">4キー方式で前の値に上書き</a></th>
77          <td>アニメーションのキー情報 4    箇所のみで構成される負荷の軽いアニメーションを作成できます。</td>
78        </tr>
79      </tbody>
80    </table>
81    <a name="no_animation" id="no_animation"></a>
82    <h4>アニメーションしない</h4>
83    <p>カラーのアニメーションは行いません。</p>
84    <a name="overwrite_previous_value" id="overwrite_previous_value"></a>
85    <h4>前の値に上書き</h4>
86    <p>カラーのデフォルト値の設定と、カーブを使用したアニメーションを作成する場合に選択します。<br />
87      カーブの作成は、<em>カーブエディタパネル</em>で行います。</p>
88    <img src="assets/particle_color02.png" alt="パーティクルのカラー02"/>
89    <h5>デフォルト値</h5>
90    <p>パーティクルカラーのデフォルト値を R G B で設定します。</p>
91    <h5>再生オプション</h5>
92    <p>再生オプションは、カーブエディタパネルで作成したアニメーションを指定した時間軸で使用する方法を設定するオプションです。</p>
93    <table>
94      <thead>
95        <tr>
96          <th>オプション</th>
97          <th>説明</th>
98        </tr>
99      </thead>
100      <tbody>
101        <tr>
102          <th>なし</th>
103          <td>再生オプションを使用しません。</td>
104        </tr>
105        <tr>
106          <th>ライフフィット</th>
107          <td>ライフフィットは、カーブエディタパネルで作成したアニメーションをパーティクルの寿命に対して自動で連動させるオプションです。</td>
108        </tr>
109        <tr>
110          <th>フレーム数指定ループ</th>
111          <td>フレーム数指定ループはカーブエディタパネルで作成したアニメーションを、指定したフレームに合わせてループアニメーションさせるオプションです。</td>
112        </tr>
113        <tr>
114          <th>1 周期のフレーム数</th>
115          <td>アニメーションが 1 回ループする際に、1 周期のフレーム数で指定したフレームに連動します。</td>
116        </tr>
117        <tr>
118          <th>ランダムオフセット</th>
119          <td>ランダムオフセットを使用すると、パーティクルごとにアニメーションの再生開始キーフレームを変えることができます。</td>
120        </tr>
121        <tr>
122          <th>ランダムテーブル</th>
123          <td>ランダムテーブルはアニメーションのフレームからランダムに、パーティクル放出時の値を取得します。</td>
124        </tr>
125      </tbody>
126    </table>
127    <a name="four_key_systems" id="four_key_systems"></a>
128    <h4>4 キー方式で前の値に上書き</h4>
129    <p>パーティクルのカラーアニメーションで、カーブエディタを使用することなく簡単にアニメーションを作成することが出来ます。</p>
130    <p>「4 キー方式で前の値に上書き」についての詳細は、<a href="../../../../../user_guide/particle_effect/particleeffect_animation/animation/index.html#four_key">こちら</a>を参照してください。</p>
131    <img src="assets/particle_color03.png" alt="パーティクルのカラー4 キー方式"/>
132    <h5>フェードイン終了時間</h5>
133    <p>カラーアニメーションの「開始時の値」から「中間時の値」へパーティクルの色が変化する時間を、 0.0 ~ 1.0 の間で指定します。</p>
134    <h5>フェードアウト開始時間</h5>
135    <p>カラーアニメーションの「中間時の値」から「終了時の値」へパーティクルの色が変化を開始する時間を 0.0 ~ 1.0 の間で指定します。</p>
136    <h6>開始時の値</h6>
137    <p>アニメーション開始時のパーティクルの「カラーの値」を R G B で指定します。</p>
138    <h6>中間時の値</h6>
139    <p>アニメーション開始から終了までの中間時のパーティクルの「カラーの値」を R G B 指定します。</p>
140    <h6>終了時の値</h6>
141    <p>アニメーション終了時のパーティクルの「カラーの値」を R G B で指定します。</p>
142    <!-- InstanceEndEditable --> </div>
143  <div class="footer" />
144</div>
145</body>
146<!-- InstanceEnd -->
147</html>
148