Unreal Engine 4 で SpriteStudio のマスク機能を再現する方法

こんにちは。OPTPiX SpriteStudio のサポート関連を担当している瀬良です。

本体のアップデートがないときも SpriteStudio のヘルプセンターはコツコツと更新しております。たまにいい感じの Tips とか、もろもろの最新版に対応したら、Twitter で告知してもらったりするんですが、基本的にはサイレント更新なので、せっかくなのでその辺について定期的に発信できればと考えております。前置きはここまでです。

今回は SS6Player For Unreal Engine 4 について軽くお話します。
あまり大々的に告知していなかったのですが、Ver.1.2.0 でマスク対応したので、使用方法と注意点を。

Unreal Engine4(以下UE4)のプロジェクトで SpriteStudio を使う、というシーン。基本的には UI を作るために SpriteStudio をご利用いただくパターンが多いように感じます。
ですので、ほかのエンジンに比べるとUE4に対してはマスク機能に対してのご要望が多かったのです。本当に。
確かに画面切り替えの演出(いわゆるワイプ演出)を作る時なんか、マスク機能はとっても便利です。

ということで、SS6PforUE4 では Ver.1.2.0 でマスク機能に対応いたしました。やった~!

マスクを使用した sspj をインポート・配置をしたら、RenderMode を「Off Screen Plane」に切り替えてください。これでアニメーション再生時にマスク機能を再現します。

こちら「基本的なアニメーションのサンプル」に含まれているマスク機能のサンプルデータをインポートして確認してみましょう。

RenderMode を「Off Screen Plane」に変更します。

Off Screen Plane に変更(クリックして拡大)

マスクがちゃんと反映されました。やったね!

マスクが反映された

SS6PforUE4 でマスク機能を使いたいときの注意点

さきほど切り替えた「Off Screen Plane」。こちらは一旦オフスクリーンレンダリングし、そのレンダーターゲットを板ポリに貼り付けて描画するモードです。
オフスクリーンレンダリングを行うため、アルファブレンドモードの Mul/Add/Sub には対応していません。全て Mix として描画されます。

必ずミックスにしてください

なので、MIX 以外の描画モードはご利用いただけません。

アニメーションを作る際には、こちらの点に重々ご注意くださいませ。

とにもかくにも描画モードは MIX 以外は使えない!ということです。(使えないというか、うまく再現できません……)

こちら、本当にどうしてもどうしても難しい部分でございまして、何卒ご容赦くださいませ。

マスクの使い方も含め、SS6PforUE4 の使い方は以下のページにまとめています。ご一読ください。

新たに UE4 のリファレンスも作りました。

なお、今回の記事で仕様したサンプルデータはこちらからダウンロードできます。なお、こちらのサンプルは SS6PforUE4 のサンプルプロジェクトにも配置されていますので、そちらでもご確認いただくことができます。

互換性について

SS6PforUE4 に関連するお話としまして…… SpriteStudio 本体では、Ver.6.1.3 からはプロジェクト設定の互換性に「SS6PforUE4」が追加されました。

互換性の再生対象のプラットフォームにUE4が

こちらを設定いただくことで、SS6PforUE4 と互換性のないアトリビュートは非表示になります。データ作りの前の事故防止として、UE4 対応のアニメーションを作る前に必ず設定してくださいね。

まとめ

ということで、UE4 でもマスク機能が再現できるようになったよ、のお話でした。
かならず描画モードは MIX で!という制限があるものの、かなり表現の汎用性は高まるのではないかと思います。

この機会にぜひ UE4 + SpriteStudio をご検討いただけると嬉しいです。

OPTPiX SpriteStudio は 第10回 UE4ぷちコン に協賛しています!

OPTPiX SpriteStudio は UE4学習目的のコンテスト『ぷちコン』に協賛しています。
ぷちコン専用にOPTPiX SpriteStudio for ぷちコン(トライアルライセンス)というライセンスをご提供しておりますので、この機会にぜひOPTPiX SpriteStudioをお試しください。

第9回 UE4ぷちコン【テーマに沿ってるで賞】受賞作品「MOOP」(キイロイウサギ 様)はSpriteStudioをご利用いただいております!!

タグ , , | 2020/06/16 更新 |