新しいこと、枯れたこと問わずサムザップ大庭が興味を持ったものを調査、生活の効率を求める完全趣味の技術ブログ。基礎を大事にしています。UIuGUIにはテクスチャをマスクするためのMaskコンポーネントご実装されていますが、まあこいつが使えない。結果なんか思ったのと違うものが出来上がります。縁が汚いアンチエイリアスが効かないので、カーブを持つマスク画像だと結構ジャギが目立ちます。指定したマスク画像のアルファ値が1未満になると0に切り捨てるっぽいです。クオリティを担保するためにマスクの縁を上から隠すなどの工夫が必要です。根本解決ではないのですが、回避方法の1つを紹介します。マスクコンポーネントを使用しないマスクシェーダを新規で書いて対応します。uGUIのシェーダは本家のシェーダをカスタマイズします。www.shibuya24.info上記の記事を参考に本家からダウンロードしてください。_MaskTex;}マスク画像自体ははグレースケールで作ります。白に近づくと不透明、黒に近づくと透明度が上がります。チェックを入れることを忘れずに。maskCol.a;フラグメントシェーダで、取得したピクセルごとのマスク画像のアルファ値を出力カラーのアルファ値に代入します。すると、このように綺麗なグラデーションを表現するマスク画像が作成できます。問題点マスクコンポーネントと違い、子階層のuGUIオブジェクトには適用できません。1枚ごとのRawImageに対して適用できるマスク表現です。uGUIで綺麗なマスク表現Tweet読者になるボタンを押して貰えるととてもがんばれます。大庭俊介(bao_bao)渋谷のUnityエンジニア。スマホゲーム作って生活しています。設計、組み込み、演出一通りを自分1人で完結して作るのが得意です。よろしければTwitterフォローお願いします。(@ohbashunsuke)株式会社サムザップでUnityエンジニアとしてスマホゲーム作っています。(1)スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。