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

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

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

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

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

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

人気のUnity講座はこちら

Udemy講座

ターゲットの簡単な修正

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

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

ゲームオブジェクトの順序確認
これで手前に表示されるようになりました。

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

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

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

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

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

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

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

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

確認用にログを出しています。
実行するとこんな感じになりました。
OnTriggerEnter2DとOnTriggerExit2Dのログチェック

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

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

これで挙動を確認してみましょう。
クリックされたときのログチェック

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

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

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

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

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

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

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

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

では実際に白から黒に反転するか確認してみましょう。
盤面ゲームオブジェクトの白黒反転

このようにクリックされたら白から黒に反転してくれるようになりました。

黒点の速度変更と不要なものの削除

これで今回の目標は達成できたのですが、このままでは簡単にクリックできてしまいます。
そこでBlackChipがクリックされたら移動速度を変更させてみたいと思います。
BlackChipContorllerのTurnColor関数内に一行追加します。

最後に以前確認用にBlackChipの目標ポイントを赤くしていました。
移動先がわかってしまうと簡単に追えてしまうのでこちらは削除しておきます。
MapControllerのStart関数とUpdate関数内です。
このような感じになります。

ではこれで実行してみたいと思います。
的の移動速度修正チェック

難易度が上がったと思います。

これでクリックの処理が完成しました。
次回はタイマーや何パーセント黒く塗れたかと言った処理を実装してこのゲームを完成させたいと思います。

今回までのソースコードはGitHubにアップしておきますので、よかったら参考にしてみてください。

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

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

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

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

Udemy

Udemy
特徴:教材動画買い切り型
レッスン方法:動画教材/Q&Aで質問
習得スキル:教材動画によって異なる
コース概要: ピンポイントで作りたいゲームジャンルの動画を見つけることができるかもしれません。 また頻繁にセールを開催していますのでゲーム開発講座が1500円~で購入することも可能です。
ゲームジャンル別おすすめ講座はこちら Udemy 詳細

テックアカデミー

テックアカデミー
特徴:現役エンジニア伴走型レッスン
レッスン方法:チャット(週2回)/テキストチャット/課題レビュー
習得スキル:オリジナルゲームアプリの作成
コース概要: 途中で挫折しないためにメンター(相談者)が週2回、マンツーマンであなたの質問・相談に答えてくれるので、ゲーム開発・プログラミング未経験の人でも安心してゲーム開発に取り組めます。転職したい人向けのサポートもあります。無料体験もあります。
テックアカデミー 詳細

テックスタジアム

テックスタジアム
特徴:ゲーム開発の為のオンラインスクール
レッスン方法:動画教材,Slackでの質問(24時間)
習得スキル: Unity,UnrealEngine、CG、企画、サーバー、AI、XR等
コース概要: ゲーム業界で必須な技術の習得が可能です。Slack上で待機している先生への24時間、何度でも質問できます。またIT・ゲーム業界への就職サポートが無料で受けられます。
ゲーム開発に特化したオンラインスクールですので、Unityはもとより、他のゲームエンジンやゲーム業界に興味がある方にはオススメです。
テックスタジアム 詳細

デジハリONLINE

デジハリONLINE
特徴:動画カリキュラム型レッスン
レッスン方法:動画講座/Slack/予約制Zoom相談
習得スキル:Unity基礎,実践/ハイクオリティ3Dゲーム
コース概要: デジタルハリウッド大学・大学院などを通じたデジタルコンテンツ業界とのつながりを活かし、最新かつ実践的なカリキュラムを提供しています。【基礎編】【実践編】とカリキュラムが分かれていて、それぞれに課題があり、ご自身の理解度を把握できます。最終的にはハイクオリティの3Dゲームが作れるようになります。
デジハリONLINE 詳細

関連記事

最後までご覧頂いてありがとうございました。

Unityゲーム制作講座 多数公開

作りたかったジャンルの講座でスキルUP♪