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">
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 --> <!-- InstanceBeginEditable name="ページのタイトル" -->
10<title>Color</title>
11<!-- InstanceEndEditable -->
12</head>
13<body>
14<div>
15  <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" -->
16    <h1>Color</h1>
17    <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" -->
18    <p>Under <B>Color</B>, you can set the color of particles or color animations.</p>
19    <h2>Color Settings and Features</h2>
20    <p>This page describes <B>Color </B>settings and features.</p>
21    <div class="wrap_picture"> <img src="assets/particle_color.png" alt="Particle color"/> </div>
22    <div class="wrap_text">
23      <table class="space">
24        <tr>
25          <th><em>A</em></th>
26          <td class="td_color">Animation</td>
27          <td>Sets whether or not to have color animation.</td>
28        </tr>
29        <tr>
30          <th><em>B</em></th>
31          <td class="td_color">Default</td>
32          <td>Color can be set using R, G and B. <br /> Setting items change when creating an animation.</td>
33        </tr>
34        <tr>
35          <th><em>C</em></th>
36          <td class="td_color">Runtime Setting</td>
37          <td>To read about <B>Enable </B>and<B> Copy Resource</B>, see <a href="../../effect_common_setting/index.html">here</a>.</td>
38        </tr>
39        <tr>
40          <th><em>C</em></th>
41          <td class="td_color">Options</td>
42          <td>Optimization can be enabled or disabled.<br /> When this is enabled, which is the default setting, data are optimized when created to lighten the memory load.<br /> However, the programmer cannot control optimized data.<br /> If you want to control data on the programmer's side, clear this checkbox.</td>
43        </tr>
44      </table>
45    </div>
46    <div class="wrap_clear"></div>
47    <p class="new_hint"><B>Note:</B> The default setting is <B>Do not animate</B>. <br /> The settings shown change when creating an animation.</p>
48    <h3>Animation</h3>
49    <p>You can select whether to animate the particle color from a pull-down menu.</p>
50    <img src="assets/particle_color01.png" alt="Particle color 01"/>
51    <p>The following three items can be selected when setting a color animation.</p>
52    <table>
53      <thead>
54        <tr>
55          <th>Item</th>
56          <th>Description</th>
57        </tr>
58      </thead>
59      <tbody>
60        <tr>
61          <th><a href="#no_animation">Do not animate</a></th>
62          <td>Color animation is not performed.</td>
63        </tr>
64        <tr>
65          <th><a href="#overwrite_previous_value">Overwrite previous value</a></th>
66          <td>Select this when you want to animate using a curve.</td>
67        </tr>
68        <tr>
69          <th><a href="#four_key_systems">Overwrite previous value using four-key method</a></th>
70          <td>Use this to create low-load animation comprised of key information for only four locations.</td>
71        </tr>
72      </tbody>
73    </table>
74    <a name="no_animation" id="no_animation"></a>
75    <h4>Do not animate</h4>
76    <p>Color animation is not performed.</p>
77    <a name="overwrite_previous_value" id="overwrite_previous_value"></a>
78    <h4>Overwrite previous value</h4>
79    <p>Select this option when setting the default value for the color or when creating an animation using a curve. <br /> Curves can be created using the <B>CurveEditor </B>panel.</p>
80    <img src="assets/particle_color02.png" alt="Particle color 02"/>
81    <h5>Default Value</h5>
82    <p>The default value for the particle color is set in terms of R, G and B.</p>
83    <h5>Playback Options</h5>
84    <p><B>Playback Options</B> are options to configure playback of an animation created in the <B>CurveEditor</B> panel along the specified timeline.</p>
85    <table>
86      <thead>
87        <tr>
88          <th>Options</th>
89          <th>Description</th>
90        </tr>
91      </thead>
92      <tbody>
93        <tr>
94          <th>None.</th>
95          <td>Do not use playback options.</td>
96        </tr>
97        <tr>
98          <th>Fit to Lifetime</th>
99          <td><B>Fit to lifespan</B> is a playback option that automatically links animations created on the <B>CurveEditor </B>panel with particle lifetimes.</td>
100        </tr>
101        <tr>
102          <th>Specify Frame Count</th>
103          <td><B>Specify frame count</B> is a playback option that loops animations created in the <B>CurveEditor </B>panel based on the specified frames.</td>
104        </tr>
105        <tr>
106          <th>Frames per Cycle</th>
107          <td>This specifies the number of frames in a single loop cycle when looping animations.</td>
108        </tr>
109        <tr>
110          <th>Random Offset</th>
111          <td>You can use a random offset to change the starting playback keyframe for the animation on a per-particle basis.</td>
112        </tr>
113        <tr>
114          <th>Random Table</th>
115          <td>The random table randomly obtains a value at particle emission time from the animation frame.</td>
116        </tr>
117      </tbody>
118    </table>
119    <a name="four_key_systems" id="four_key_systems"></a>
120    <h4>Overwrite previous value using four-key method</h4>
121    <p>Provides a simple way to create particle color animation without using the Curve Editor.</p>
122    <p>For details about overwrite previous value using four-key method, see <a href="../../../../../user_guide/particle_effect/particleeffect_animation/animation/index.html#four_key">here</a>.</p>
123    <img src="assets/particle_color03.png" alt="Four-key method for particle color"/>
124    <h5>Fade-In end time</h5>
125    <p>Specifies a value of 0.0 to 1.0 for the duration the particle color changes between the color animation start-time value and color animation mid-time value.</p>
126    <h5>Fade-Out start time</h5>
127    <p>Specifies a value of 0.0 to 1.0 for the time the particle color starts to change between the color animation mid-time value and color animation end-time value.</p>
128    <h6>Start-time value</h6>
129    <p>Specifies the color value of the particle (as RGB) when the animation starts.</p>
130    <h6>Mid-time value</h6>
131    <p>Specifies the color value of the particle (as RGB) at the mid-point time between the start and the end of the animation.</p>
132    <h6>End-time value</h6>
133    <p>Specifies the color value of the particle (as RGB) when the animation ends.</p>
134    <!-- InstanceEndEditable --> </div>
135  <div class="footer" />
136</div>
137<hr><p>CONFIDENTIAL</p></body>
138<!-- InstanceEnd -->
139</html>