【UE5：検証】CommonUIとGame PadのFace Button Bottom(Aボタン)

皆様、こんばんは！

以前 X で検証した内容ですが、解決できずこんな仕様なんだというのが分かっただけの記事です。

▼ 以前色々試して撃沈した様子
https://x.com/UE5wancoro/status/1884024134549790825

この記事の内容

CommonUI + Input Key Selector を使ってキーコンフィグを実装しようとした時に、Face Button Bottom(以降Aボタン)がマウス左クリックとして扱われたのを検証していた時のお話です。

プロジェクト設定

CommonUI プラグインを有効にすると、プロジェクト設定の「GameViewportClientClassName(ゲームのビューポートクライアントクラス)」で "CommonGameViewportClient" を選択できます。

以降はこの設定にしてる場合の Input Key Selector の挙動です。

どういう挙動なのか

ゲームパッドで A, B, X, Y ボタンを押した動画です。
分かりづらいですが Aボタンの部分が「マウスの左ボタン」となっています。

Aボタンが左クリックとして扱われる

CommonUI の入力等に関しては 入力技術ガイド に色々書いてありました。

一部抜粋：
FCommonAnalogCursor では、現在のウィジェットで 結合アクション によってキャプチャされていないゲームパッド上の標準的な「Accept」アクションの入力は処理しません。代わりに、その入力が FAnalogCursor::HandleKeyDownEvent に送信されて、FAnalogCursor によって FSlateApplication で処理する合成マウス クリック イベントが作成されます。
この時点で、このマウス イベントは通常のクリックと同じような入力処理プロセスを経て、最終的なクリックをトリガーします。

自分には難しい内容だったので誤った解釈をしている可能性はありますが、ゲームパッド操作時に内部的にマウスカーソルで操作してるような動きに置き換えられているので、Hovered や Clicked イベントが利用できるのかなと思いました。

また、ゲームパッド上の標準的な「Accept」というのがAボタンのことなら、Input Key Selector でAボタンを押すと通常のクリック(左クリック)として扱われるという説明に納得できます。

特定の操作時はAボタンとして扱われる

この動画は Input Key Selector を先にマウスでクリックして入力受付状態にし、ゲームパッドでAボタンを押した時の挙動です。

この場合はAボタンとして扱われるようです。
ゲームパッドで Accept(Aボタン) を利用しなかったので、通常のゲームパッドとして認識されたのかなと思いました。

また、Input Key Selector の On Key Selected イベント時に入力されたキーの種類を判別する Blueprint も作成し、入力がマウスであることも確認出来ました。

この結果で、Input Key Selector 選択時はゲームパッド入力の判断が出来ていて、内部でマウスイベントに置き換えられているということが分かりました。

なるほど～とは思いましたがAボタンで返ってきて欲しかったんですよね...

C++ を使えば回避できるかも？

私はこの時点でお手上げだったので解決はできませんでした。
UE5.4 以降ならこういう方法があるそうです。

https://forums.unrealengine.com/t/why-does-left-mouse-click-register-when-i-press-gamepad-face-button-bottom-on-gamepad/1809814/3

他の機能で代用しようか検討中

CommonUI を使うとボタンやスライダ含め、ゲームパッドでのUIナビゲーションに利用できそうでいいな～と思ってたんですが、ゲーム制作にキーコンフィグを入れようと確認していた時にこの内容にぶつかってしまったのが今回の経緯でした。

プロジェクト設定で "GameViewportClient" にしていればこの挙動は発生しなかったので CommonUI をやめて UI Navigation 3.0 を代わりに使う方法も検証してたのですが、エディタが高頻度で落ちるようになったのでやむなく断念しました。

代わりにボタン+テキストの構成で、キー入力があったらキーの名前をテキストにセットしてそれっぽく見せる方法でどうにか出来ないかなと考えています。

キー入力の取得やキーコンフィグは Enhanced Input User Settings を使って色々検証出来ているので UI のナビゲーションが出来れば行けそうな気はしています(フラグ)

最後に

やっぱり UI 周りかなり難しいなと感じますね...
もうそろそろ UE5.6 もリリースになると思いますが何かしらアップデートがあると嬉しいですね。

UE5.6 の新テンプレートも結構楽しみにしています。

それではまた！

【UE5：検証】Actor Componentでタイムラインを使ってみる

皆様、こんばんは！

最近 UE5 に触れる時間が少し出てきたのでまた楽しんでおります。

今回は「Add Component by Class(クラスごとにコンポーネントを追加)」ノードを利用した時にたまたま見かけた "Timeline Component" というコンポーネント。

Actor Component で「Add Timeline」は利用できないけどコンポーネント経由ならもしかして利用できたりするのかな...という疑問から始まった久々の検証記事です。

結果的に利用できたという内容なのですが、Actor Component で「Add Timeline」ノードは普通の方法で利用できず、使い方的に大丈夫なのかは一切不明なため利用の際は十分ご注意下さい！

UE5.3.2 を利用しました。

この記事で行う事

Actor Component 内で Timeline Component を利用したタイムラインの挙動を作成し、この Actor Component を別の Actor(BP_Cube) で利用してキューブの位置を動かすだけのサンプルを作成します(Blueprint のみです)

始める前に

既にそういう機能が Fab で販売されているので興味のある方は是非！
Component Timeline

Actor Component では検索してもヒットしない

パレットからドラッグ、別の Actor BP からコピペして張るとかも禁止されています。

そこで今回の趣旨である "Timeline Component" を使ってタイムラインを作成し、必要なイベントをバインドして利用するというのが目的です。

Actor Component の作成

Timeline Component の追加

そして "Return Value"ピンから変数へ昇格(Promote to variable)します。
いつもならここで変数名を決めるんですが、変数名を変えてもデフォルトの New Var に戻ってしまうのでそのまま New Var として扱います(理由は分かりません)

画像にも載せましたが「Add Interp Float」「Add Interp Vector」「Add Interp Linear Color」「Add Event」となっています。
今回はキューブの位置を動かすだけなので「Add Interp Float」を利用します。

「Add Interp Float」とイベントのバインド

"Float Curve"ピンから引っ張り、これも変数へ昇格しました。後ほどカーブアセットを作成して指定します。

"Interp Func"ピンにはカスタムイベントを繋ぎ、名前はタイムラインノードに合わせて Update としました。

例えばタイムラインの「Play from Start」を呼ぶと、Update が再生～終了まで継続的に呼ばれます。

"Output"ピンには後ほど作成するカーブアセットに基づいた Float値が流れてきます。後ほどキューブの位置を動かす処理で追記します。

"Property Name" / "Track Name"ピンに必要に応じて名前を付けます。
プロパティ名・トラック名それぞれ None でもバインド先の Update はちゃんと機能していたので必須ではないようです。

「Set Timeline Finished Func」とイベントのバインド

キューブを動かすだけなので終了後に何かすることはないのですが、タイムラインの再生終了後に何かしたい時の備忘録として記載しました。
(おまけの項目で簡単に触れています)

"New Timeline Finished Func"ピンにカスタムイベントを繋ぎ、名前を「FinishedTimeline」としました。

必須ではないですが、イベントディスパッチャー(OnFinished としました)を作成し、「FinishedTimeline」の後に呼び出しておくと今回作成した AC_TimelineSample を BP で利用する際、"OnFinished” というイベントで利用できるので便利になるかもしれません。

カーブアセットの作成

追加されると △ アイコンがタイムライン上に作成されます。

これは1秒かけて0～1へ値が変化するという意味になります。
Float値は先程「Add Interp Float」で作成したカスタムイベント(Update)の "Output"ピンから受け取ることが出来ます。

カーブアセットをセットして残りの処理を完成させる

AC_TimelineSample に戻り、変数 "Float Curve" の初期値に CA_Cube をセットします(表示がない場合は AC_TimelineSample のコンパイルが必要です)

名前を "Start Location" としました。
この位置から適当な距離移動させるために利用します。

Lerp(Vector) の "Alpha"ピンと "Output"ピンを繋ぎ、 "Start Location" から Y軸方向に適当な距離動かすような処理にしました。

これで1秒かけて初期位置から250動く挙動が完成です。

BP_Cube で AC_TimelineSample を利用する

コンテンツブラウザで右クリックから、ブループリントクラスをクリックし、Actor を選択して作成します。名前を BP_Cube としました。

BP_Cube のイベントグラフより、"AC_TimelineSample"＞ "Get New Var(Timeline Component)"＞ 「Play from Start」を出し、「BeginPlay」と繋いだのが画像の右側です。

おまけ：タイムラインの再生終了時に何かしたい場合

また、タイムラインで利用可能な関数はイベントグラフで右クリックから「コンポーネント＞タイムライン」カテゴリで確認してみて下さい。

最後に

冒頭にも書きましたが、Actor Component ではタイムラインノードが使えないので無理やり使ってるような気がしなくもないです。

利用できると便利なのに...と感じることがちょくちょくあったので今回はとても勉強になりました。

それでは、また！

【UE5】よく忘れるセットの「Difference」「Intersection」「Union」備忘録

皆様、あけましておめでとうございます！
今年も宜しくお願い致します！

この変数を利用して「Difference」「Intersection」「Union」の結果どうなるかをまとめた記事になります。

前提として第一引数に「String A(Set A)」、第二引数に「String B(Set B)」を繋いだ結果になります。

Difference

Set A は「A, B, C」、Set B は「D, E, F」となっており、 Set B と同じ要素はないため Set Aの「A, B, C」がそのまま出力されています。

Intersection

Set A は「A, B, C」、Set B は「D, E, F」となっており、重複する要素が1つもないため結果は何もなしです。

Union

Set A は「A, B, C」、Set B は「D, E, F」となっているので重複した要素がないため全て結合された結果になっています。

最後に

今年は UE5 触れる時間が作れますように＞＜

【UE5】パッケージ化した後のセーブファイルの場所

※ 2024-10-08 追記

X にて、らりほまさんより AppData にセーブファイルが保存されるのは Shipping の時で、Development など別の Build Configuration でパッケージ化した場合、セーブファイルはパッケージ化したフォルダ内に保存されることを教えて頂きました！本当にありがとうございます！

https://x.com/rarihoma/status/1842152106737926214

それに伴い記事を加筆修正致しました。

皆様、こんばんは！

セーブファイルを消してパッケージ化したのに、いざ起動するとセーブファイルがロードされてるということがあり、以前 X で投稿したものですが記事にしてみました。

https://x.com/UE5wancoro/status/1700604417953976604

「Save Game to Slot」を使ってセーブを行った時、所定の場所にセーブファイルが作成されますが、エディタ(UE5)でセーブした時と、パッケージ化した物を起動してセーブした時パッケージ化する時に選択したもので保存場所が違っています。

エディタ(UE5)操作中にセーブした時

場所：プロジェクトフォルダ\Saved\SaveGames 内の「○○.sav」

こちらはパッケージ化ではなく、UE5 上で作成したセーブデータになります。エディタ上でセーブした際は作成中のプロジェクトフォルダ内の上記パスに保存されます。

Shipping でパッケージ化したものを起動してセーブした時

場所：C:\Users\"UserName"\AppData\Local\"ProjectName"\Saved\SaveGames 内の「○○.sav」

Shipping でパッケージ化した時は上記パスに保存されます。

「エディタ(UE5)操作中にセーブした時」の場所からパッケージ化前にセーブファイルを削除していたとしても、実際にロードされるセーブファイルは上記パスなので注意が必要です。

また、上記パス内にある "AppData" というフォルダは最初隠しフォルダになっています。

AppData フォルダにアクセスする

アクセスするだけなら他にも方法はありますが、隠しフォルダを表示する方法を紹介しておきます。

エクスプローラーの「表示」タブから "隠しファイル" にチェックを入れると表示されます。一個上の "ファイル名拡張子" にチェックを入れるとファイルの拡張子が表示されるので必要に応じて入れておくといいと思います。

Windows11 の場合は「表示」＞「表示」＞「隠しファイル」という項目があるそうです(環境がないためネットで調べた情報になります)

それ以外でパッケージ化した場合

場所：パッケージ化したフォルダ\"ProjectName"\Saved\SaveGames 内の「○○.sav」

パッケージ化する際に、パッケージ化したデータの保存場所を聞かれます。そのフォルダ内の上記パスに保存されるようです。

今まで Shipping 以外の確認をしたことがなかったため大変勉強になりました！改めまして、らりほまさん本当にありがとうございました！

【UE5】Niagara の Emitter Summary(エミッタの概要)でプロパティを整理する

※ 本記事では UE5.3.2 を利用しています

Niagara のエミッタで利用できる「エミッタの概要(Emitter Summary)」についての記事です。
見たことはあったのに使い方は知らなかったのですが結構便利な機能だったので取り上げてみました。

エミッタの概要の機能

Niagara でエフェクトを作成していると、良く触るのにどのモジュールの中にあったっけ...と探したりすることがありました。
この機能を使うことでお気に入り登録のような感じで自分で使いやすいようにカスタマイズできるのがこの機能です。

どういう時に使えそうか

個人制作では、よく使うプロパティを見つけやすくするのが基本かなと思いました。共同制作をされている場合は調整してほしいプロパティを明示するために登録したりもできるかな？と思いました。

サマリビュー

右側が切れていますが、セクションを追加/カテゴリを追加 という所に必要なものを登録していくような流れになっています。
今は何も登録してないため右側は空になっています。

サマリビューに登録

サマリビューには [入力] が付いたものとそうでないものが存在します。

現在 [Random] になっているため「エミッタの概要」の方でも連動して Lifetime Min, Lifetime Max しか出ていません。
[Direct Set] にすると Lifetime だけ表示されます。

ただ「エミッタの概要」だけ見た時、どっちが選択されているか分かりづらいので、下記方法でプルダウンのメニューも一緒に登録しておく方がいいと思います。

今回の場合は Lifetime Mode を親にし、その下に [入力] と付いたプロパティを追加することで「エミッタの概要」も見やすくなります。

画像に注意点を記載しましたが、階層を弄ったりしていると「エミッタの概要」に反映されていないことがあるのでその場合は Niagara Editor のタブを一度閉じて開き直すか、反映しないものを消して再登録することで反映するようでした (コンパイルでは反映しなかったです)

サマリビューの登録を便利にするTips

サマリビューから手動で登録する時、名前順でもなければ、プルダウンメニューに関連しているプロパティ毎に並んでいる訳ではなさそうでした。

他にいいやり方があるかもしれませんが、下記方法で登録するのが分かりやすかったです。

モジュールのプルダウンメニューを右クリックから登録

サマリビューで子入力を追加する

おまけ

UE5.4 で機能追加？

セクションとカテゴリ

サマリビューの左側にある各プロパティは直接追加出来ないようでした。カテゴリをフィルタするためのボタンがセクションということになりそうです。

Display Name/Tooltip Override

それではまた！