Unity - uGUI ボタン画像よりも大きなタッチ反応領域をつくる（2020年版）

以前、ボタンの画像よりも大きくタッチ範囲領域を作ったのがこの方法。

大きい画像を透過にして仕込む

unity2d.hateblo.jp まぁ、uGUIは画像がタッチ範囲なので、もうちょっと大きい画像を新たに作って透過にしちゃえ。という、まぁ、ちょっとスマートではないやり方でした。

もう時代は令和なので、もうちょっと別の方法も。

スクリプトを使って子オブジェクトのtransformを使う

ひとつは、テラシュールさんで紹介している、子のGameObjectのtransformを当たり判定にしてしまうスマートなやり方。紹介されているスクリプトをボタンの子オブジェクトに追加すればあっという間に出来上がり。 tsubakit1.hateblo.jp ただ、記述されている関数が廃止になっているため、現状の書き方に変えてあげる必要があります。

using UnityEngine;
using System.Collections;
using UnityEngine.EventSystems;
using UnityEngine.UI;
#if UNITY_EDITOR
using UnityEditor;
#endif

namespace UnityEngine.UI
{
    public class GraphicCast :Graphic
    {
        protected override void OnPopulateMesh(VertexHelper vhelper)
        {
            base.OnPopulateMesh(vhelper);
            vhelper.Clear();
        }

#if UNITY_EDITOR
        [CustomEditor(typeof(GraphicCast))]
        class GraphicCastEditor :Editor
        {
            public override void OnInspectorGUI()
            {
            }
        }
#endif
    }
}