タグ：
button

2023年1月20日

【初心者向け】ButtonのOnClickをC#スクリプトで登録する

ゲームを作っているとButtonコンポーネントは良く使うと思います。
そしてクリックをしたときの処理はInspectorのButtonコンポーネントにあるOn Clickで関数を登録することが多いと思いますが、今回はスクリプトで色々やってみたいと思います。

Unityスキルアップ、
始めるなら今

パズル、脱出、RPG...目標のゲームを完成させよう！

人気のUnity講座はこちら

Button用スクリプト作成

まず新規プロジェクトを作成しButtonをHierarchyに作ります。

続いてButtonにスクリプトを追加します。
Assetsに新たにC#スクリプトを作成します。
今回はButtonControllerと名付けました。
ButtonControllerを最初に作ったButtonにアタッチします。

OnClick

簡単な処理

それではスクリプトでイベント（クリックした時の処理）を登録していきましょう。
ログを出してみたいと思います。

このような感じです。
Start関数で自身のButtonコンポーネントを取得します。
そしてButtonにクリックするというイベントが発生したときに、AddListener関数でどういう処理をしたいのかを登録しています。
実際にクリックしてみましょう。

このようにログにtestと表示されました。

関数の登録

先程はログを出すだけでしたが、自作の関数をAddListenerで登録することもできます。
ゲームオブジェクトをオンオフする簡単な処理をやってみましょう。

スクリプトはこのような感じです。
SerializeFieldでゲームオブジェクトを取得しSwichObj関数で表示非表示を切り替えています。
Unityエディターで適当なゲームオブジェクトを作成し、ButtonのInspectorからアタッチして実行してみましょう。

Buttonをクリックする度にゲームオブジェクトの表示非表示が切り替わりました。

引数付きの関数を登録

AddListenerに登録する関数には引数を渡すこともできます。
クリックする度に数字を増やしていく関数を作ってみましょう。

本来は変数iをDebug.Logで表示させればいいので引数を渡す必要はありませんが、実験のためあえて引数付きの関数を登録しています。

複数のButtonに関数を登録する

では複数のボタンに別のスクリプトから関数を登録してみましょう。
押したボタンに応じてゲームオブジェクトの色を変更するような仕組みを作ってみます。

流れはこのような感じになります。

Unityエディター上でButtonParentという空のゲームオブジェクト作成
ButtonにアタッチされていたButtonControllerを削除
Buttonを適当な数だけ複数増やす
ButtonParentにスクリプト追加（ButtonController）
ButtonControllerの修正

まずHierarchyとゲームシーンはこの様になっています。

続いてButtonControllerの中身を改造していきます。

このようになりました。
忘れないうちにButtonParentのInspectorから必要なものをアタッチしておきます。

Start関数で複数Buttonの親要素であるparentからGetComponentsInChildrenですべてのボタンを取得しButton型の配列buttonsに格納します。
続いてforeachのループでbuttonsからbuttonを一つずつ取り出します。
ループ内ではランダムで色を生成してAddListenerでColorが引数の関数ChangeColorを登録しました。
ChangeColor関数では表示非表示で使ったSquareを使って、引数で渡ってきた_colorを使い色を変更するという仕組みです。
実際に動かしてみましょう。

このようにクリックしたボタン毎にランダムで色が登録され、その色がSquareに反映されています。

以上簡単でしたが、ButtonのクリックイベントをInspectorではなくC#スクリプトから登録する方法でした。
色々応用が出来ると思いますので是非試してみて下さい。

おすすめUnityオンライン学習

一人でゲーム開発が不安な方はオンラインスクールで学習すると効率が良いと思います。
以下に当てはまる人は検討してみると良いかもしれません。

「ゲーム作りけど何から初めればいい？」
「入門書をの次に何をしたらいいの？」
「疑問や問題を一人で解決出来ない。。」
「ゲームを完成させる自信がない。。」
「気軽に質問できる環境が欲しい。。」

自分で学習することに限界を感じたら
オンライン学習しましょう！

Udemy

特徴：教材動画買い切り型

レッスン方法:動画教材/Q&Aで質問

習得スキル:教材動画によって異なる

コース概要: ピンポイントで作りたいゲームジャンルの動画を見つけることができるかもしれません。また頻繁にセールを開催していますのでゲーム開発講座が1500円～で購入することも可能です。

ゲームジャンル別おすすめ講座はこちら Udemy 詳細

テックアカデミー

特徴：現役エンジニア伴走型レッスン

レッスン方法:チャット（週2回）/テキストチャット/課題レビュー

習得スキル:オリジナルゲームアプリの作成

コース概要: 途中で挫折しないためにメンター（相談者）が週2回、マンツーマンであなたの質問・相談に答えてくれるので、ゲーム開発・プログラミング未経験の人でも安心してゲーム開発に取り組めます。転職したい人向けのサポートもあります。無料体験もあります。

テックアカデミー詳細

テックスタジアム

特徴：ゲーム開発の為のオンラインスクール

レッスン方法:動画教材,Slackでの質問（24時間）

習得スキル: Unity,UnrealEngine、CG、企画、サーバー、AI、XR等

コース概要: ゲーム業界で必須な技術の習得が可能です。Slack上で待機している先生への24時間、何度でも質問できます。またIT・ゲーム業界への就職サポートが無料で受けられます。
ゲーム開発に特化したオンラインスクールですので、Unityはもとより、他のゲームエンジンやゲーム業界に興味がある方にはオススメです。

テックスタジアム詳細

デジハリONLINE

特徴：動画カリキュラム型レッスン

レッスン方法:動画講座/Slack/予約制Zoom相談

習得スキル:Unity基礎,実践/ハイクオリティ3Dゲーム

コース概要: デジタルハリウッド大学・大学院などを通じたデジタルコンテンツ業界とのつながりを活かし、最新かつ実践的なカリキュラムを提供しています。【基礎編】【実践編】とカリキュラムが分かれていて、それぞれに課題があり、ご自身の理解度を把握できます。最終的にはハイクオリティの3Dゲームが作れるようになります。

デジハリONLINE 詳細