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<script type="text/javascript" src="../../../common/ibox.js"></script> 10<!-- InstanceEndEditable --> 11<!-- InstanceBeginEditable name="ページのタイトル" --> 12<title>パーティクルのチャイルド作成</title> 13<!-- InstanceEndEditable --> 14</head> 15<body> 16<div> 17 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 18 <h1>パーティクルのチャイルド作成</h1> 19 <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" --> 20 <p>ここでは、「パーティクル」と「<a href="../../../ui_reference/panel/effect/particle_panel/particle_child/index.html">チャイルドパーティクル</a>」を使用して噴水のエフェクトを作成する手順を説明します。</p> 21 <p>新規に作成するパーティクルで「噴き出す水玉」を表現して、チャイルドパーティクルで「水玉が着水した際の波紋」を表現します。</p> 22 <h2>噴き出す水玉の作成</h2> 23 <p>新規にパーティクルセットを作成して、噴き出す水玉を表現します。</p> 24 <h3>パーティクルセットの作成</h3> 25 <p>CreativeStudio のメニュー [作成]→[エフェクト] を選択すると、別ウィンドウで「ParticleCtrCreationPanel」が表示されます。</p> 26 <p>任意の名前を入力して新規のパーティクルセットを作成します。</p> 27 <img class="manual_image" src="assets/child_create_00.png" alt="チャイルド作成画像00"/> 28 <p>ここでは、パーティクル名を fountain_drop にします。</p> 29 <p>「適用して閉じるボタン」か「適用ボタン」を押すとパーティクルセットが CreativeStudio に作成されます。</p> 30 <p class="new_hint">補足：<br /> 31 パーティクル名を入力後「Enter キー」を押すことでもパーティクルセットは作成されます。</p> 32 <img class="manual_image" src="assets/child_create_19.png" alt="チャイルド作成画像19"/> 33 <p>CreativeStudio のタイムラインパネルで「再生ボタン」を押すと作成したパーティクルが確認できます。</p> 34 <img class="manual_image" src="assets/child_create_31.png" alt="チャイルド作成画像31"/> 35 <h3>エミッタの設定</h3> 36 <p>「<a href="../../../ui_reference/panel/effect/particle_emitter_panel/index.html">パーティクルエミッタパネル</a>」を使用してエミッタの設定をします。</p> 37 <p>コンテンツパネルに表示されている「fountain_dropEmitter」を選択すると、パーティクルエミッタパネルが開きます。</p> 38 <img class="manual_image" src="assets/child_create_22.png" alt="チャイルド作成画像22"/> 39 <p>ここでは、「放出量」を以下の設定に変更します。</p> 40 <img class="manual_image" src="assets/child_create_01.png" alt="チャイルド作成画像01"/> 41 <h3>パーティクルにテクスチャを貼り付ける</h3> 42 <p>CreativeStudio のメニュー [ファイル]→[開く]→[中間ファイル] から以下の場所にある水玉のテクスチャ中間ファイルを読み込みます。</p> 43 <p>NW4C_ROOT%/SampleData/Effect/Intermediate/fountain_particle/fountain_drop.ctex</p> 44 <p>中間ファイルを読み込むとコンテンツパネルに「fountain_drop」が追加されます。</p> 45 <p>コンテンツパネルで「fountain_drop」を選択すると以下の図のようにテクスチャの詳細が表示されます。</p> 46 <img class="manual_image" src="assets/child_create_02.png" alt="チャイルド作成画像02"/> <a name="texture_setting" id="texture_setting"></a> 47 <h4>マテリアルの設定</h4> 48 <p>読み込んだ「fountain_drop.ctex」をマテリアルパネルを使用して、パーティクルに貼り付けます。</p> 49 <p>ここでは、「fountain_dropMaterial」を選択してマテリアルパネルを開きます。</p> 50 <p class="new_hint">補足：<br /> 51 マテリアルが複数存在する場合は、「編集するマテリアル」を選択します。</p> 52 <img class="manual_image" src="assets/child_create_20.png" alt="チャイルド作成画像20"/> 53 <p>マテリアルパネルの詳細については、<a href="../../../ui_reference/panel/material/index.html">こちら</a>を参照してください。</p> 54 <h5>テクスチャの変更</h5> 55 <p>マテリアルパネルの「テクスチャタブ」でテクスチャ一覧にある「テクスチャ 0 のイメージ」を「fountain_drop」に変更します。</p> 56 <img class="manual_image" src="assets/child_create_03.png" alt="チャイルド作成画像03"/> 57 <p>fountain_drop を選択すると パーティクルに「fountain_drop」テクスチャが設定されます。</p> 58 <p>上記設定を行った後、CreativeStudio のタイムラインパネルで「再生ボタン」を押すとプレビュー画面は以下のようになります。</p> 59 <img class="manual_image" src="assets/child_create_23.png" alt="チャイルド作成画像23"/> 60 <h3>パーティクルの設定</h3> 61 <p>ここでは「<a href="../../../ui_reference/panel/effect/particle_panel/index.html">パーティクルセットパネル</a>」で、放出したパーティクルに「寿命」や「アニメーション」を設定します。</p> 62 <p>コンテンツパネルに表示されている「fountain_dropParticle」を選択して、パーティクルセットパネルを表示します。</p> 63 <img class="manual_image" src="assets/child_create_21.png" alt="チャイルド作成画像21"/> 64 <h4>寿命の設定</h4> 65 <p>パーティクルセットパネルの設定項目「寿命」で、エミッタから放出されたパーティクルの寿命 ( 表示されるフレーム数 ) を設定します。</p> 66 <p>寿命の値を以下の数値に変更します。</p> 67 <img class="manual_image" src="assets/child_create_04.png" alt="チャイルド作成画像04"/> 68 <p>上記設定をすることにより、エミッタから放出されたパーティクルは 60 フレームの間表示されることになります。</p> 69 <h4>アニメーションの設定</h4> 70 <p>放出されるパーティクルの「方向」や「速度」を変更して水玉の動きを作成します。</p> 71 <h5>Y軸から拡散</h5> 72 <p>パーティクルセットパネルの設定項目「速度」のプルダウンメニューから「Y軸から拡散」を選択して、追加ボタンを押します。</p> 73 <p>Y軸から拡散の設定項目が表示されますので、以下の設定に変更します。</p> 74 <img class="manual_image" src="assets/child_create_05.png" alt="チャイルド作成画像05"/> 75 <p>上記設定を行うとパーティクルが「速度：0.3」で「Y 軸から拡散」されますので、中心から外に向けて広がるように放出されます。</p> 76 <img class="manual_image" src="assets/child_create_24.png" alt="チャイルド作成画像24"/> 77 <h5>指定方向</h5> 78 <p>パーティクルセットパネルの設定項目「速度」のプルダウンメニューから「指定方向」を選択して、追加ボタンを押します。</p> 79 <p>指定方向の設定項目が表示されますので、以下の設定に変更します。</p> 80 <img class="manual_image" src="assets/child_create_06.png" alt="チャイルド作成画像06"/> 81 <p>上記設定を行うとパーティクルが「速度：0.79」で「指定方向：Y 軸 1」で放出されます。</p> 82 <p class="new_hint">ヒント：<br /> 83 方向「X」「Y」「Z」の設定や、速度を変更すると「パーティクルの放出速度」や「放出する方向」が任意に変更することができます。<br /> 84 ここでは、Y 軸にプラスの設定を行っていますので、パーティクルは上方向に放出されます。</p> 85 <img class="manual_image" src="assets/child_create_25.png" alt="チャイルド作成画像25"/> 86 <h5>重力</h5> 87 <p>速度のアニメーションのプルダウンメニューから「重力 ( 指定方向に加速 ) 」を選択して、追加ボタンを押します。</p> 88 <p>重力の設定項目が表示されますので、以下の設定に変更します。</p> 89 <img class="manual_image" src="assets/child_create_07.png" alt="チャイルド作成画像07"/> 90 <p>上記設定を行うとパーティクルに「方向：Y 軸 -1」「速度：0.025」で重力がかかります。<br /> 91 「速度の指定方向」で上 ( Y 軸がプラス ) に向かって放出されていた水玉に「重力 ( Y 軸がマイナス ) 」がかかりますので水玉が放物線を描きはじめます。</p> 92 <img class="manual_image" src="assets/child_create_26.png" alt="チャイルド作成画像26"/> 93 <p class="new_hint">ヒント：<br /> 94 重力の速度を「大きくする」と加わる重力が大きくなります。また、方向を設定することで色々な方向へ重力をかけることができます。</p> 95 <h2>チャイルドパーティクルを設定する</h2> 96 <p>fountain_dropParticle にチャイルドパーティクルを設定します。</p> 97 <h3>チャイルドになるパーティクルセットを作成する</h3> 98 <p>コンテンツパネルに表示されている「fountain_dropModel」を選択してパーティクルモデルパネルを開きます。</p> 99 <img class="manual_image" src="assets/child_create_27.png" alt="チャイルド作成画像27"/> 100 <p>パーティクルモデルパネルで、「パーティクルセット一式をモデル以下に追加するボタン」を押して、パーティクルセットを追加します。</p> 101 <img class="manual_image" src="assets/child_create_16.png" alt="チャイルド作成画像16"/> 102 <table class="basic"> 103 <thead> 104 <tr> 105 <th>アイコン</th> 106 <th>機能と内容</th> 107 </tr> 108 </thead> 109 <tbody> 110 <tr> 111 <td><img class="manual_image" src="assets/child_create_17.png" alt="チャイルド作成画像17"/></td> 112 <td>パーティクルセット一式をモデル以下に追加します。</td> 113 </tr> 114 <tr> 115 <td><img class="manual_image" src="assets/child_create_18.png" alt="チャイルド作成画像18"/></td> 116 <td>パーティクルエミッタ一式をモデル以下に追加します。</td> 117 </tr> 118 </tbody> 119 </table> 120 <p>fountain_dropModel 以下に新しく「Particle1」と「MaterialCtr1」が作成されますので、「Particle1」の名前を「ripple」に変更しておきます。</p> 121 <img class="manual_image" src="assets/child_create_28.png" alt="チャイルド作成画像28"/> 122 <h3>追加したパーティクルセットをチャイルドパーティクルとして設定する</h3> 123 <p>fountain_dropParticle を選択し、項目「チャイルドパーティクル」の「追加ボタン」をクリックします。</p> 124 <p>チャイルドパーティクルの設定項目が表示されますので、以下の設定にします。</p> 125 <img class="manual_image" src="assets/child_create_15.png" alt="チャイルド作成画像15"/> 126 <p>放出先パーティクルセットに設定することにより「チャイルド」として使用できます。</p> 127 <p class="new_hint">ヒント：<br /> 128 上記の設定は、タイミングが「親のパーティクルの消滅時」になっていますので、fountain_dropParticle が地面に落ちた瞬間に ripple を再生する設定になります。<br /> 129 放出タイミングは任意に変更できますので、色々試してください。</p> 130 <p>上記設定をすると「fountain_dropParticle 」が消滅したときにチャイルドに設定したパーティクルが放出されるのがプレビューで確認できます。</p> 131 <img class="manual_image" src="assets/child_create_29.png" alt="チャイルド作成画像29"/> 132 <h2>チャイルドパーティクルを編集する</h2> 133 <p>チャイルドとして設定したパーティクルセットを編集して、波紋のエフェクトを作成します。</p> 134 <h3>チャイルドパーティクルにテクスチャを貼り付ける</h3> 135 <p>CreativeStudio のメニュー [ファイル]→[開く]→[中間ファイル] から以下の場所にある「波紋のテクスチャ中間ファイル」を読み込みます。</p> 136 <p>NW4C_ROOT%/SampleData/Effect/Intermediate/fountain_particle/fountain_ripple.ctex</p> 137 <p>以下は、使用するテクスチャ画像です。テクスチャフォーマットは<em> L8 </em>を使用しています。</p> 138 <img class="manual_image" src="assets/child_create_08.png" alt="チャイルド作成画像08"/> 139 <h4>マテリアルの設定</h4> 140 <p>読み込んだ「fountain_ripple.ctex」をマテリアルパネルを使用して追加したパーティクルセット一式の「MaterialCtr1」に貼り付けます。</p> 141 <p>テクスチャの変更手順は、<a href="#texture_setting">水玉のテクスチャ</a>と同じになります。</p> 142 <h3>パーティクルの設定</h3> 143 <p>コンテンツパネルに表示されている「ripple」を選択して、パーティクルセットパネルを表示します。</p> 144 <h4>寿命の設定</h4> 145 <p>寿命の値を以下の数値に変更します。</p> 146 <img class="manual_image" src="assets/child_create_09.png" alt="チャイルド作成画像09"/> 147 <h4>パーティクル形状の設定</h4> 148 <p>パーティクル形状を「ポリゴン板 ( XY ) 」に変更して「生成順に描画」のチェックを外します。</p> 149 <img class="manual_image" src="assets/child_create_10.png" alt="チャイルド作成画像10"/> 150 <h4>回転の設定</h4> 151 <p>回転の基準値を以下の数値に変更します。</p> 152 <img class="manual_image" src="assets/child_create_11.png" alt="チャイルド作成画像11"/> 153 <h4>波紋のアニメーションを設定する</h4> 154 <p>ここでは、波紋が広がりながら消えていくアニメーションを作成します。 </p> 155 <h5>アルファのアニメーションを設定</h5> 156 <p>パーティクルの頂点アルファにアニメーションを設定します。</p> 157 <p>アルファのアニメーションプルダウンメニューから「前の値に上書き」を選択してください。</p> 158 <img class="manual_image" src="assets/child_create_12.png" alt="チャイルド作成画像12"/> 159 <h5>アニメーションカーブを作成する</h5> 160 <p>CreativeStudio のメインメニュー [ウィンドウ]→[カーブエディタ] を選択すると、別ウィンドウでカーブエディタパネルが開きます。</p> 161 <p>カーブエディタパネルに表示されている ripple の 3 角マーカーをクリックすると階層が開きますので、Alpha の Curve を選択し以下の数値を設定します。</p> 162 <a href="assets/child_create_13.png" rel="ibox" title="画像をクリックして拡大"><img class="ui_thumb" src="assets/child_create_13.png" alt="チャイルド作成画像13"/></a> 163 <ul> 164 <li>横軸 : 0 縦軸 : 1</li> 165 <li>横軸 : 15 縦軸 :0</li> 166 </ul> 167 <h4>スケールの設定</h4> 168 <p>スケールのアニメーションプルダウンメニューから「<a href="../../../glossary/index.html#particle_animation_addtion">前の値に加算</a>」を選択すると設定項目が表示されますので、以下の値を設定します。</p> 169 <img class="manual_image" src="assets/child_create_14.png" alt="チャイルド作成画像14"/> 170 <p>上記設定を行うと、fountain_dropParticle ( 水玉のエフェクト ) が消滅したあとに、チャイルドパーティクルに設定した ripple ( 波紋のエフェクト ) が表示されます。</p> 171 <p>波紋は、「アルファ」と「スケール」のアニメーションにより、広がりながら消えていく設定になっています。</p> 172 <img class="manual_image" src="assets/child_create_30.png" alt="チャイルド作成画像30"/> <!-- InstanceEndEditable --> </div> 173 <div class="footer" /> 174</div> 175</body> 176<!-- InstanceEnd --> 177</html> 178
