ProgressBarの形状を変形させたい。

お世話になります。添付の画像の形状を1つのProgressBarで実現したいと考えています。

添付の画像は2つのProgressBarを使い再現しています。ProgressBarのPercentの部分をバインドしてプレイヤー側のHealthの変数値で増減させたいので2つのままでは処理が面倒です。どうにか実現する方法はありますでしょうか。お知恵をお貸しいただければ幸いです。よろしくお願いいたします。

一番シンプルな実装は

256223-tex.png

図のようなテクスチャを用意して右下の部分をアルファ抜きしてやれば良いです。



もしくはこういった形で簡単にマテリアルで作ってしまってもいいかもしれません。


あとはWidgetのプログレスバーにテクスチャ、またはマテリアルをセットすれば下図のようになります。

ご回答ありがとうございます。ご提示いただいたように自分で作るしかないんですね。一度試してみます。

お返事が遅れまして申し訳ありません。ご提示いただいた方法でマテリアルの作成から進めてみたところ、無事に思い通りのProgressBarが完成しました。改めましてご回答ありがとうございました。

上手くいったようで何よりです!

Customノード内のstep関数の0.5の値を変えれば表示される割合も変更されますので

比率を変えたり絵柄を変えたい場合はいろいろ試してみてください!

既にStep関数を含めて他のプロパティなども弄っていますがマテリアルはやっぱり奥深いですね. …。マテリアルはUE4の入門書以降、殆ど手付かずでした。Customノードを調べていてシェーダーコンパイラにも興味が出たので、それを含めてマテリアル自体を集中的に学び直そうと思います!ありがとうございました!