関連ブログ
- [UE5]マテリアルでメッシュをスケールする方法 2024.01.17UE
- [UE5] SafeZoneを使用してUIがノッチに隠れるのを対策 2023.07.05UE
- [UE5] セルルックっぽい表現を作ってみよう! 2023.06.07UE
CATEGORY
2019.10.30UE4UE/ UMG
執筆バージョン: Unreal Engine 4.23 |
突然ですが、まずはUI用のマテリアルを作りましょう。
マテリアルを作ったら、下記のような設定に変更してください。
すると出力ノードが下図のように変わります。
今回は、赤枠で囲った「Screen Position」を使って、色々遊んでみようと思います。
※これから紹介する一部のアニメーションは、「Text Block」に直接マテリアルをセットすると正常に動作しないのでご注意ください。
(具体的にはマテリアル内で「Texture Coordinate」使っていると駄目なようです。「Text Block」から正常にUVを取得できない模様です)
下図のように、「Retainer Box」に「Text Block」を入れて、「Retainer Box」側にマテリアルをセットしてください。
※”Sine”ノードのアウトプットを”Y”に繋げば縦スライドになります
※縦横比は考慮しないので、長方形のWidgetは均一に拡縮できません
※使い道はよくわかりません
4頂点をアニメーションさせるだけなのであまり複雑なアニメーションはできませんが、アイデア次第でまだまだ色々な使い道ができそうです。
ぜひ活用してみてください!