3Dアクションゲームの作り方3　プレイヤーの攻撃処理とボタン機能を開発しよう

Unity 3Dアクションゲームの作り方　ゼルダ・原神・モンハン風 (スマホ化対応)

2022.08.28

→Unity入門の森オリジナル本格ゲーム制作講座はこちら
11種類の本格ゲームの全ソースコード公開・画像＆動画による解説付き

本講座はUnityで3Dアクションゲームの作り方について説明していきます。前回はプレイヤーに武器を持たせアニメーションをさせるところまで解説してきました。

前回の記事：

3Dアクションゲームの作り方2　プレイヤーキャラクターとアニメーションを作る

本講座はUnityで３Dアクションゲームの作り方について説明していきます。前回はプロジェクトの作成、アセットのインポート、フィールド、キャラの配置まで解説してきました。前回の記事：第２回目では配置したキャラクターを動かしていきます。今回は、...

feynman.co.jp

2022.01.31

第3回目ではスクリプトを記載してキャラクターを実際にゲームキャラとして使用できるようにしていきます。

また、実際にスマホで操作できる攻撃ボタンも作成していきます。

今回はスクリプトを実際に記載していきますので、予め「Visual Studio」や「Visual Studio Code」などのコードエディタをダウンロードしておきましょう。

では始めていきます。

【Line登録者限定のプレゼントもあるよ！】

攻撃ボタンの作成

まずはじめにプレイヤーに攻撃機能を持たせていきます。

と、その前に一旦GameViewのカメラにプレイヤーが映るように移動しておきましょう。カメラの設定は後ほど行いますのでここでは画面内で動いているのが見えるようにすればOKです。

今回のゲームでは、画面右側に攻撃用のUIボタンを設置してそれを押すと攻撃できるようにしますので、まずはボタンの設置から始めていきましょう。

GUIボタンの設置

Hierarchyウインドウで右クリックし「UI→Button」をクリックして下さい。

すると、「Canvas」とその子に「Button」、「EventSystem」が自動で生成されます。

「Canvas」は文字通りUIを描写するキャンバスです。「EventSystem」はUIをクリックしたり、ドラックしたりするのに必要なもので、何かしらのUIを作成すると自動的に作成されます。

では、まずボタンの位置と大きさ、見た目を変更していきましょう。

まず、「Button」を選択し、Inspectorの「RectTransform」の左上の四角いマークをクリックします。

すると、「Anchor Preset」というウインドウが開きますので、そこからShiftキーを押しながら画像の右下を選択して下さい。

これは、アンカーといって「Button」が配置されている「Canvas」のどの位置を基準に位置を設定するかで、この設定で「Canvas」の右下を基準に位置を設定することになります。

次に、位置、大きさを変更します。「Button」の「RectTransform」の「PosX」「PosY」「PosZ」「Width」「Height」を設定します。下記の様に設定して下さい。

PosX : -30PosY : 30PosZ : 0Width : 200Height : 200

PosX:-30

PosY:30

PosZ:0

Width:200

Height:200

AnchorsとPivotの値がずれていないかなども確認してください。

次に画像を変更します。

「Button」を選択し、Inspectorの「Image」コンポーネントを見て下さい。

その中の「SourceImage」という項目の右にある丸マークをクリックして、画像選択ウインドウを開きます。

この中から「Knob」という円形の画像を選択しましょう。

最後に、「Button」オブジェクトの子にある「Text」を選択します。

Inspectorの「Text」コンポーネントを見て下さい。

この内の「Text」に表示文字「At」を入力し、「Font Size」に50と入力します。

すると下記画像のようになります。

ボタン処理の登録

では、ボタンを押した際の処理をスクリプトで書いていきましょう。

まず、スクリプトを記載するC#ファイルを作成します。

Projectウインドウで、「Assets/AppMain/Script」で右クリック「Create/C# Script」をクリックしファイルを作成、名前を「PlayerController」とします。

そして、Hierarchyのプレイヤーオブジェクトを選択し、Inspectorに「PlayerController」をドラック＆ドロップします。

では、「PlayerController」をダブルクリックして開きましょう。

最初の状態では下記のようになっています。

using System.Collections;using System.Collections.Generic;using UnityEngine;public class PlayerController : MonoBehaviour{    // Start is called before the first frame update    void Start()    {            }    // Update is called once per frame    void Update()    {            }}

usingSystem.Collections;

usingSystem.Collections.Generic;

usingUnityEngine;

publicclassPlayerController:MonoBehaviour

{

// Start is called before the first frame update

voidStart()

{

}

// Update is called once per frame

voidUpdate()

{

}

ざっくりと説明しておきます。

using	「名前空間」と言われるもので、あとに続くものを使用しますよという宣言をしています。
class	設計図みたいなもので、「PlayerController」と言う名前の機能設計図ですよ、という意味です。
MonoBehaviour	継承という大切な概念ですが、ここでは「MonoBehaviour」というクラスをもとに「PlayerController」というクラスを記載します。というくらいのUnityで使用するスクリプトを記載する際の、お決まりごとと考えておきましょう。
Start	Unityの基本関数で、ゲーム開始時の一回実行されます。
Update	Unityの基本関数で、再生中繰り返し実行され続けます。

（もしここまででよくわからない！という方は一度ビリヤード講座からスタートしてみるといいでしょう。上記機能など含めより初心者向けに解説しています。）

ビリヤードゲームの作り方３ビリヤードを打つ・穴に入ったら消す処理を作る

前回に引き続きビリヤードゲームを作っていきます。前回はビリヤードボールの当たり判定・移動処理を作りました。前回の記事 : 第３回の今回は「マウスクリックによってボールを打つ、ボールが穴に入ったら消える、リセット」などゲームとして成立させるま...

feynman.co.jp

2024.05.15

関連記事：ビリヤードの作り方講座講座はこちら＞＞

また、スクリプト中にある「 // 」マークはこの行をコメントとして扱う記号で、処理とは関係ない文字を記載することができます。

それでは、ここにボタンを押したときの処理をまずは試験的に書いていきましょう。下記の通り記載してみて下さい。

using System.Collections;using System.Collections.Generic;using UnityEngine;public class PlayerController : MonoBehaviour{    // Start is called before the first frame update    void Start()    {            }    // Update is called once per frame    void Update()    {            }    // ---------------------------------------------------------------------    /// <summary>    /// 攻撃ボタンクリックコールバック.    /// </summary>    // ---------------------------------------------------------------------    public void OnAttackButtonClicked()    {        Debug.Log( "攻撃!!" );    }}

usingSystem.Collections;

usingSystem.Collections.Generic;

usingUnityEngine;

publicclassPlayerController:MonoBehaviour

{

// Start is called before the first frame update

voidStart()

{

}

// Update is called once per frame

voidUpdate()

{

}

// ---------------------------------------------------------------------

/// <summary>

/// 攻撃ボタンクリックコールバック.

/// </summary>

// ---------------------------------------------------------------------

publicvoidOnAttackButtonClicked()

{

Debug.Log("攻撃!!");

}

public	他のスクリプトからこの処理を使える様にする（公開する）という意味で、ボタンの押した際の処理にするにはこの記載が必要です。
Debug.Log	UnityのConsoleウインドウに「（）」内の文字列を出力します。

では、Unityに戻って、Hierarchyの「Canvas/Button」を選択します。

Inspectorの「Button」コンポーネントの「OnClick」の項目右下の「＋」マークをクリックし、イベント欄を表示します。

そして、「PlayerController」を付与してある、プレイヤーオブジェクト「MobileMaleFree1 Variant」を「Button」コンポーネントの「None(Object)」となっているところにドラック＆ドロップします。