[TUTORIAL] Criar Analógico Virtual UI Para Mobile.

Código:

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;
using System.Collections;

public class VirtualJoystick : MonoBehaviour, IDragHandler, IPointerUpHandler, IPointerDownHandler  {

 private Image bgImg;
 private Image joystickImg;
 private Vector3 inputVector;

 public GameObject player;
 public float speed;

 private void Start(){
 bgImg = GetComponent<Image> ();
 joystickImg = transform.GetChild (0).GetComponent<Image> ();
 }
 public virtual void OnDrag(PointerEventData ped){

 Vector2 pos;
 if (RectTransformUtility.ScreenPointToLocalPointInRectangle (bgImg.rectTransform
                                                           , ped.position
                                                           , ped.pressEventCamera
                                                           , out pos))
 {
 pos.x = (pos.x / bgImg.rectTransform.sizeDelta.x);
 pos.y = (pos.y / bgImg.rectTransform.sizeDelta.y);

 inputVector = new Vector3(pos.x*3,0, pos.y*3);
 inputVector = (inputVector.magnitude > 1.0f)?inputVector.normalized:inputVector;

 // Move Joystick IMG
 joystickImg.rectTransform.anchoredPosition =
 new Vector3(inputVector.x * (bgImg.rectTransform.sizeDelta.x/3)
            ,inputVector.z * (bgImg.rectTransform.sizeDelta.y/3));
 }
 }

 public virtual void OnPointerDown(PointerEventData ped){
 OnDrag (ped);

 }
 public virtual void OnPointerUp(PointerEventData ped){

 inputVector = Vector3.zero;
 joystickImg.rectTransform.anchoredPosition = Vector3.zero;
 }

 void Update(){
 if (joystickImg.transform.localPosition.x > 20) {
 player.transform.Translate(Vector3.right * speed * Time.deltaTime);
 }

 if (joystickImg.transform.localPosition.x < -20) {
 player.transform.Translate(Vector3.left * speed * Time.deltaTime);
 }
 if (joystickImg.transform.localPosition.y > 20) {
 player.transform.Translate(Vector3.forward * speed * Time.deltaTime);
 }
 
 if (joystickImg.transform.localPosition.y < -20) {
 player.transform.Translate(Vector3.back * speed * Time.deltaTime);
 }
 }


}

Código:

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;
using System.Collections;

public class VirtualJoystick : MonoBehaviour, IDragHandler, IPointerUpHandler,IPointerDownHandler
{
   private Image bgImg;
   private Image joystickImg;
   private Vector3 inputVector;
   //Posicao//
   //public float pos_bgImg_x; //teste
   //public float pos_bgImg_y; //teste
   //public float pos_joystickImg_x; //teste
   //public float pos_joystickImg_y; //teste
   //tamanho//
   //public float tam_bgImg_x; //teste
   //public float tam_bgImg_y; //teste
   //public float tam_joystickImg_x; //teste
   //public float tam_joystickImg_y; //teste


   private void Start()
   {
   bgImg = GetComponent<Image>();
   joystickImg = transform.GetChild(0).GetComponent <Image>();
   
   }

   public virtual void OnDrag(PointerEventData ped)
   {
      Vector2 pos;
      if (RectTransformUtility.ScreenPointToLocalPointInRectangle
          (bgImg.rectTransform,ped.position,ped.pressEventCamera,out pos))
      {
         pos.x = (pos.x / bgImg.rectTransform.sizeDelta.x);
         pos.y = (pos.y / bgImg.rectTransform.sizeDelta.y);

         inputVector = new Vector3(pos.x*2 + 1,0,pos.y*2 - 1);
         inputVector = (inputVector.magnitude > 1.0f)?inputVector.normalized:inputVector;



            // Move Joystick IMG
            joystickImg.rectTransform.anchoredPosition =
               new Vector3(inputVector.x *(bgImg.rectTransform.sizeDelta.x/3),inputVector.z *(bgImg.rectTransform.sizeDelta.y/3));
      }
   }

   public virtual void OnPointerDown(PointerEventData ped)
   {
      OnDrag(ped);
   }
   public virtual void OnPointerUp(PointerEventData ped)
   {
      inputVector = Vector3.zero;
      joystickImg.rectTransform.anchoredPosition = Vector3.zero;
   }

   public float Horizontal()
   {
      if (inputVector.x != 0)
         return inputVector.x;
      else
         return Input.GetAxis ("Horizontal");

   }
   public float Vertical()
   {
      if (inputVector.z != 0)
         return inputVector.z;
      else
         return Input.GetAxis ("Vertical");   
      
   }
   //void OnGUI () {
      //GUI.DrawTexture (new Rect (Screen.width / tam_joystickImg_x, Screen.height / tam_joystickImg_y, Screen.width / pos_joystickImg_x, Screen.height / pos_joystickImg_y), joystickImg);//teste
      //GUI.DrawTexture (new Rect (Screen.width / tam_bgImg_x, Screen.height / tam_bgImg_y, Screen.width / pos_bgImg_x, Screen.height / pos_bgImg_y), bgImg);//teste
      
   //}
}


Édipo escreveu:como posso fazer esse esquema de intencidade do drag do analogico, tipo eu arasto ele um pouquinho pra borda e ele vai rotacionando de vagarzinho ai então quanto mais berto da borda ele vai adicionando mais "força" na rotação, assim como vc fez no video ai do TPS em que ele anda de vagar e quanto mais arasta pra borda ele anda mais rápido

Código:

aviao.transform.eulerAngles = new Vector3(joystickImg.rectTransform.anchoredPosition.x,0,joystickImg.rectTransform.anchoredPosition.y);

ismarspn escreveu:Bom, só lembrando que eu ví esse tutorial na net e adaptei do jeito que eu achei mais fácil, então está aí:

Primeiro crie um UI Image e coloque o sprite de sua preferencia, recomendável um sprite com imagem redonda e mude o nome para Background.





Duplique o Background e modifique o nome para qualquer outro a sua escolha, diminua o tamanho e coloque como filho do Background, certifique-se que ele esteja no centro do Background.



Adicione o Script "VirtualJoystick" la na Background, mude a velocidade a sua preferencia, e linke seu Player.



Script:

Código:

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;
using System.Collections;

public class VirtualJoystick : MonoBehaviour, IDragHandler, IPointerUpHandler, IPointerDownHandler  {

 private Image bgImg;
 private Image joystickImg;
 private Vector3 inputVector;

 public GameObject player;
 public float speed;

 private void Start(){
 bgImg = GetComponent<Image> ();
 joystickImg = transform.GetChild (0).GetComponent<Image> ();
 }
 public virtual void OnDrag(PointerEventData ped){

 Vector2 pos;
 if (RectTransformUtility.ScreenPointToLocalPointInRectangle (bgImg.rectTransform
                                                           , ped.position
                                                           , ped.pressEventCamera
                                                           , out pos))
 {
 pos.x = (pos.x / bgImg.rectTransform.sizeDelta.x);
 pos.y = (pos.y / bgImg.rectTransform.sizeDelta.y);

 inputVector = new Vector3(pos.x*3,0, pos.y*3);
 inputVector = (inputVector.magnitude > 1.0f)?inputVector.normalized:inputVector;

 // Move Joystick IMG
 joystickImg.rectTransform.anchoredPosition =
 new Vector3(inputVector.x * (bgImg.rectTransform.sizeDelta.x/3)
            ,inputVector.z * (bgImg.rectTransform.sizeDelta.y/3));
 }
 }

 public virtual void OnPointerDown(PointerEventData ped){
 OnDrag (ped);

 }
 public virtual void OnPointerUp(PointerEventData ped){

 inputVector = Vector3.zero;
 joystickImg.rectTransform.anchoredPosition = Vector3.zero;
 }

 void Update(){
 if (joystickImg.transform.localPosition.x > 20) {
 player.transform.Translate(Vector3.right * speed * Time.deltaTime);
 }

 if (joystickImg.transform.localPosition.x < -20) {
 player.transform.Translate(Vector3.left * speed * Time.deltaTime);
 }
 if (joystickImg.transform.localPosition.y > 20) {
 player.transform.Translate(Vector3.forward * speed * Time.deltaTime);
 }
 
 if (joystickImg.transform.localPosition.y < -20) {
 player.transform.Translate(Vector3.back * speed * Time.deltaTime);
 }
 }


}

Pronto, seu Joystick virtual está funcionando!

francisco barroso escreveu:Como faz um botao pra pular?

Código:

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

using UnityEngine.UI;

using UnityEngine.EventSystems;



public class Joystick : MonoBehaviuor, InpointerUpHandler,  InpointerDownHandler, IDragHandler {



public int MovimentRange = 100;

Vector3 StartPos;

public Vector3 InputDirection;

public Image BgImage;

public Image thisImage;



public void OnDrag(PointerEventData eventdata)

{

   Vector3 newPos = Vector3.zero;

   int delta = (int)(eventData.position.x -      

StartPos.x);

delta = Mathf.Clamp(delta, -MovimentRange, MovimentRange);

newPos.x = delta;



int delta2 = (int)(eventData.position.y - StartPos.y);

delta2 = Mathf.Clamp(delta2, -MovimentRange, MovimentRange);

newPos.y = delta2;



transform.position = new Vector3(StartPos.x + newPos.x, StartPos.y + newPos.y, StartPos.z + newPos.z);

UpdateVirtualAxes(new Vector3(newPos.x * 1f / MovimentRange, 0, newPos.y * 1 / MovimentRange));



}



public void OnPointerUp(PointerEventData eventdata)

{

   transform.position = StartPos;

print(StartPos);

UpdateVirtualAxes(new Vector3(0, 0, 0));



}



//So no inicio do jogo

void Start ( ) {

thisImage = GetComponent<Image>( );

StartPos = transform.position;







}



//Para o joystick

void UpdateVirtualAxes (Vector3 value) {



var delta = StartPos - value;

delta.y = -delta.y;

delta /= MovimentRange;



InputDirection = value;

  

}



public void OnPointerDown(EventData event data)

{

}



}