unity零基礎開始學習做游戲（三）鼠標輸入，來個虛擬搖桿怎么樣？

 

 

-------小基原創，轉載請給我一個面子

　　現在移動游戲越來越火，大家都拿手機平板玩游戲，沒有鍵盤和手柄輸入，所以就不得不看看虛擬搖桿怎么搞？（小基對於沒有實體反饋不是很喜歡呢）

首先要清楚，鼠標操作輸入，應該在2d的UI平面上做一個虛擬搖桿，如下圖

 

Hierarchy面板下點Create創建一個UI里面的Image

會自動創建一個Canvas（畫布），UI方面的東西都在這里面顯示

我們再創建一個專門處理UI的攝像機（這個主要處理鼠標點擊時候，獲取屏幕坐標，來處理移動邏輯，如果使用默認的MainCamera的話，正交模式下，沒法體現3D，投影模式下，鼠標點擊輸入坐標處理起來也有點惡心，這些坑我會單獨在另一個技術文章里細說，對於新手來講，先知道這里單做一個UICamera可以避免坑就行。踩坑的方式，花樣可多了）

Hierarchy面板下用Create創建一個UI里面的Camera,改名為UICamera

 

設置成這樣，記得把AudioListener這個組件移除掉，因為MainCamera上面已經有一個接收聲音的了。紅框內切記，不然待會都找不到你的搖桿Orz

（具體參數細節這里不展開講了，這個系列以實現功能為目標，講原理的話，太枯燥了，怕不是看睡着了）

 

接下來是制作虛擬搖桿，兩張圖片，大圈里面放個小圈。

 

在Canvas下創建兩個Image，分別起名，小圓作為大圓的子物體（這樣就可以成為整體，一起移動了）

使用unity自帶的圖片湊合用，一個白色，一個紅色，效果明顯點

 

最后效果就是這樣，好吧，原諒我的美術是體育老師教的XD

 

 接下來在創建一個空物體Main，用來掛腳本MyInput2（基於上一篇的控制移動，在加點東西就非常實用了）

下面上代碼

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class MyInput2 : MonoBehaviour {
    //移動方向枚舉
    enum MoveDir
    {
        None = 0,       //不動
        Up = 1,         //上8
        Down = -1,      //下2
        Left = 10,      //左4
        Right = -10,    //右6
        UL = 11,        //左上7
        UR = -9,        //右上9
        DL = 9,         //左下1
        DR = -11,       //右下3
    }

    //輸入按鍵常量（之后走配置）
    const KeyCode INPUT_UP = KeyCode.W;
    const KeyCode INPUT_DOWN = KeyCode.S;
    const KeyCode INPUT_LEFT = KeyCode.A;
    const KeyCode INPUT_RIGHT = KeyCode.D;

    //默認移動方向
    private MoveDir moveDir = MoveDir.None;
    //按壓值
    private int moveDirValue = 0;
    //按壓記錄
    private bool isUpPress = false;
    private bool isDownPress = false;
    private bool isLeftPress = false;
    private bool isRightPress = false;

    //是否可以移動
    private bool canMove = true;
    //右移動
    private Vector3 MOVE_RIGHT = new Vector3(1, 0, 0);
    //上移動
    private Vector3 MOVE_UP = new Vector3(0, 1, 0);

    //外部調控速度
    public float speed = 2f;
    //移動速度向量
    private Vector3 move_speed_dir = Vector3.zero;
    //移動距離
    private Vector3 move_dis = Vector3.zero;

    //控制目標
    public Transform target;


    //鼠標按下時的坐標
    private Vector3 mouseStartPos = Vector3.zero;
    //鼠標是否按下
    private bool isMousePress = false;
    //鼠標枚舉
    const KeyCode INPUT_MOUSE = KeyCode.Mouse0;
    //鼠標拖動范圍
    const float MOUSE_RADIUS = 20;
    //鼠標移動向量
    private Vector3 mouseDir = Vector3.zero;
    //鼠標速度衰減
    private float mouseSpeedRate = 0;
    //鼠標速度
    public float mouseSpeed = 2;
    //搖桿底
    public RectTransform joyStickDown;
    //搖桿頂
    public RectTransform joyStickUp;
    //攝像機
    public Camera camera;


    // Update is called once per frame
    void Update () {
        CheckInputKey();
        CheckMoveDir();
        CheckMouseDir();
    }

    void FixedUpdate()
    {
        CheckMove();
    }

    //檢測輸入按鍵
    void CheckInputKey()
    {
        //檢測單一輸入
        foreach (KeyCode kcode in System.Enum.GetValues(typeof(KeyCode)))
        {
            if (Input.GetKeyDown(kcode))
            {
                //Debug.Log("Single KeyCode Down: " + kcode);
                ChangeKeyPressState(kcode, true);
            }

            if (Input.GetKeyUp(kcode))
            {
                //Debug.Log("Single KeyCode Up: " + kcode);
                ChangeKeyPressState(kcode, false);
            }
        }
    }

    //記錄按鍵的按壓狀態
    void ChangeKeyPressState(KeyCode keyCode, bool isPress)
    {
        switch(keyCode)
        {
            case INPUT_UP:
                isUpPress = isPress;
                break;
            case INPUT_DOWN:
                isDownPress = isPress;
                break;
            case INPUT_LEFT:
                isLeftPress = isPress;
                break;
            case INPUT_RIGHT:
                isRightPress = isPress;
                break;
            case INPUT_MOUSE:
                MouseStateChange(isPress);
                break;
        }
    }

    //鼠標按鍵輸入
    void MouseStateChange(bool isPress)
    {
        isMousePress = isPress;
        mouseStartPos = isPress ? Input.mousePosition : Vector3.zero;
        joyStickDown.gameObject.SetActive(isPress);
        joyStickDown.position = camera.ScreenToWorldPoint(mouseStartPos);
    }

    //鼠標移動
    void CheckMouseDir()
    {
        if(isMousePress)
        {
            mouseDir = Input.mousePosition - mouseStartPos;
            mouseSpeedRate = Mathf.Min(mouseDir.magnitude / MOUSE_RADIUS, 1);
            move_dis = mouseSpeed * mouseSpeedRate * Time.deltaTime * mouseDir.normalized;
            target.position += move_dis;
            joyStickUp.localPosition = mouseDir.normalized * mouseSpeedRate * MOUSE_RADIUS;
        }
    }

    //確定移動方向
    void CheckMoveDir()
    {
        moveDirValue = 0;
        //確定方向
        if(isUpPress)
        {
            moveDirValue += (int)MoveDir.Up;
        }
        if (isDownPress)
        {
            moveDirValue += (int)MoveDir.Down;
        }
        if (isLeftPress)
        {
            moveDirValue += (int)MoveDir.Left;
        }
        if (isRightPress)
        {
            moveDirValue += (int)MoveDir.Right;
        }
    }

    //檢測是否可以移動
    void CheckMove()
    {
        //某些情況下可能禁止移動，例如暫停，播放CG等
        if(canMove && moveDirValue != (int)MoveDir.None)
        {
            PlayerMove(target, speed);
        }
    }

    //移動
    void PlayerMove(Transform target, float speed)
    {
        move_dis = speed * Time.deltaTime * GetSpeedDir();
        target.position += move_dis;
    }

    //速度向量
    Vector3 GetSpeedDir()
    {
        switch(moveDirValue)
        {
            case (int)MoveDir.Up:
                move_speed_dir = MOVE_UP;
                break;
            case (int)MoveDir.Down:
                move_speed_dir = -MOVE_UP;
                break;
            case (int)MoveDir.Left:
                move_speed_dir = -MOVE_RIGHT;
                break;
            case (int)MoveDir.Right:
                move_speed_dir = MOVE_RIGHT;
                break;
            case (int)MoveDir.UL:
                move_speed_dir = MOVE_UP - MOVE_RIGHT;
                break;
            case (int)MoveDir.UR:
                move_speed_dir = MOVE_UP + MOVE_RIGHT;
                break;
            case (int)MoveDir.DL:
                move_speed_dir = -MOVE_UP - MOVE_RIGHT;
                break;
            case (int)MoveDir.DR:
                move_speed_dir = -MOVE_UP + MOVE_RIGHT;
                break;
        }
        return move_speed_dir.normalized;
    }
}

 

 在按鍵輸入控制的基礎上，加上鼠標輸入就ok了

思路就是：按下時候記錄此時坐標，然后拖動后的當前坐標與起始坐標的向量差值，就是物體應該移動的方向

先把變量都定義好

核心就是鼠標左鍵按下的記錄狀態（這里做了個有意思的處理，第一次按下的位置，搖桿就會出現在那個位置，拖動的時候，小圓在大圓內部移動）

 

接下來把腳本綁定好

 

運行游戲，類似於這個效果，鼠標移動，紅圈在白圈內移動，移動方向就是白方塊（主角）移動方向 

 

ok，通過兩篇介紹，除了腳本稍稍有點難理解之外，其他應該都能一步一步做出來了，零基礎的你看到自己做的“小游戲”，是不是已經成就感爆棚了？

最基本的控制移動都完成了，不如下篇博客小基介紹一下“打飛機”ლ(╹◡╹ლ)

 

emmm，小基是說如何發射子彈(¬_¬”)