Unityで簡単なクリックゲーム作成【04：クリックの処理】

Unity初心者の方向けに簡単なクリック連打ゲームの作り方を紹介しています。

今回は4回目。いよいよ黒い点をクリックする処理を実装していきます。

このようなゲームを想定しています。PCのみとなりますがプレイできます。

Paint it black

このゲームは白い地面を黒く塗りつぶすのが目的のゲームです。操作はマウスのみです。

ターゲットの簡単な修正

本題に入る前に前回の修正を行います。
Targetが白い盤面の裏側に隠れてしまう事があります。
こんな感じです。

この修正を行います。
やり方は非常に簡単でHierarchyのTargetを選択しInspectorのSpriteRendererコンポーネントにあるOrder in Layerを0から1にします。
これでTargetが手前に来るようになりました。

これで手前に表示されるようになりました。

更にこのタイミングでTargetにTagを追加しておきましょう。
Targetというタグを設定しました。

これで前回の修正は終わりです。

黒点とターゲットが重なった時のクリック判定実装

では本題に入ります。
BlackChipとTargetのコライダーを利用し実装していきたいと思います。
流れは下記のような感じにしようと思います。

TargetとBlackChipが重なっているかフラグの変数用意
BlackChipControllerでフラグの切り替え
MapControllerのUpdate関数内にクリック処理実装

ではまずBlackChipControllerを開いてbool型のメンバ変数を用意します。
後にMapControllerで参照したいのでアクセス修飾子はpublicにしておきます。
isTargettingという名前にしました。

続いて重なったかどうかの判定を追加していきます。
OnTriggerEnter2D（重なった時）とOnTriggerExit2D（外れた時）を使って実装したいと思います。

BlackChipControllerはこのようになりました。

確認用にログを出しています。
実行するとこんな感じになりました。

重なったかどうかの判定ができていると思います。
確認ができたのでDebug.Logは削除しておきます。

続いて重なっている時にクリックされた処理を実装していきましょう。
MapControllerのUpdate関数内でその処理を記述していきます。

これで挙動を確認してみましょう。

BlackChipとTargetが重なっている時にクリックされるとログが出るようになりました。
重なっていない時は何も反応がありません。
これでクリックの実装はできたかなと思います。

クリック時の白い盤面を黒に反転する処理

では白い盤面を黒に反転していく処理を実装していきます。
やり方は色々あると思いますが、先程のTargetとの重なり判定で使ったOnTriggerEnter2DとOnTriggerExit2Dを利用したいと思います。
具体的には下記のような流れで実装していきます。

BlackChipControllerにWhiteChipを格納するリストを設定
BlackChipと接触したWhiteChipをリストに格納＆削除
BlackChipControllerに反転させる関数を作る
反転用関数をMapController側で呼び出す

まずBlackChipControllerにGameObject型のListを用意します。
接触したWhiteChipのゲームオブジェクトを格納していくのでwhiteChipsとしました。
続いて先程のTarget同様、WhiteChipのタグを利用してWhiteChipsリストに追加したり、削除したりという処理を書いていきます。

この段階でソースコードはこのようになりました。

続いてWhiteChipを黒に反転していく関数を作ります。
TurnColorという関数にしたいと思います。
この関数で行うことはWhiteChipsをforeachで回し色を黒にしてタグをWhiteからBlackに変更。
最後にリストの中身をClearで空にします。

この関数を先程MapControllerのUpdate関数内で記述したクリック処理で呼び出してみましょう。

では実際に白から黒に反転するか確認してみましょう。