こんにちは。 みなさんはUMGで角丸のウィンドウを表示するとき、どのように作成しているでしょうか。 おそらく多くの方が丸や角丸のテクスチャを作成してmarginで9スライスして表示しているかと思います。 ただ、異なる角丸がデザインに含まれる場合、半径ごとにテクスチャを用意するのは結構大変ですよね。 そこで今回ご紹介するSphereMaskが役に立ちます。 SphereMaskは以前、こちらの記事でもご紹介してますが、UIでも役に立つんです。 まずContentsからMaterialを作成して、以下のようなノードを組んでみてください。 Materialに丸が描かれます。 AにはMaskの中央の座標を入れます。 BにはTexCoordを入れます。※こちらのUTiling、VTilingの値を変更すると楕円形にすることもできます。 Radiusには半径の値を入れます。 Hardnessには境界の
![[UE4]SphereMaskで角丸ウィンドウの作成|株式会社ヒストリア](https://cdn-ak-scissors.b.st-hatena.com/image/square/344f2533a481b6b25377b6470d28f3c0a4b2b4c8/height=288;version=1;width=512/https%3A%2F%2Fhistoria.co.jp%2Fwp%2Fwp-content%2Fuploads%2F2021%2F04%2Feb0989d3e9d9c0cf743d19ea4cb19f0f-1024x428.png)