ビリヤードゲームの作り方４スマホタップに対応させてモバイルゲームを作る

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

前回まででビリヤードゲームの基本部分が出来上がりました。

前回の記事 :

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

第４回の今回は「スマホタップに対応させてモバイルゲームを作る」です。
では始めていきましょう。

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

スマホへの対応方法 BuildingSettingの設定方法
タッチ操作への対応

スマホへの対応方法 BuildingSettingの設定方法

スマホへの対応ですが、まずプラットフォームの変更が必要になります。

Unityの上部のメニューから「File→BuildSetting」を開きます。

対応したいスマホのOSによって「IOS」か「Android」を選択して下さい。そして右下の「SwitchPlatform」をおします。

そしてビルドするシーンを登録していきます。

現在開いているシーンを登録する場合は「Add Open Scenes」をクリックすると登録されます。

もしくはエディター「ProjectView」にあるシーンファイルを「Scenes In Build」にドラック＆ドロップすることでも登録できます。

登録ができると画像のようにシーンのパスが表示されます。左のチェックマークを外せばビルドから外すことができますが、今回は変更しないで下さい。

ビルドする際は、スマホを接続し下にあるボタン「Build」もしくは「Build And Run」を押してビルドします。

「Build」はビルドしファイルの作成を行い、「Build And Run」は作成終了後自動的に起動しゲームが始まります。

（IOSの場合UnityのビルドのあとにXCodeが開きXcodeでのビルドが始まります。このときに設定次第ではエラーになりますが、Xcodeの詳細はここでは解説しませんので「Unity Xcode ビルド」などで検索してみましょう）

タッチ操作への対応

では、ここまで作成したゲームをスマホで操作できるように変更していきます。

まず、もしすでにビルドしてみた方はお気づきかと思いますが、今のままのスクリプトでもスマホで操作できます。

今回使用している

Input.GetMouseButton( 0 )

1	Input.GetMouseButton( 0 )

という処理が、スマホでのタップをちゃんと取得しているので今回のゲームの操作では問題なく動きます。

しかし、スマホにはピンチイン・アウトなど2本指以上の指を使用して行う操作も有るため、そのときにこの方法では対応できなくなります。

そのためスマホ専用の方法をつかって今回のゲームのスクリプトを書き換えていきましょう。

// タッチしている指の数が０より多い. 
if( Input.touchCount > 0 ) 
{
　　　　// タッチしている指の最初の値を取得.
　　　　Touch touch = Input.GetTouch(0); 
　　　　// タッチ処理. 
　　　　if( touch.phase == TouchPhase.Began ) 
　　　　{ 
　　　　　　　　Debug.Log( "タッチ開始" ); 
　　　　} 
　　　　else if( touch.phase == TouchPhase.Moved || touch.phase == TouchPhase.Stationary ) 
　　　　{ 
　　　　　　　　Debug.Log( "タッチ中" ); 
　　　　} 
　　　　else if( touch.phase == TouchPhase.Ended )
　　　　{ 
　　　　　　　　Debug.Log( "タッチ終了" ); 
　　　　} 
}

// タッチしている指の数が０より多い.

if( Input.touchCount > 0 )

{

　　　　// タッチしている指の最初の値を取得.

　　　　Touch touch = Input.GetTouch(0);

　　　　// タッチ処理.

　　　　if( touch.phase == TouchPhase.Began )

　　　　{

　　　　　　　　Debug.Log( "タッチ開始" );

　　　　}

　　　　else if( touch.phase == TouchPhase.Moved || touch.phase == TouchPhase.Stationary )

　　　　{

　　　　　　　　Debug.Log( "タッチ中" );

　　　　}

　　　　else if( touch.phase == TouchPhase.Ended )

　　　　{

　　　　　　　　Debug.Log( "タッチ終了" );

　　　　}

これがタッチ操作の基本形になります。

Input.touchCount

1	Input.touchCount

が、タッチされている指の数を取得しており、０より大きい、つまり１本でも画面に触れていると括弧内の処理を行います。

Touch touch = Input.GetTouch(0);

1	Touch touch = Input.GetTouch(0);

「Input.GetTouch」でタッチしている指の「Touch」クラスを取得でき「( 0 )」でタッチしている中から一番はじめの指を選択しています。

if( touch.phase == TouchPhase.Began )

1	if( touch.phase == TouchPhase.Began )

そして、取得した指の状況による条件分岐を行い、各フェイズ（Phase）で処理を行います。

TouchPhaseには下記のようなものがあります。

Began	画面に指が触れ始めたとき、触れた瞬間
Moved	画面で指が動いているとき
Stationary	画面に指が触れているが動いてはいないとき
Ended	画面から指が離れたとき、離した瞬間
Canceled	キャンセル時

これらを踏まえて、「BallController」を書き換えていきましょう。

全文です。

using System.Collections.Generic;
using UnityEngine;

public class BallController : MonoBehaviour
{
    // メインボール.
    [SerializeField] GameObject mainBall = null;
    // 打つ力.
    [SerializeField] float power = 0.1f;
    // 方向表示用オブジェクトのトランスフォーム.
    [SerializeField] Transform arrow = null;
    // ボールリスト.
    [SerializeField] List<ColorBall> ballList = new List<ColorBall>();
    
    // マウス位置保管用.
    Vector3 startTouch = new Vector3();
    // メインボールのリジッドボディ.
    Rigidbody mainRigid = null;
    // リセット時のためにメインボールの初期位置を保管.
    Vector3 mainBallDefaultPosition = new Vector3();

    void Start()
    {
        mainRigid = mainBall.GetComponent<Rigidbody>();
        mainBallDefaultPosition = mainBall.transform.localPosition;
        arrow.gameObject.SetActive( false );
    }

    void Update()
    {
        if( mainBall.activeSelf == true )
        {
            // タッチしている指の数が０より多い.
            if( Input.touchCount > 0 )
            {
                // タッチしている指の最初の値を取得.
                Touch touch = Input.GetTouch(0);
                // タッチ処理.
                if( touch.phase == TouchPhase.Began )
                {
                    Debug.Log( "タッチ開始" );
                    // 開始位置を保管.
                    startTouch = touch.position;
                    // 方向線を表示.
                    arrow.gameObject.SetActive( true );
                }
                else if( touch.phase == TouchPhase.Moved || touch.phase == TouchPhase.Stationary )
                {
                    Debug.Log( "タッチ中" );
                    // 現在の位置を随時保管.
                    Vector3 position = touch.position;

                    // 角度を算出.
                    Vector3 def = startTouch - position;
                    float rad = Mathf.Atan2( def.x, def.y );
                    float angle = rad * Mathf.Rad2Deg;
                    Vector3 rot = new Vector3( 0, angle, 0 );
                    Quaternion qua = Quaternion.Euler( rot );
                    // 方向線の位置角度を設定.
                    arrow.localRotation = qua;
                    arrow.transform.position = mainBall.transform.position;
                }
                else if( touch.phase == TouchPhase.Ended )
                {
                    Debug.Log( "タッチ終了" );
                    // 終了時の位置を保管.
                    Vector3 upPosition = touch.position;

                    // 開始位置と終了位置のベクトル計算から打ち出す方向を算出.
                    Vector3 def = startTouch - upPosition;
                    Vector3 add = new Vector3( def.x, 0, def.y );

                    // メインボールに力を加える. 
                    mainRigid.AddForce( add * power );
                    // 方向線を非表示に.
                    arrow.gameObject.SetActive( false );

                    Debug.Log( "クリック終了" );
                }
            }
        }

    }

    // ---------------------------------------------------------------------
    /// <summary>
    /// リセットボタンクリックコールバック.
    /// </summary>
    // ---------------------------------------------------------------------
    public void OnResetButtonClicked()
    {
        mainBall.SetActive( true );
        mainRigid.velocity = Vector3.zero;
        mainRigid.angularVelocity = Vector3.zero;
        mainBall.transform.localPosition = mainBallDefaultPosition;
        foreach( ColorBall ball in ballList )
        {
            ball.Reset();
        }
    }
}

100

101

using System.Collections.Generic;

using UnityEngine;

public class BallController : MonoBehaviour

{

// メインボール.

[SerializeField] GameObject mainBall = null;

// 打つ力.

[SerializeField] float power = 0.1f;

// 方向表示用オブジェクトのトランスフォーム.

[SerializeField] Transform arrow = null;

// ボールリスト.

[SerializeField] List<ColorBall> ballList = new List<ColorBall>();

// マウス位置保管用.

Vector3 startTouch = new Vector3();

// メインボールのリジッドボディ.

Rigidbody mainRigid = null;

// リセット時のためにメインボールの初期位置を保管.

Vector3 mainBallDefaultPosition = new Vector3();

void Start()

{

mainRigid = mainBall.GetComponent<Rigidbody>();

mainBallDefaultPosition = mainBall.transform.localPosition;

arrow.gameObject.SetActive( false );

}

void Update()

{

if( mainBall.activeSelf == true )

{

// タッチしている指の数が０より多い.

if( Input.touchCount > 0 )

{

// タッチしている指の最初の値を取得.

Touch touch = Input.GetTouch(0);

// タッチ処理.

if( touch.phase == TouchPhase.Began )

{

Debug.Log( "タッチ開始" );

// 開始位置を保管.

startTouch = touch.position;

// 方向線を表示.

arrow.gameObject.SetActive( true );

}

else if( touch.phase == TouchPhase.Moved || touch.phase == TouchPhase.Stationary )

{

Debug.Log( "タッチ中" );

// 現在の位置を随時保管.

Vector3 position = touch.position;

// 角度を算出.

Vector3 def = startTouch - position;

float rad = Mathf.Atan2( def.x, def.y );

float angle = rad * Mathf.Rad2Deg;

Vector3 rot = new Vector3( 0, angle, 0 );

Quaternion qua = Quaternion.Euler( rot );

// 方向線の位置角度を設定.

arrow.localRotation = qua;

arrow.transform.position = mainBall.transform.position;

}

else if( touch.phase == TouchPhase.Ended )

{

Debug.Log( "タッチ終了" );

// 終了時の位置を保管.

Vector3 upPosition = touch.position;

// 開始位置と終了位置のベクトル計算から打ち出す方向を算出.

Vector3 def = startTouch - upPosition;

Vector3 add = new Vector3( def.x, 0, def.y );

// メインボールに力を加える.

mainRigid.AddForce( add * power );

// 方向線を非表示に.

arrow.gameObject.SetActive( false );

Debug.Log( "クリック終了" );

}

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

/// <summary>

/// リセットボタンクリックコールバック.

/// </summary>

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

public void OnResetButtonClicked()

{

mainBall.SetActive( true );

mainRigid.velocity = Vector3.zero;

mainRigid.angularVelocity = Vector3.zero;

mainBall.transform.localPosition = mainBallDefaultPosition;

foreach( ColorBall ball in ballList )

{

ball.Reset();

}

変更箇所としては、主にマウスクリックだったところをタッチに変更したところです。

Vector3 mousePosition = new Vector3();
=> Vector3 startTouch = new Vector3();

1 2	Vector3 mousePosition = new Vector3(); => Vector3 startTouch = new Vector3();

と変数名を変更し、

if( Input.touchCount > 0 )

1	if( Input.touchCount > 0 )

を追加。

if( Input.GetMouseButtonDown(0) == true )
=> if( touch.phase == TouchPhase.Began )

if( Input.GetMouseButton( 0 ) == true )
=> else if( touch.phase == TouchPhase.Moved || touch.phase == TouchPhase.Stationary )

if( Input.GetMouseButtonUp(0) == true )
=> else if( touch.phase == TouchPhase.Ended )に