Top > STEP+3 戦闘エフェクトの設定


STEP+3 戦闘エフェクトの設定

Last-modified: 2011-06-04 (土) 19:01:14

この「STEP+」は本編の「STEP1~STEP20」とは独立した単体の機能説明や制作手順説明になります。
本編の「STEP1~STEP20」での学習後、より多くの機能等を学びたい際に御覧ください。


 

戦闘画面で攻撃時や魔法使用時に表示される「エフェクト(アニメーション)」を作成してみましょう。
色々な「エフェクト」を追加することで、派手な戦闘を演出することが出来ます。
「エフェクト」は「画像のアニメーション」と「効果音」の組み合わせです。
あまり細かい動作の指定はできませんが、それでも十分に様々な「エフェクト」を作成することができます。

 

【INDEX】


 

エフェクトアニメーション画像の用意

まずは「エフェクト」で使用する「アニメーション画像」を用意しましょう。
「アニメーション画像」は、下のサンプル画像のようにアニメーションの1コマ1コマを並べて1つの画像にまとめたものになります。
1コマ1コマの画像サイズはすべて同じである必要があります。
例えば、1コマの画像サイズが64×64pixelの場合は他のコマも64×64pixelでなければいけません。
ただし、特にアニメーションさせる必要がない画像の場合は、1コマだけの画像でも問題ありません。
アニメーションは左上のコマから右のコマへと順番に再生されていきます。アニメーションのコマが縦にも分けて配置されている場合は、1段目の右のコマが再生されてから、2段目の左のコマから再生されます。

サンプル画像1
画像Effect1.png
全体の画像サイズ400×200
1コマのサイズ100×100
コマ数8コマ
備考アニメーションのコマが多い場合は縦に分けて配置できます。
また逆に縦に連続して配置しても構いません。
アニメーションの再生の順番さえ同じになれば、画像中のコマの配置に制限はありません。
 
サンプル画像2
画像Effect2.png
全体の画像サイズ320×1560
1コマのサイズ320×120
コマ数13コマ
備考全画面に表示するような1コマが大きいアニメーション画像も使用できます。
1コマのサイズ、コマ数に特に制限はありません。
 

画像の用意ができたら、「Dataフォルダ」内「BattleEffectフォルダ」に格納します。

エフェクトの設定

それでは、「エフェクト」の設定をしていきます。
「ユーザーデータベース」を開きます。

stepp3-001.jpg
 

「エフェクト」の設定は「1:アニメーション」で行います。
すでに「データ0番」にはデフォルトの攻撃エフェクトが設定されています。

stepp3-002.jpg
 

空いているところに設定を追加していきます。
今回は、上のサンプル画像2「エフェクトアニメーション画像」を使って、設定をしていきます。
まずはIDに「エフェクト」の名称を入力します。

  • アニメ画像ファイルサンプル画像2の画像ファイルを指定。
  • アニメ画像[横]分割数
    サンプル画像2は横に1コマしかないので、「1」。
    サンプル画像1の場合は横に4コマなので、「4」になります。
  • アニメ画像[縦]分割数
    サンプル画像2は縦に13コマなので、「13」。
    サンプル画像1の場合は縦に2コマなので、「2」になります。
  • アニメパターン総数
    サンプル画像2は13コマなので、「13」。
    サンプル画像1の場合は8コマなので、「8」になります。
  • 1パターンのウェイト
    1コマの表示時間をフレーム数で指定します。「3」フレームにしてみます。
  • 描画モード
    0:通常,1:加算 の2種類から選択できます。
    今回は「1:加算」にします。
    加算は、エフェクト画像の色と下にある画像(背景・敵)の色を加算合成し、エフェクト画像にある明るい色がより強調され、暗い色は下にある画像の色味に近くなります。
    エフェクトの画像に黒(R,G,B=0,0,0)がある場合は、加算される数値が0ですので、透過色の設定にかかわらず、透明になります。
  • 拡大率
    これはそのまま「100%」。
  • 表示オプション
    0:対象位置に単一アニメ,1:中央固定[全体攻撃など] の2種類から選択できます。
    サンプル画像2は全体攻撃を想定したものなので、「1:中央固定[全体攻撃など]」にします。
  • ダメージ表示ウェイト
    ダメージの数値が表示されるまでの待ち時間になります。
    これはアニメーションの再生時間を計算して、適当な待ち時間を設定します。
    サンプル画像2の場合はアニメパターン総数が「13」、1パターンのウェイトが「3」ですので、アニメーションの再生時間は「13×3=39」フレームになります。
    というわけで、ダメージ表示までの待ち時間は「40」フレームぐらいにしてみます。
  • 再生効果音
    必要に応じて効果音も設定します。
    今回は特に用意していないので、デフォルトの適当な効果音を選択します。
  • 効果音再生ディレイ
    効果音が再生されるまでの待ち時間になります。
    アニメーションのコマ画像とタイミングを合わせたい場合に調整しますので、何番目のコマ画像かと1パターンのウェイトから待ち時間を計算することになります。
    今回は特に設定しません。
    stepp3-003.jpg
     
    設定ができたら、「更新・OK」ボタンを押します。
    stepp3-004.jpg
     
    「エフェクト」の設定で効果音を設定したい場合は、あらかじめ「システムデータベース」
    使用したい効果音を登録しておく必要があります。
    stepp3-007.jpg
     
    「3:SEリスト」を選択して、使用したい効果音を登録します。
    stepp3-008.jpg
     

エフェクトの使用

設定した「エフェクト」「ユーザーデータベース 0:技能」で攻撃や魔法などに設定して使用することができます。

 

「0:技能」を選択します。

stepp3-005.jpg
 

ステップアップの本編で使用したニワトリの技能「乱舞」に「エフェクト」を追加します。
アニメーションで設定した「エフェクト」を選択します。

stepp3-006.jpg
 

設定ができたら、「更新・OK」ボタンを押します。

stepp3-004.jpg
 

テストプレイで確認してみましょう。
かなり派手な攻撃になりました!

stepp3-009.jpg
 


※TOPページでの説明どおり、コメント受付を停止させていただきました。


  • 加算にすると何故かアニメーションが現れません(os 7 64bit) -- 二酸化カメレオン? 2010-12-23 (木) 16:12:06
  • 二酸化カメレオンさん 通常で表示した場合には問題ないようであれば、エフェクト画像に使っている色が暗い色ではないでしょうか? 暗い色だと加算の効果が少ないので、画像が何も表示されないように見えると思います。 -- 管理人 2010-12-23 (木) 16:53:07
  • お早い返答有り難う御座います。 -- 二酸化カメレオン? 2010-12-23 (木) 19:59:17
  • 色を明るくしたら何とかなりました -- 二酸化カメレオン? 2010-12-23 (木) 20:00:19
  • 描画モードの加算はどんなときにつかうんですか? -- フル? 2011-02-19 (土) 11:52:40
  • フルさん 加算はその名のとおり、描画する画像と下の画像の色を加算して表示するモードです。
    明るい色を使った画像を加算すると、大きく変化しますが、暗い色を加算してもさほど変化しません。真っ黒の色(RGB=0,0,0)を加算した場合はまったく変化しません。
    実際に試してみるのが一番ですが、光の表現なんかをする場合にキレイに見せることができます。 -- 管理人 2011-02-19 (土) 20:40:10
  • 返答ありがとうございます! -- フル? 2011-03-10 (木) 16:02:25
  • お礼遅すぎてすみませんでした -- フル? 2011-03-10 (木) 16:10:58
  • 攻撃アニメーションを作るのが悩んでてこれを待ってました!このサンプル画像はもらっていいんですか? -- ヤミカゲ? 2011-04-23 (土) 10:31:07
  • ヤミカゲさん 記事中のサンプル画像は素材として提供しているものではありませんので、ご利用はご遠慮下さい。
    「戦闘エフェクト画像 配布サイト」で素材配布しているサイトを紹介しておりますので、参考にどうぞ。 -- 管理人 2011-04-23 (土) 11:17:32
  • あのー・・・上記の通りにやったのですが、アニメーションがだんだんと横にずれていくんです。 -- ちゃらりんこ? 2011-05-04 (水) 19:36:55
  • ちゃらりんこさん おそらく、アニメーション画像の設定部分で「アニメ画像分割数」と「アニメパターン総数」が使用されているアニメ画像に合った設定になっていないのだと思います。確認してみてください。 -- 管理人 2011-05-04 (水) 21:06:10
  • 本当だ!何も書かれてないとこをカウントしてませんでした;;本当ありがとうございます!助かりました! -- ちゃらりんこ? 2011-05-05 (木) 12:35:56