1. 程式人生 > 程式設計 >Unity3D使用UGUI開發原生虛擬搖桿

Unity3D使用UGUI開發原生虛擬搖桿

在Unity3d中開發虛擬搖桿方式有比較多,可以使用EasyTouch、FairyGUI等外掛來開發。本文給大家介紹使用Unity3d的原生UGUI來開發出自己的虛擬搖桿,這樣可以減少遊戲資源包的大小。

先展示下效果圖:

Unity3D使用UGUI開發原生虛擬搖桿

現在開發我們的開發

建立一個Image1,並且在Image1建立一個子物件Image2

在Image1中掛載一個自定義指令碼,這裡我命名為Joystick

指令碼程式碼如下

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;
using UnityEngine.UI;
 
public class Joystick : ScrollRect
{
 private float mRadius;
 public System.Action<RectTransform> JoystickMoveHandle;
 public System.Action<RectTransform> JoystickEndHandle;
 
 protected override void Start()
 {
  mRadius = this.GetComponent<RectTransform>().sizeDelta.x * 0.5f;
  this.content.gameObject.SetActive(false);
 }
 
 
 public override void OnDrag(PointerEventData eventData)
 { 
  base.OnDrag(eventData);
  this.content.gameObject.SetActive(true);
 
  //虛擬搖桿移動
  var contentPostion = this.content.anchoredPosition;  
  if (contentPostion.magnitude > mRadius)
  {
   contentPostion = contentPostion.normalized * mRadius;
   SetContentAnchoredPosition(contentPostion);
  }
  //旋轉
  if (content.anchoredPosition.y != 0)
  {
   content.eulerAngles = new Vector3(0,Vector3.Angle(Vector3.right,content.anchoredPosition) * content.anchoredPosition.y / Mathf.Abs(content.anchoredPosition.y) - 90);
  }
 
 }
 
 private void FixedUpdate()
 {
  if (this.content.gameObject.activeInHierarchy)
  {
   if (JoystickMoveHandle != null)
   {
    JoystickMoveHandle(this.content);
   }
  }
 }
 
 public override void OnEndDrag(PointerEventData eventData)
 {
  base.OnEndDrag(eventData);
 
  this.content.gameObject.SetActive(false);
 
  if (JoystickEndHandle != null)
  {
   JoystickEndHandle(this.content);
  }
 }
}

然後將Image2拖動到content屬性變數裡

Unity3D使用UGUI開發原生虛擬搖桿

這樣就可以移動並且拖動我們的虛擬搖桿了

接下來要讓我們的遊戲主角跟隨我們的搖桿移動而移動

在我們的主角兒掛載一個自定義指令碼

在Start方法裡新增程式碼:

mJoystick = GameObject.Find("Joystick").GetComponent<Joystick>();
  mJoystick.JoystickMoveHandle = JoystickHandle;
  mJoystick.JoystickEndHandle = JoystickEndHandle;

其中JoystickHandle方法程式碼為:

transform.eulerAngles = new Vector3(0,-content.eulerAngles.z,0);
 transform.Translate(Vector3.forward * Time.deltaTime * mMoveSpeed);

接下來就可以執行我們的遊戲,觀察主角移動旋轉位置。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。