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"><!-- InstanceBegin template="/Templates/default_template.dwt" codeOutsideHTMLIsLocked="false" --> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5<meta http-equiv="Content-Style-Type" content="text/css" /> 6<!-- InstanceBeginEditable name="CSS の相対パス指定" --> 7<link href="../../common/manual.css" rel="stylesheet" type="text/css" /> 8<!-- InstanceEndEditable --> 9<!-- InstanceBeginEditable name="ページのタイトル" --> 10<title>無題ドキュメント</title> 11<!-- InstanceEndEditable --> 12</head> 13<body> 14<div> 15 <div class="body"> <!-- InstanceBeginEditable name="本文のタイトル" --> 16 <h1>エフェクト</h1> 17 <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="本文" --> 18 <h3>arrow_particle</h3> 19 <p>矢印のパーティクルが進行方向を向きながら、放物線を描くように移動するサンプルです。</p> 20 <h6>表現のポイント</h6> 21 <p>このサンプルの表現のポイントは、進行方向にパーティクルが向く回転のアニメーション設定です。(図は arrow_particle の絵)</p> 22 <p><img class="" src="assets" alt=""/></p> 23 <h4>データファイル</h4> 24 <h6>arrow01 </h6> 25 <p>矢印のテクスチャです。(図は arrow01 の絵)</p> 26 <p><img class="" src="assets" alt=""/></p> 27 <h4>エフェクトデータの詳細</h4> 28 <h6>パラメータの設定 </h6> 29 <h6>回転</h6> 30 <p>回転のアニメーションを 「ディレクショナル」 に設定します。<br /> 31 基準 を 「速度」 に設定します。これで進行方向に矢印が向きます。(図は パラメータ のスクリーンショット)</p> 32 <p><img class="" src="assets" alt=""/><br /> 33 </p> 34 <h6>速度</h6> 35 <p>「Y軸から拡散」、「指定方向」、「重力」 を設定することによって、パーティクルが放物線を描くように移動します。(図は パラメータ のスクリーンショット)</p> 36 <p><img class="" src="assets" alt=""/></p> 37 <p> </p> 38 <h3>light_particle</h3> 39 <p>光のパーティクルが中心から大きくなり、消えていくエフェクトです。</p> 40 <h6>表現のポイント</h6> 41 <p>このサンプルの表現のポイントは、スケールのアニメーションカーブで設定した値を加算することで、光が大きく広がったあと、小さくなっていきます。</p> 42 <h4>データファイル</h4> 43 <h6>light_particle01</h6> 44 <p>光の閃光のテクスチャです。(図は light_particle01 の絵)</p> 45 <p><img class="" src="assets" alt=""/></p> 46 <h6>light_particle02</h6> 47 <p>光の輪のテクスチャです。(図は light_particle02 の絵)</p> 48 <p><img class="" src="assets" alt=""/></p> 49 <h4>エフェクトデータの詳細</h4> 50 <h6>LightSet0</h6> 51 <p>回転</p> 52 <p>パーティクルの放出直後のローテートの初期値を設定することによって、パーティクルが円状に放出されます。(図は パラメータ のスクリーンショット)</p> 53 <p><img class="" src="assets" alt=""/></p> 54 <p>スケール</p> 55 <p>基準値に 「前の値に加算」 のアニメーションを設定することで、閃光が大きくなった後、小さくなっていきます。(図は パラメータ のスクリーンショット)</p> 56 <p><img class="" src="assets" alt=""/></p> 57 <p>アルファ</p> 58 <p>アルファのアニメーションを設定することで、閃光がだんだん消えていきます。(図は パラメータ のスクリーンショット)</p> 59 <p><img class="" src="assets" alt=""/></p> 60 <h6>LightSet1</h6> 61 <p>スケール</p> 62 <p>基準値に 「前の値に加算」 のアニメーションを設定することで、光の輪が大きくなった後、小さくなっていきます。(図は パラメータ のスクリーンショット)</p> 63 <p><img class="" src="assets" alt=""/></p> 64 <p>アルファ</p> 65 <p>アルファのアニメーションを設定することで、光の輪がだんだん消えていきます。(図は パラメータ のスクリーンショット)</p> 66 <p><img class="" src="assets" alt=""/></p> 67 <p> </p> 68 <h3>smoke_particle</h3> 69 <p>煙のパーティクルが中心から広がりながら小さくなって消えていくエフェクトです。</p> 70 <h6>表現のポイント</h6> 71 <p>このサンプルの表現のポイントは、テクスチャパターンを使ったアニメーションです。(図は smoke_particle の絵)</p> 72 <p><img class="" src="assets" alt=""/></p> 73 <h4>データファイル</h4> 74 <h6>smoke_anim</h6> 75 <p>煙のテクスチャです。(図は smoke_anim の絵)</p> 76 <p><img class="" src="assets" alt=""/></p> 77 <h4>エフェクトデータの詳細</h4> 78 <h6>パラメータの設定</h6> 79 <h6>速度</h6> 80 <p>「Y軸から拡散」、「加減速」、「重力」 のアニメーションを設定することで、パーティクルが中心から勢いよく広がります。(図は パラメータ のスクリーンショット)</p> 81 <p><img class="" src="assets" alt=""/></p> 82 <h6>テクスチャ座標</h6> 83 <p>頂点UVの移動 で「テクスチャパターン」 を設定し、煙がだんだんと細かくなるようにアニメーションを設定します。(図は パラメータ のスクリーンショット)</p> 84 <h6> </h6> 85 <h6><img class="" src="assets" alt=""/></h6> 86 <!-- InstanceEndEditable --> </div> 87 <div class="footer" /> 88</div> 89</body> 90<!-- InstanceEnd --></html> 91