エフェクトツール Effekseerの 最近事情2014

うえした

2014.03.01

自己紹介

• うえした (@ueshita) • Effekseerコミッター • 同人ゲームサークルNEXT-SOFT+所属

– プログラム担当 • ゆるふわC++er、たまに

– 最近モデリングを少々

リーメベルタ（SRPG） Flown.（STG）

ロゴができました！（歓喜）

• 主にゲーム向けのエフェクトを作るエディタ

• ＋それを再生するランタイムライブラリ

• 無料（MITライセンス） – 同封テキストに著作権表記するだけでOK

• 公式サイト – https://sites.google.com/site/effekseer/

• Github（オープンソース） – https://github.com/effekseer/Effekseer

まずEffekseerとは

ツールの見た目

１．どんなのを作りたいか考える

２．ノードの親子を作る

３．位置とか回転とか拡大とか色の数値をいじくる

エフェクトの作り方

４．ブラッシュアップして完成！！

（´・ω・｀）

えっと、ここじゃ説明しきれないので…

初めての人は以下を参考にしてくださいorz

• マニュアルのチュートリアル

– [ヘルプ]→[ヘルプを表示]

• サンプルデータ

–基礎から応用までいろいろあります

• Effekseer勉強会の資料

– http://www.slideshare.net/ueshita/effekseer

デモ１

• メモ：いろいろエフェクト

出力データ

素材

ゲームに組み込む流れ

Effekseer エディタ

ゲーム プログラム

Effekseer 再生ライブラリ

リンク

編集中ファイル

編集

ロード

ロード

ロード

出力

利用例①

MAGICAL×SPIRAL ©Broken Desk

利用例②

弾幕GIrls ©project弾幕GIrls

とうほう☆ストラテジー ～LotusCraft～©Neetpia

利用例③

Effekseer新機能 （2011→2014）

• リング描画

• 3Dモデル描画

• ファンクションカーブ（Fカーブ）

• エミッタ（生成位置）

• サウンド

• 充実のオプション

• マルチプラットフォーム

• ゲームエンジン対応とか

リング描画 • みんな大好き”輪っか” • 見た目いい感じなエフェクトが簡単に 作れる飛び道具。

• 処理負荷はスプライトと比べると少し重め

リング描画（続き）

• 頂点数 – 増やすほど滑らかに。 そして重くなります。

– あえて減らして多角形にすることも。

• 中央比率 – 0.0～1.0の範囲で変更可能。

• 外輪色・内輪色・中央色 – それぞれに色設定可能。

• 外輪位置・内輪位置 – X(横), Y(縦)の位置設定。 – 立体的なリングもできます。

頂点数8 頂点数40

中央比率0.2 中央比率0.8

外輪色：赤 中央色：緑 内輪色：青

外輪位置：(2, 1) 内輪位置：(2, 0)

3Dモデル描画 • シンプルに表示するだけ • アニメーションは無し • 法線マッピングに対応 • 通常のテクスチャは

[描画共通]にあります

沢山表示してみた 法線テクスチャ有り

モデルデータの作成

• メタセコイアのmqoを変換します。 – mqoToEffekseerModelConverter foo.mqo -scale 0.1 – → foo.efkmodel

• そのうち色々なフォーマットに対応予定？

ファンクションカーブ • みんな大好きFカーブ

• アニメーションをもっと複雑にできます

• 位置、回転、拡大、色を制御可能

デモ２

• メモ：3DモデルとFカーブ

エミッタ（生成位置）

円エミッタ 球エミッタ

• 点：ベースの位置から全ての インスタンスを生成

• 円：円状にインスタンスを並べ たりランダムに生成

• 球：球表面にランダムに生成

エミッタ（生成位置）

頂点とか面からぶわー エミッタ用モデル

• モデル：3Dモデルの頂点や面に並べたり ランダムに生成して配置

サウンド再生

• ノードが生成された タイミングで再生します

• パラメータ – ボリューム(0.0～1.0)

– パン(-1.0～+1.0)

– ピッチ(-2.0～+2.0[オクターブ])

– ディレイ(0～[フレーム])

• 3Dパラメータ

–減衰距離 ボリュームが0になるまでの距離

オプション

• 充実しました

–グリッド色、配置

–ライティング

–表示FPS

–座標系

–背景色、画像

–入力設定

マルチプラットフォーム対応

• グラフィックス(EffekseerRenderer) – DirectX 9, 11 – OpenGL, OpenGL ES 2.0

• サウンド(EffekseerSound)

– XAudio2 – DirectSound – OpenAL

• Windows以外にも上記をサポートしている プラットフォームなら動作するかも？ – Mac,iOS,Android等

ゲームエンジン対応とか

• 対応済 – DXライブラリ

– Unity

• 対応予定？ – Xever2

• 対応のうわさ？ – AIMS

Unity 流行ってますよね…

Unityなんかに屈したりはしないっ！（ｷﾘｯ

やっぱりUnityには勝てなかったよ・・・

ようこそ帝国へ

Unity

堕ち

自作エンジンの本当の 力が出せれば・・・

くやしい・・・でも 便利・・・（ﾋﾞｸﾝﾋﾞｸﾝ

Asset Storeが止まらない

UDK

EffekseerをUnityで使うにあたって

• 実装がネイティブプラグイン

– Unity Pro (¥157,500)が必要

• 4月から消費増税でたぶん値上がりするよ！

– WebPlayerで使えない

• ネイティブプラグインはセキュリティの都合上×

EffekseerをUnityで再生する①

• UnityPackageをインストール

– GameEngine/Unity/Effekseer.unitypackage

EffekseerをUnityで再生する②

• リソース (efk,png,wav)を配置する

– /StreamingAssets/Effekseer以下に置く

EffekseerをUnityで再生する③

• Unityコンポーネントを使う方法

–ゲームオブジェクトにエフェクトを貼り付ける方法

–楽ちん

• スクリプトで再生する方法 EffekseerHandle handle = EffekseerSystem.PlayEffect(

"Laser01", transform.position);

handle.SetRotation(transform.rotation); // 回転

デモ３

• メモ：ゆにてぃちゃん

今後の予定

• ターゲット

– ランタイムで位置を指定して、そこに向かう制御

• 自動カリング

–画面外にあったらレンダリングをカットして高速化

• ツールのGUI刷新？

• ツールのMac対応？

– QtのC#版待ち・・・？

Q&A

• バグが起きた時のサポートはどうなの？

–バグ報告と機能追加要望は受け付けています。

ただ、リリース間近だから明日までに直してください等の緊急対応は難しいかもしれません。

• サンプルデータは自由に使ってもOK？

–基本的に自由に使ってもらってOKです。 テクスチャはEfekseerを使う限り自由に使えます。