(:3[kanのメモ帳]スマートフォン用の表示で見る(:3[kanのメモ帳]個人ゲーム開発者kan.kikuchiのメモ的技術ブログ。月木更新でUnity関連がメイン。2018.4.4f1はじめにUnityはSpriteRendererでもuGUIのImageでも、画像一部分だけを表示するいわゆるマスクを簡単に実装する事出来ます。画像の内側を切り抜いて表示する(逆マスク)は、uGUIのImageでは出来ません。いうことで今回は、uGUIのImageで逆マスクを実装する方法の紹介です。記事中の画像は以下のアセットを使っております。UnmaskForUGUI今回はuGUIで逆マスクを実装するのに、UnmaskForUGUというアセット(?)を使います。導入はGitHubからダウンロードしてきて、UnmaskForUGUIというディレクトリをProjectにドラック&ドロップするだけ。次に使い方ですが、まずマスクをしたいImageの親にImageとMaskを設置します。この時、Maskのサイズが子のImageより小さいと、外側が一部映らなくなるので注意が必要です。その後、Maskの下にImageとUnmaskを配置します。すると、対象のImage(例だとCharacter)の内側がUnmaskに合わせて切り抜いて表示されるようになります。Unmaskの画像を変えると、それに合わせて切り取る形も変わります。Childrenを有効にする事で子に配置したものだけを逆マスクの対象にする事も出来ます。Unmaskより全面に表示されるものだけ逆マスク処理がされます。(下の例だと、CharacterBackは逆マスク処理されない)ちなみに、ImageだけでなくTextやTextMeshProにUnmaskを付ける事もできます。はてなブログPro個人ゲーム開発者。ω、)_新作は札束風呂VRや神巫女。Policy広告はてなブログをはじめよう!kan_kikuchiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。