unityでbuttonを使って隣り合うbuttonの色変えをしたい

Question

現状できていること

現在buttonを使った処理の練習をしています。現在ButtonにC#を用いた下記のButtonchangerスクリプトをアタッチしておりButtonを押すごとに押したButton自身の色を水色（初期の色）→緑→黄色→オレンジ→赤というように変更するところまではできています。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class Buttonchanger : MonoBehaviour
{
    public int count=0;
    //ここでカラーを設定
    [SerializeField]
    Color btnColor1 = Color.cyan;
    [SerializeField]
    Color btnColor2 = Color.green;

    [SerializeField]
    Color btnColor3 = Color.yellow;

    //inspector上で指定するのでwhiteに仮置き
    [SerializeField]
    Color btnColor4 = Color.white;

    [SerializeField]
    Color btnColor5 = Color.red;


    //ボタンをキャッシュする変数
    Button btn;
    

    void Awake()
    {
        //何度もアクセスするのでこの変数にキャッシュ
        btn = gameObject.GetComponent<Button>();
        btn.image.color = btnColor1;
    }

    void Start()
    {
        btn.onClick.AddListener(OnClick);
    }

    public void OnClick()
    {
        count+=1;
        if (count == 1)
        {//greenに変更
            btn.image.color = btnColor2;
            Debug.Log("押されて緑になりました");
        }


        if (count == 2)
        {//黄色に変更
            btn.image.color = btnColor3;
            Debug.Log("押されて黄色になりました");

        }

        if (count == 3)
        {//オレンジに変更
            btn.image.color = btnColor4;
            Debug.Log("押されてオレンジになりました");
        }

        if (count == 4)
        {//赤に変更
            btn.image.color = btnColor5;
            Debug.Log("押されて赤になりました");


        }
    }



}

実現したいこと

このButtonを複数個用意して塗り替えパズルのようなものを作りたいと思っています。
このButtonを6×6マス配置して、適当なButtonを一回押したときは押したButtonだけcountを+1して色が緑に、同じButtonをもう一度押して緑から黄色にするとき、今度はそのButtonだけじゃなく両隣のButtonのcountを+1して自身は黄色に両隣は緑に、さらに黄色の時にもう一度おしたときは左右に加えて上下のButtonのcountを+1して色を変え、自身はオレンジに、オレンジの時にButtonを押したときは上下左右にくわえて斜め方向、つまり押すボタンの周りすべての色を一段階変える。といった処理をしたいと思っています。とても分かりにくい説明になってしまい申し訳ないのですが実現のための解決法やアドバイスを簡単な解説も踏まえて教えていただけたらありがたいです。

Answer 1

ボタンの名前に規則性をもたせて、ボタン名から「隣のボタン」を取得するという方法はどうでしょうか。
this.nameでクリックされたオブジェクト名を取得し、そこから「隣のボタンの名前」を求めてからGameObject.Find(オブジェクト名)で指定した名前のゲームオブジェクトを取得すれば、隣のbuttonを操作することができます。

話を単純にするために、以下のようにボタンを3つだけ置いた場合の例を書くと、以下のようになります。

[Button01][Button02][Button03]

public void OnClick()
{
	string buttonNumberStr = this.name.substring(6, 2);                      // クリックされたボタン名の中から、ボタン番号("01"などの2桁分)を切り出す
	int nextButtonNumber = Convert.ToInt32(buttonNumberStr) + 1;             // 隣のボタン番号を算出する
	string nextButtonName = string.Format("Button{0:00}", nextButtonNumber); // 隣のボタン名を組み立てる
	GameObject nextButton = GameObject.Find(nextButtonName);                 // 隣のボタン取得

	nextButton.GetComponent<Button>().image.color = Color.red;               // 隣のボタンの色を操作
}

あとは細かい条件によって行いたい処理を分けていけばいいと思います。
また左右だけでなく上下にもボタンを並べてそれを取得したい場合は、以下例のようなボタン名で配置すればよいでしょう。

[Button01_01][Button01_02][Button01_03]
[Button02_01][Button02_02][Button02_03]
[Button03_01][Button03_02][Button03_03]

Comments

[dasonumaso]

わかりやすく教えていただきありがとうございます。ひとまず上記のように設定してとなりのButtonの色を変えることには成功しました。上記のスクリプトで隣のButtonのButtonchangerスクリプトを呼び出してその中のcountを＋１すれば実現できそうなのですが、そうしたい場合どう書けばいいか教えていただけませんか？

[ku__ra__ge]

そのボタンにアタッチされているButtonchangerコンポーネントはButtonコンポーネントと同様に`var changer = ボタンGameObject.GetComponent<Buttonchanger>();`で取れます。
あとは`changer.count += 1;`でcountを1増加できます。ただ、当然count変数を+1するだけでは表示は何も変わりませんので`changer.OnClick();`のように色を変えるところまでまとめて処理をしているメソッドを呼び出すのが良いと思います。

Answer 2

とりあえず思い付いたもの２案。

---

方法１：「左右位置にあるButtonchanger」という参照を持つ。
public Buttonchanger[] leftRights;という変数を作っておき、左右に位置するボタンに付いているButtonchangerコンポーネントをインスペクターから追加。
＋１したい時はforeach (item in leftRights) { item.OnClick(); }などとする。

上下や斜めについても同様に「上下位置にあるButtonchanger」「斜め位置にあるButtonchanger」の配列を作り、条件分岐しつつ同じ要領で＋１用メソッドを呼ぶ。

---

方法２：「管理用スクリプト」を作る。
ゲーム内に１つだけ存在するスクリプト（仮にGameControllerとする）を作って、そこで管理する。
そこにpublic Buttonchanger[] buttons;という配列を作り、インスペクターから各ボタンに付いているButtonchangerコンポーネントを順番に入れる。

ボタンが押された時にGameControllerの適当なメソッドを呼び出し、
「今押されたGameController」と「それが何番目であるか」を取得。
（ボタン押下時に自身のIDを渡す、Buttonchangerを引数として渡してArray.IndexOfで求める、など）

更に必要に応じて上下左右斜めのボタンを求める。
（配列なので0スタートとして、今押されたボタンが「8」だとすると、左右は「7・9」、上下は「2・14」斜めは「1・3・13・15」だと計算＋端の場合の条件分岐のみで求められる）

あとは求めたボタンの色変えメソッドを呼ぶ。

（「全ての色が赤になったらクリア」みたいな全ボタンに対する判定があるなら、buttons配列がそのまま使えるのでこっちの方がオススメ）