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<script type="text/javascript" src="../../../common/ibox.js"></script> 10<!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="ページのタイトル" --> 11<title>Creating Particle Children</title> 12<!-- InstanceEndEditable --> 13</head> 14<body> 15<div> 16 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 17 <h1>Creating Particle Children</h1> 18 <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" --> 19 <p>This page describes how to create a fountain effect using particles and <a href="../../../ui_reference/panel/effect/particle_panel/particle_child/index.html">child particles</a>.</p> 20 <p>Here, we will use particles to express a fountain that spews water droplets into the air, and child particles to express the ripples caused by the landing droplets.</p> 21 <h2>Creating the Water Droplets</h2> 22 <p>Here, we will create a particle set to express water droplets being spewed into the air.</p> 23 <h3>Creating the particle set</h3> 24 <p>On the CreativeStudio menu, select <B>Create</B> > <B>Effect</B> to display <B>ParticleCtrCreationPanel</B> in separate window.</p> 25 <p>Create a new particle set. Enter any name.</p> 26 <img class="manual_image" src="assets/child_create_00.png" alt="Child Creation Image 00"/> 27 <p>The particle name "fountain_drop" is used in this tutorial.</p> 28 <p>The particle set is created by CreativeStudio when you press <B>Apply and close</B> or <B>Apply</B>.</p> 29 <p class="new_hint"><B>Note:</B> You can also create a particle set by entering a particle name and pressing <B>Enter</B>.</p> 30 <img class="manual_image" src="assets/child_create_19.png" alt="Child Creation Image 19"/> 31 <p>You can confirm the particle you have already created by pressing Playback button on the Cree panel.</p> 32 <img class="manual_image" src="assets/child_create_31.png" alt="Child Creation Image 31"/> 33 <h3>Emitter Settings</h3> 34 <p>「Here, we will set an emitter using the <a href="../../../ui_reference/panel/effect/particle_emitter_panel/index.html">particle emitter</a> <B>Properties</B> panel.</p> 35 <p>Select fountain_dropEmitter displayed in the <B>Contents</B> panel to open the particle emitter <B>Properties</B> panel.</p> 36 <img class="manual_image" src="assets/child_create_22.png" alt="Child Creation Image 22"/> 37 <p>Here, change <B>Emission volume</B> settings to the values given below.</p> 38 <img class="manual_image" src="assets/child_create_01.png" alt="Child Creation Image 01"/> 39 <h3>Applying a Texture to the Particle</h3> 40 <p>On the CreativeStudio menu, select <B>File </B>→ <B>Open </B>→ <B>Intermediate file</B> and load the water droplet texture intermediate file located in the following folder:</p> 41 <p>NW4C_ROOT%/SampleData/Effect/Intermediate/ManualResource/Fountain_Particle/Fountain_Drop.ctex</p> 42 <p>Fountain_Drop is added to the <B>Contents</B> panel when the intermediate file is loaded.</p> 43 <img class="manual_image" src="assets/child_create_32.png" alt="Child Creation Image 32"/> 44 <p>Texture details can be confirmed on the texture <B>Properties</B> panel by selecting Fountain_Drop on the <B>Contents</B> panel.</p> 45 Child Creation Image 02 46 <h4>Material Settings</h4> 47 <p>Apply the Fountain_Drop.ctex texture to the particle using the material <B>Properties</B> panel.</p> 48 <p>Select fountain_dropMaterial to open the material <B>Properties</B> panel.</p> 49 <p class="new_hint"><B>Note:</B> If there is more than one material, select <B>Material to edit</B></p> 50 <img class="manual_image" src="assets/child_create_20.png" alt="Child Creation Image 20"/> 51 <p>For details on the material <B>Properties</B> panel, click <a href="../../../ui_reference/panel/material/index.html">here</a>.</p> 52 <h5>Changing Textures</h5> 53 <p class="no">(1) Select the <B>Texture</B> tab on the material <B>Properties</B> panel.</p> 54 <p class="no">(2) Change the image used for <B>Texture0</B> given in the <B>Texture List</B> on the <B>Texture</B> tab to Fountain_Drop.</p> 55 <img class="manual_image" src="assets/child_create_03.png" alt="Child Creation Image 03"/> 56 <p class="no">(3) Select Fountain_Drop to set the Fountain_Drop texture for the particle.</p> 57 <p>After making the above settings, the <B>Preview</B> screen appears as follows when you press the play button on the timeline panel of CreativeStudio.</p> 58 <img class="manual_image" src="assets/child_create_23.png" alt="Child Creation Image 23"/> 59 <h3>Setting Particles</h3> 60 <p>At this point, set the lifespan and animation for emitted particles on the <a href="../../../ui_reference/panel/effect/particle_panel/index.html">particle set</a> <B>Properties</B> panel.</p> 61 <p>Select fountain_dropParticle displayed in the <B>Contents</B> panel to display the particle set <B>Properties</B> panel.</p> 62 <img class="manual_image" src="assets/child_create_21.png" alt="Child Creation Image 21"/> 63 <h4>Lifespan setting</h4> 64 <p>Set the lifespan of particles emitted from the emitter (the number of frames they will be displayed) using the <B>Lifespan</B> parameter on the particle set <B>Properties</B> panel.</p> 65 <p>Change the lifespan values to those given below.</p> 66 <img class="manual_image" src="assets/child_create_04.png" alt="Child Creation Image 04"/> 67 <p>By making the above setting, particles emitted from the emitter will be displayed for 60 frames.</p> 68 <h4>Animation Settings</h4> 69 <p>Create water drop motion by changing the direction and speed of particles being emitted.</p> 70 <h5>Spread out from y-axis</h5> 71 <p class="no">(1) From the pull-down menu for the <B>Speed</B> setting on the particle set <B>Properties</B> panel, select <B>Spread out from Y-axis</B> and press <B>Add</B>.</p> 72 <p class="no">(2) The setting for <B>Spread out from Y-axis</B> will be displayed. Change the settings as follows.</p> 73 <img class="manual_image" src="assets/child_create_05.png" alt="Child Creation Image 05"/> 74 <p>The above settings will cause particles to be emitted from the center and spread outward from the Y-axis at a speed of 0.3.</p> 75 <img class="manual_image" src="assets/child_create_24.png" alt="Child Creation Image 24"/> 76 <h5>Specified Direction</h5> 77 <p>From the pull-down menu for the <B>Speed</B> setting on the particle set <B>Properties</B> panel, select <B>Specified direction</B> and press <B>Add</B>.</p> 78 <p>Settings for a specified direction will be displayed. Change the settings as follows.</p> 79 <img class="manual_image" src="assets/child_create_06.png" alt="Child Creation Image 06"/> 80 <p>The above settings will cause particles to be emitted at a speed of 0.79 in the specified direction (Y-axis direction 1).</p> 81 <p class="new_hint"><br />Hint: You can freely change the speed at which particles are emitted and the direction in which they are emitted by changing the settings for <B>X</B>, <B>Y</B>, and <B>Z</B> and for <B>Speed</B>. <BR> Here, particles are emitted upwards because a positive setting is used for <B>Y</B>.</p> 82 <img class="manual_image" src="assets/child_create_25.png" alt="Child Creation Image 25"/> 83 <h5>Gravity</h5> 84 <p class="no">(1) Select <B>Gravity (accelerate in the specified direction)</B> from the pull-down menu in the <B>Speed</B> section and press the <B>Add</B> button.</p> 85 <p class="no">(2) Gravity settings will be displayed. Change the settings as follows.</p> 86 <img class="manual_image" src="assets/child_create_07.png" alt="Child Creation Image 07"/> 87 <p>The above settings will cause gravity, represented by a speed of 0.025 in the negative Y direction, to be applied to particles. <BR> The water droplets will now be drawn to follow a parabolic arc because gravity in the negative Y direction is being applied to the particles being emitted upward in the positive Y direction.</p> 88 <img class="manual_image" src="assets/child_create_26.png" alt="Child Creation Image 26"/> 89 <p class="new_hint"><br />Hint: The greater the gravitational speed applied, the greater the gravitational force. Gravity can also be applied in different directions by changing the direction setting.</p> 90 <h2>Setting Child Particles</h2> 91 <p>Now, let's set child particles for fountain_dropParticle.</p> 92 <h3>Creating a particle set for child particles</h3> 93 <p>If you select fountain_dropModel, displayed on the <B>Contents</B> panel, the particle model <B>Properties</B> panel will open.</p> 94 <img class="manual_image" src="assets/child_create_27.png" alt="Child Creation Image 27"/> 95 <p>Press icon button for adding particle sets to a model, located at the top of the particle model <B>Properties</B> panel to add a particle set.</p> 96 <img class="manual_image" src="assets/child_create_16.png" alt="Child Creation Image 16"/> 97 <table class="basic"> 98 <thead> 99 <tr> 100 <th>Icon</th> 101 <th>Features and Content</th> 102 </tr> 103 </thead> 104 <tbody> 105 <tr> 106 <td><img class="manual_image" src="assets/child_create_17.png" alt="Child Creation Image 17"/></td> 107 <td>Adds a particle set under the model.</td> 108 </tr> 109 <tr> 110 <td><img class="manual_image" src="assets/child_create_18.png" alt="Child Creation Image 18"/></td> 111 <td>Adds a particle emitter under the model.</td> 112 </tr> 113 </tbody> 114 </table> 115 <p>Particle1 and MaterialCtr1 will be created under fountain_dropModel. Change the name of Particle1 to "ripple."</p> 116 <img class="manual_image" src="assets/child_create_28.png" alt="Child Creation Image 28"/> 117 <h3>Configuring the newly added particle set as a child particle</h3> 118 <p>Select fountain_dropParticle to open the particle set <B>Properties</B> panel.</p> 119 <img class="manual_image" src="assets/child_create_33.png" alt="Child Creation Image 33"/> 120 <p class="no">(1) Press <B>Add</B> in the <B>Child particles</B> section of the particle set <B>Properties</B> panel.</p> 121 <p class="no">(2) Setting parameters used for child particles will be displayed. Select <B>ripple</B> from the pulldown menu for <B>Particle set to emit to</B>.</p> 122 <p>This sets the particle set you want to use as a child as the particle set to emit to.</p> 123 <img class="manual_image" src="assets/child_create_15.png" alt="Child Creation Image 15"/> 124 <p class="new_hint"><br />Hint: With the above settings, the timing is set to <B>When parent particle expires</B>. This causes ripple to play the instant fountain_dropParticle hits the ground. Emission timing can be freely set. Try various settings and see what happens.</p> 125 <p>You can confirm on the <B>Preview</B> panel that the above settings cause the particles set as children to emit when fountain_dropParticle expires.</p> 126 <img class="manual_image" src="assets/child_create_29.png" alt="Child Creation Image 29"/> 127 <h2>Editing Child Particles</h2> 128 <p>Here, we will edit the particle set configured as a child to create a ripple effect.</p> 129 <h3>Applying a Texture to the Particle</h3> 130 <p>On the CreativeStudio menu, select File → Open → Intermediate file to load the ripple texture intermediate file located in the following folder:</p> 131 <p>NW4C_ROOT%/SampleData/Effect/Intermediate/ManualResource/Fountain_Particle/Fountain_Ripple.ctex</p> 132 <p>The following texture image is used. <em>L8</em> is used for the texture format.</p> 133 <img class="manual_image" src="assets/child_create_08.png" alt="Child Creation Image 08"/> 134 <h4>Material Settings</h4> 135 <p>The loaded Fountain_Ripple.ctex file is applied to the particle set MaterialCtr1 using the material <B>Properties</B> panel.</p> 136 <p>The steps for changing the texture are the same as described for the <a href="#texture_setting">water droplet texture</a>.</p> 137 <h3>Setting Particles</h3> 138 <p>Select ripple displayed in the <B>Contents</B> panel to display the particle set <B>Properties</B> panel.</p> 139 <img class="manual_image" src="assets/child_create_34.png" alt="Child Creation Image 34"/> 140 <h4>Lifespan setting</h4> 141 <p>Change the lifespan values to those given below.</p> 142 <img class="manual_image" src="assets/child_create_09.png" alt="Child Creation Image 09"/> 143 <h4>Particle shape settings</h4> 144 <p>Change the particle shape to <B>Polygon plane (XY)</B> and unselect <B>Render in the order generated</B>.</p> 145 <img class="manual_image" src="assets/child_create_10.png" alt="Child Creation Image 10"/> 146 <h4>Rotation settings</h4> 147 <p>Change the standard values for rotation to those given below.</p> 148 <img class="manual_image" src="assets/child_create_11.png" alt="Child Creation Image 11"/> 149 <p>Here, set the standard X value to -90 so the ripples are parallel to the X-axis.</p> 150 <p class="new_hint"><B>Note:</B> The angle of the ripple can be varied in many ways by changing the standard value for the X-axis.</p> 151 <h4>Setting an animation for ripple</h4> 152 <p>Here, we will create an animation that makes ripples spread out and disappear. </p> 153 <h5>Setting an alpha animation by overwriting previous values with the four-key method</h5> 154 <p>Now, we will set an animation for the vertex alpha of the particle.</p> 155 <p class="no">(1) Select <B>Overwrite previous value using four-key method</B> from the alpha animation pull-down menu.</p> 156 <p class="no">(2) Setting parameters for <B>Overwrite previous value using four-key method</B> will appear. Change the settings as follows.</p> 157 <img class="manual_image" src="assets/child_create_12.png" alt="Child Creation Image 12"/> 158 <p class="new_hint"><B>Note:</B> The four-key method is a low-overhead animation technique configured using information from just four animation key locations.<BR> For details on overwriting previous values using the four-key method, click <a href="../../../user_guide/particle_effect/particleeffect_animation/animation/index.html#four_key">here</a>.</p> 159 <h4>Scale settings</h4> 160 <p class="no">(1) Select <a href="../../../glossary/index.html#particle_animation_addtion">Add to previous value</a> from the scale animation pull-down menu.</p> 161 <p class="no">(2) Setting parameters for <B>Add to previous value</B> will be displayed. Change the settings as follows.</p> 162 <img class="manual_image" src="assets/child_create_14.png" alt="Child Creation Image 14"/> 163 <p>When the above settings are made, ripple, set as a child particle to represent a ripple effect, will be displayed after fountain_dropParticle, representing the water droplet effect, disappears.</p> 164 <p>These settings use alpha and scale animations to make ripples appear to spread out and disappear.</p> 165 <img class="manual_image" src="assets/child_create_30.png" alt="Child Creation Image 30"/> <!-- InstanceEndEditable --> </div> 166 <div class="footer" /> 167</div> 168<hr><p>CONFIDENTIAL</p></body> 169<!-- InstanceEnd --> 170</html>
