【Unity】フレーム等のスプライトをきれいに引き伸ばす【Sprite】

概要

SpriteをScaleでサイズの変更を行うと、上記画像のようにかなり不格好に引き伸ばされてしまいます。
今回はそれの解決方法となります。
(Imageでもほぼ同様のやりかたできれいに引き伸ばせます。)

①-1、きれいに引き伸ばしたい画像を選択し、Inspecterから「SpriteEditor」を開く

①-2、SpriteEditor上に表示されている緑の線を引き伸ばしたくない場所に合わせて移動させる
(緑の線が見つからない場合は端っこに隠れてる可能性があるので、隅の方をドラッグすると出てくると思います。)

ちなみにここまでの手順を行えばUI.Imageの方ではすでにキレイに引き伸ばせます！

②-1、Draw Modeを「Sliced」に変更します。

②-2、Draw Modeからサイズの変更を行います。

この処理後もTransformのScaleを変更すれば今まで通り引き伸ばすような変形ができます。
Draw ModeのSizeもスクリプトから変更可能なのでそのへんの心配も無用です！

キレイに引き伸ばしてレッツエンジョイUnity！！