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