hiyokosabrey https://blog.hatena.ne.jp/hiyokosabrey/ みつまめ杏仁 https://limesode.hatenablog.com/ Photoshop UE5 UI UI制作 ゲージ マテリアル 円グラフのように増減するゲージを作るとき、atan2（アークタンジェント２というプログラムの関数）をありがたく使わせてもらっています。少ないノードで実現できてしまうので、大変便利でありがたい存在。解像度に依存しないのもうれしい。ゲームで印象に残っているのはピクミン（2001年）かな。 原理的にはシンプルで、指定した座標と原点(0, 0)との位置関係を 角度 に変換してくれるというものです。なのでUV座標と atan2関数 を組合わせると下図のように変換することができます。 さらに Step や SmoothStepノードをつなげば円グラフゲージの増減が可能です。 アンリアルエンジンのマテリアル… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Flimesode.hatenablog.com%2Fentry%2F2023%2F07%2F01%2F152130" title="ゲージをテクスチャで増減させる - みつまめ杏仁" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/h/hiyokosabrey/20230701/20230701084752.png Hatena Blog https://hatena.blog 2023-07-01 15:21:30 rich https://limesode.hatenablog.com/entry/2023/07/01/152130 1.0 100%