El siguiente paso será descargarnos unos controladores o joystick virtuales para poder movernos con el personaje desde el punto de vista de que es para móviles. Para ello nos vamos a una página web llamada Kenney y dentro de está nos descargaremos OnScreenControls
Una vez descargada la carpeta seleccionamos los controles que nosotros queramos y los metemos dentro de la carpeta de Art>Sprites>UI . En este ejemplo vamos a utilizar transparentLight pero tu puedes usar el que quieras.
Por último vamos configurar las propiedades de los sprites que hemos importado ya que al importarlos a nuestro proyecto están cogiendo el preset que hicimos anteriormente donde le dimos un tamaño de 16 px pero aquí en nuestros mandos vamos a darle 100 para que no se pixelen. Así que seleccionamos todo desde la carpeta y en el inspector lo dejamos tal como aparece en la imagen:
Para poder interactuar con nuestros botones en nuestra pantalla deberemos crear un Canvas, así que para ello damos clic derecho encima de nuestra pestaña de Jerarquía y elegimos Ui>Canvas
Esto nos va a crear el objeto Canvas y tenemos que dicirle desde la pestaña Inspector que el Ren- der Mode sea Screen Space Overlay
Luego le vamos a decir que este Canvas cambie de tamaño cada vez que cambie la pantalla.
Nos pedirá una medida de referencia, aquí tenemos que poner la medida de la pantalla del movil más pequeño que nos proporcione Unity. Dentro de sus opciones elegimos la opción con menor resolución. En este caso lo vamos a dejar a X 640 por Y 1136
Lo demás lo dejamos tal y como está
Ahora dentro del Canvas clicamos en el botón derecho y creamos una imágen
Dicha imagen va a ser nuestro Joystick así que lo renombramos así
Vamos a asignar que esté abajo a la derecha desde la pestaña del Inspector pulsando encima del recuadro que se señala en la imagen:
Y después vamos a poner los siguientes valores dentro de PosX, PosY, PosZ y su ancho y alto
Ahora vamos a asignarle la imagen de nuestro joystick dentro del apartado Image. Para ello buscamos dentro de la carpeta donde tenemos nuestros controles que hemos importado antes la imagen transparenüight05
Con esto tenemos la parte exterior de nuestro joystick ahora haremos que se vea su parte interior. Para ello colocamos el cursor encima del objeto que hemos llamado joystick y pulsamos en el botón derecho volvemos a elegir del desplegable las opciones Ui>Image. Renombramos la imagen como KnobJuego
El ancho y el alto lo dejamos 100 x 100 y va a estar centrado. La imagen que le asignamos al sprite será transparent.light09
Ahora ya tenemos nuestro joystick visible. El siguiente paso será darle funcionalidad y para ello debemos añadirle un componente llamado On-Screen Stick
Ahora dentro de este componente vamos a seleccionar en el Control Path que sea Gamepad>Left Stick
Si fallara el joystick y te diera una serie de errores se debe a que el canvas al crearse se crea con una serie de eventos que vienen por defecto pero nosotros estamos utilizando el nuevo sistema de inputs por lo que para solucionarlo solo tenemos que seleccionar nuestro objeto EventSystem y decirle desde el inspector que queremos que remplace por el Sistema nuevo de inputs que hemos creado:
Haciendo eso se nos abrira esta serie de opciones y lo tendremos solucionado
