【Tips】Effekseerでエフェクトプチ改造２

前回も書きましたが、Effekseerの公式チュートリアルをこなしてもらえれば、もっと色々改造できたり自分で１からエフェクトを作成することも可能ですので、興味ある方はぜひトライして見ください。

Effekseer Help 日本語 — Effekseer Help ドキュメント
https://effekseer.github.io/Helps/15x/Tool/ja/index.html

基本編補足

基本編で１つ忘れていたので、補足になります。

ランダムシードの設定

９月限定素材のEffekseerエフェクトは一部例外もありますが、再生されるごとにランダムなアニメーションになるように設定されています。
Effekseerファイルのまま使用するのであれば問題ありませんが、2D画像として出力する場合になるべく理想のランダム加減でアニメーションするようにしたいところです。その場合にはランダムシードに数値を設定するとランダム加減を固定できます。
「全体」パネルの「ランダムシード」に0以上の数値を入力していき、いいかんじに再生される数値を探っていきます。
デフォルトは「-1」となっており、この場合は再生ごとに自動でランダムな表示になります。

流れるコメント

流れるコメントの数を変更したい

「ノードツリー」パネルで「comment」を選択した状態で、「共通」パネルの「生成数」を変更します。

コメントの内容を変更したい

これは簡単で画像ファイルを描き変えるだけです。
「Texture」フォルダにある「pipo-esm_comment001.png」をお手持ちの画像編集ソフトで読み込んで、編集してください。下の画像のように１マス256×256ピクセル内に１つのコメントが配置されていますので、お好きな文章を同じ用に配置してください。
文章以外にコメント職人的なものやアスキーアートでも256×256ピクセル内で配置可能です。

スピード線

キラキラを消したい

「ノードツリー」パネルで「star」を非表示にするか、右クリックメニューから削除してください。

他のエフェクトでも適当なノードを非表示にしてみて、自分の使いたい状態に調整してみてください。

背景画像の色を変えたい

Effekseer上でも色を変えることが出来るのですが調整が難しい部分があるので、画像ファイルを変更した方が楽です。
「Texture」フォルダにある「pipo-esm_bg001.png」をお手持ちの画像編集ソフトで読み込んで、編集してください。

集中線

キラキラを消したい

スピード線と同じです。

背景画像の色を変えたい

これもスピード線と同じで、「Texture」フォルダにある「pipo-esm_bg002.png」をお手持ちの画像編集ソフトで読み込んで、編集してください。

中央の光をもっと強くしたい＆弱くしたい

「ノードツリー」パネルで「line long」か「line short」を選択し、「生成方法」パネルの「生成位置」の「中心　X座標」の数値を変更します。

おわり

今回の３点を2D画像として出力する際は、「視点操作」パネルで「View」フォルダから「スピード線＆集中線録画用カメラ.view」を読み込んで、「距離」を調整して出力してください。
「視点操作」パネルについては「基本編」の記事をご覧ください。
【Tips】Effekseerでエフェクトプチ改造１～基本編～
https://ci-en.net/creator/118/article/380043

ではで、また次回も３～５点ぐらいを扱いたいと思います。

【Tips】Effekseerでエフェクトプチ改造１～基本編～

プチ改造なので、なるべく簡単な操作で済む部分のみを扱っていきます。

Effekseerは無料でダウンロードできますし、Effekseer自体をある程度習得すれば細かい部分も改造できるようになりますので、興味と時間がありましたら、Effekseerのマニュアル・チュートリアルを見てみてください。

Effekseer Help 日本語 — Effekseer Help ドキュメント
https://effekseer.github.io/Helps/15x/Tool/ja/index.html

今回の記事ではEffekseerのバージョン1.52mを使用しています。

基本編

パネル(ウインドウ)表示

Effekseerには色々な操作パネルがあり、デフォルトで表示されるもの以外にも重要なパネルがあるので、記事中で使っているもので、もしEffekseerの画面上に見つからない場合は、上部メニューの「ウィンドウ」から探してみてください。

ビュワー上での視点操作

エフェクトが表示される「ビュワー」上での視点操作(カメラ)がまずは一番のポイントになります。
3D空間上での操作になるので、慣れるまではなかなかたいへんです。

• 回転：マウスの右ボタンを押しながら、マウスを移動
• 平行移動：マウスホイール、もしくは右ボタン+Shiftを押しながら、マウスを移動
• 拡大：マウスホイールを回転、もしくは右ボタン+Control

また、「視点操作」パネルを使うと、数値で「ビュワー」の表示状態を操作することもできます。次に説明する2D画像として出力する際には「視点操作」パネルを使って表示状態を調整した方が正確な角度や距離で出力することができます。

ちなみにアニメーションの再生や停止は画面下部に表示される「ビュワー操作」パネルで行うことができますが、キーボードの「スペースキー」でも再生・停止を行うこともできますので、覚えておくと便利です。

2D画像としての出力する手順

Effekseerのエフェクトは3Dで作成されますが、ビュワーの表示状態のままにアニメーションを録画してPNG(スプライトシート画像,連番画像)、GIFアニメとして出力することができますので、Effekseerのエフェクトファイルに対応していないゲーム制作ソフトなどでも活用することができます。

「録画」パネルを操作して、出力設定をしアニメーションの録画をすることができます。

「出力フレーム」で出力する範囲を指定します。
フレーム番号は「ビュワー操作」パネル上で確認することができます。
下記の画像だと、5が現在表示中のフレーム番号、2が開始フレーム番号、18が終了フレーム番号となっています。

「出力形式」はゲーム制作用に使用する場合にはPNG画像として保存される「１枚にまとめて出力」(スプライトシート)か「連番画像として出力」を選択します。

「背景透明化の方法」は透過PNGにしたい場合は「生成」を選択します。ただし、エフェクトに暗い色を使っているとその部分が透明になってしまうため注意が必要です。
暗い色を使っているもには「生成（ブレンド＋加算）」を選択する必要がありますが、２種類の画像が出力されて、その２種類の画像を画像編集ソフトで合成する手間があります。
また、黒背景にしたい場合は「なし」とし、GIFアニメで出力する場合に最適です。

「録画」ボタンを押すと、保存先を選択し画像出力が実行されます。

詳しくはマニュアルを参照してください。
録画 — Effekseer Help ドキュメント
https://effekseer.github.io/Helps/15x/Tool/ja/ToolReference/record.html

９月限定素材のファイルには2D画像として出力するための視点(カメラ)設定ファイルを収録しています。
これを読み込めば、RPGなどの戦闘画面である少し斜め上視点に設定されますので、ここから微調整してもらうと便利です。
読み込むには、「視点操作」パネルの「読込」ボタンを押します。
「View」フォルダ内に「2D録画用カメラ.view」と「スピード線＆集中線録画用カメラ.view」の２種類のファイルがありますので、通常は「2D録画用カメラ.view」を使ってください。

微調整する際の主な調整箇所はこちらになります。

• 焦点：中心となる位置を調整します。縦に長いエフェクトなどは中心点のY座標を調整して、録画範囲に収まるように調整しましょう。
• X軸回転：角度を調整します。エフェクトを使用したいシーンに合った角度を指定できます。
• 視点への距離：ズームイン・ズームアウトですね。エフェクトが録画範囲にうまく収まるように調整しましょう。

エフェクトの基本編集

９月限定素材のEffekseerファイルでは、エフェクト全体を一括して拡大縮小・回転・位置変更ができるように作ってあります。
これは主に2D録画の補助調整として設定してあるものなので、そのままEffekseerファイルを使用できる場合にはゲームエンジン側で拡大縮小などが可能なものだと思います。

「ノードツリー」パネルで、「top」を選んで「位置」「角度」「拡大」パネルを操作します。おそらく「拡大」ぐらいしか使わないとは思います。

おわり

基本編だけでそこそこのボリュームになってしまいましたので、このくらいで。
次回は「コメント」「スピード線」「集中線」のプチ改造を紹介したいと思います。
ではでは～。