UE5.3を使用したゲーム制作備忘録を作成中!

モバイル向けゲームを作るため日々奮闘中!
同じ悩みを持つ人たちの、解決の糸口になれば幸いです。

詳細はこちら
PR
スポンサーリンク

Unreal Engine コツコツ自習_画面タッチ用のアクションボタンを作成する方法

UEコツコツ自習シリーズ
スポンサーリンク

画面タッチ用のアクションボタンを作成する

今回は画面タッチ用のアクションボタンを作成する方法を備忘録にします。

※作業環境:UEバージョン5.3.2

備忘録

モバイルゲーム制作では、画面タッチで機能するボタンが必要になります。

攻撃やジャンプなどのアクション処理は既に組み終わっていることとし、

今回はボタンを追加して、ボタンをタッチしたらアクションが実行される方法をまとめます。

ボタンを作成して画面に表示させるためのウィジェットを作成します。

こんな感じでUIを作成しました↑(ご参考に)

UIは画面上に表示するプレイヤーの体力や操作ボタンなどのことです。

今回はウィジェットブループリントの操作方法は省略します。

ボタンとして機能するように「Botton」を配置します。

ボタンに画像を貼りつけて、装飾していきます。

「ボタン」を選択している状態で詳細を確認します。

「Events」の「On Released」の横の+ボタンを押します。

既にOn Releasedを選択していると矢印マークになります。(上の写真がそれ)

この「Events」は、処理するタイミングで使い分けることが出来ます。

  • On Clickedは、ボタンがクリックされたときに開始します。
  • On Pressedは、ボタンが押された瞬間に開始します。
  • On Releasedは、ボタンが押された状態から指が離れたときに開始します。
  • On Hoveredは、ボタンの上にカーソルが乗ったときに開始します。
  • On Unhoveredは、ボタンの上からカーソルが離れたときに開始します。

「On Released」を押すと、イベントグラフの画面に移ります。

それではイベントグラフにノードを組んでいきます。

まずは初期設定です。

「Event Construct」ノードが初めから配置されていると思うので繋げていきます。

「Event Construct」は初めの一回だけ処理されるイベントです。

「Get Player Character」ノードでコントロールしているプレイヤー情報を取得します。

「Cast To ~」ノードに繋げて「BP_Player」をキャストします。

BP_Playerにアクションの処理を組んでいるので、キャストして情報確認できるようにする感じです。

キャストした情報を変数にしてセットしておきます。

次にBP_Playerファイルを開きます。(アクション処理を組んでいるブループリント)

プレイヤーのアクションを組んでいる場所に「カスタムイベント」ノードを作成します。

これはボタンを押したときに処理が開始されるイベントになります。

上の写真では「AttackProxy」という名前にしています。(Proxyは代理みたいな意味です)

ウィジェットブループリントに戻ります。

作成した「On Released」ノードに、ボタンを押したときの処理を組んでいきます。

Getノード(Get Valid)でデータが見つかれば処理を進め、なければ処理をしないようにします。

※ただのGetノードではなく、?Is Validと合わせたノードです。

これにより、プレイヤーがいない時にボタンを押したらゲームが落ちる可能性を無くします。

先ほどBP_Playerファイルで作成したカスタムイベントを呼び出します。

これでプレイヤーが存在する場合、タッチ機能が反応して、アクションを実行するようになります。

他の記事を探す

他の記事も気になる方は、以下の記事の目次を確認ください。

タイトルとURLをコピーしました