Plataforma de desarrollo Unity3D

TechTips para Startups: Apps híbridas con Unity3D

TechTips para Startups: Apps híbridas con Unity3D

Plataforma de desarrollo Unity3D
Plataforma de desarrollo Unity3D

Afirmar que “las Startups tecnológicas están de moda” no sorprende a nadie hoy en día, además, muchos ya sabréis que la gran apuesta de la gran mayoría de estas startups tecnológicas está en la creación de aplicaciones móviles.

Ahora bien, sabiendo estos datos, no es raro saber cuál será una de las primeras preguntas que se les viene a la cabeza a los desarrolladores de estas apps: ¿Con qué tecnología debo empezar a desarrollar el proyecto? En base a esta cuestión, la primera decisión que deberá tomar el equipo de desarrollo será decidir entre app nativa o híbrida. Luego, si la decisión es crear una app híbrida, se abre un amplio abanico de posibilidades, entre las cuales está Ionic o Unity3D. En este artículo nos centraremos en la segunda de estas posibilidades, Unity3D.

Qué es Unity3D.

Ante todo, se debe empezar conociendo un poco sobre Unity3D, que es y cuáles son sus virtudes y limitaciones.

Unity3D es motor de videojuegos reconocido que, además, se puede utilizar en los tres entornos de desarrollo principales: Linux, Windows, Os X. Y, por si fuera poco, tiene capacidad de compilar para un enorme número de plataformas. Pero, por si todo lo mencionado anteriormente no fuera suficiente, tiene una comunidad realmente activa que te puede sacar de un apuro o resolverá cualquier duda y dispone de una tienda de assets propia, según mi opinión todo esto lo hace un motor único.

Aunque Unity3D está adaptado para proyectos de desarrollo que requieren usar gráficos y contenido en 3D, esto no impide que pueda desarrollar cualquier tipo de aplicación.

Usabilidad de Unity3D.

Ahora que ya tienes una idea global de qué es y cuáles son sus características principales, es el momento de pasar a la acción En este artículo te mostraré cómo crear un formulario, es una proceso relativamente sencillo pero realmente útil para introducirte rápidamente en este entorno. Aviso, si estás habituado a usarlo es posible que la explicación que viene a continuación no te sea de mucha utilidad, aún así te invito a continuar leyendo, ¡nunca se sabe!

Para hacer este pequeño tutorial usaré un entorno de desarrollo Linux, aquí la versión de Unity3D está aún en beta, por este motivo os dejo un enlace a las releases para este entorno que van apareciendo (para el resto de entornos de trabajo se pueden obtener directamente a través de su página web oficial).

https://forum.unity3d.com/threads/unity-on-linux-release-notes-and-known-issues.350256/

Una vez descargado Unity, disponer de última versión (2017.2.0b2) y haber instalado todas sus dependencias, podemos empezar un nuevo proyecto (siempre y cuando dispongas una Unity Account).

Antes de crear una aplicación, Unity3D ofrece hacerlo con los assets en 2d o en 3d, para este proyecto podemos seleccionar 2d aunque durante el proyecto se pueden incluir los que necesites.

Después de seleccionar los assets, accedemos directamente a la pantalla principal del editor, en ella veremos una scene abierta. Una scene es un concepto creado inicialmente para los videojuegos pero se puede aplicar perfectamente a cualquier aplicación, pues sería lo mismo que una pantalla de la app, es decir, se puede ver a disposición de todos los elementos que conforman una pantalla de la aplicación.

unity3d-1

Una vez en la pantalla principal ya podemos empezar la creación del formulario, para ello creamos un canvas. El canvas es el lienzo, el lugar donde situaremos todos los elementos necesarios que luego podríamos encontrar representados en la scene. Entonces seleccionamos las opciones necesarias para ajustarlo al tamaño de la cámara y le cambiamos el color de fondo.

Además deberás crear los inputs de usuario y password junto con el botón de login. Una vez dispuestos de estos elementos creamos una carpeta de sprites para poner un par de imágenes que utilizamos a modo de prueba.

unity3d-2

A continuación, debemos hacer un pequeño script para simular el funcionamiento de un Login para añadirlo al componente “botón”. En este script tendrás que enlazar los componentes del script con los componentes de la scene.

using UnityEngine;

using UnityEngine.UI;

using System.Collections;

public class LoginScript : MonoBehaviour

{

   public Button loginButton;

   public InputField username;

   public InputField password;

 

   void Start()

   {

       Button btn = loginButton.GetComponent<Button>();

       btn.onClick.AddListener(Login);

   }

 

   void Login()

   {

       if (this.username.text == "justdigital") {

           if (this.password.text == "0000") {

               Application.LoadLevel("homepage");

           } else {

               Debug.Log("Password not correct!");    

           }

       } else {

           Debug.Log("User not correct!");

       }

   }

}

Después se crea otra scene llamada “homepage” donde simplemente tenemos el ilustre “Hello World!” que verás si las identificaciones están puesta correctas.

Por último, solo tendríamos que añadir ambas scenes en las opciones de construcción de la apk (Build settings) y tener instalado el entorno de compilación necesario, en nuestro caso ya tenía instalado el SDK de android, todo esto se muestra en la siguiente imagen.

unity3d-3

Aquí finaliza esta primera toma de contacto con Unity3D. Espero que Unity3D os sea de utilidad para desarrollar futuros proyectos. Si tenéis cualquier duda o idea para próximos artículos no dudéis en hacérmelo saber.