top of page

Proyecto Yuyay APP

Este documento no pretende ser un libro de programación de Unity, sino más bien mostrar de manera objetiva y clara como realizar aplicaciones móviles de realidad aumentada para Android con el uso de imagen targets y Vumarks.

Se recomienda tener un previo conocimiento básico de programación con C# y de diseño Gráfico con Illustrator.

Se tratará de explicar las configuraciones he instalaciones previas para la preparación de ambiente de programación, las herramientas a utilizar y los algunos trucos que servirán para poder solucionar algunos inconvenientes que se podrían presentar.

  1. Instalación de Unity

 

Unity requiere:

  • Sistema Operativo: Windows 7 SP1+, 8, 10; macOS 10.11+.

  • : Tarjeta gráfica con DX9 (modelo de shader 3.0) o DX11 con capacidades de funciones de nivel 9.3.

El proceso de instalación se detalla en los siguientes pasos.

  • Ingresar al sitio oficial de Unity ()

  • Descargar la Ultima versión disponible, al momento de realizar este trabajo se utilizo la versión 2018.3.0.

  • Ejecutar el instalador.

  • Seleccionar las opciones

    • Unity 2018.3.0f2; es el core del motor de juego.

    • Android Build Suport; permite compilar la aplicación de forma nativa.

    • Vuforia Augmented Reality Support; instala el SDK de vuforia para poder utilizarlo con Unity.

InstalacionUnity.png

  1. Instalar Java jdk.

  • Descargar el instalador del sitio de oficial ().

  • Seleccionar la ruta de instalación. Se recomienda instalar dentro de una carpeta para todas las herramientas relacionadas a Java: “D:\Java\jdk1.8”, esto con el fin de encontrar con facilidad las rutas.

  1. Instalación de Android Studio.

Se requiere que instalar para obtener el las herramientas adicionales para la generación del archivo Apk de Android y la firma de este para subir a la tienda de aplicaciones Android.

  • Ir al sitio oficial de Android Studio ().

  • Descargar el instalador.

  • Instalar la Aplicación sin emuladores ya que no serán utilizados.

InstalacionAndroid.png

  • Escoger la ruta de instalación. Se recomienda instalar dentro de una carpeta para todas las herramientas relacionadas a Java: “D:\Java\Android Studio”, esto con el fin de encontrar con facilidad las rutas.

  • Escoger la ruta de instalación. Se recomienda instalar dentro de una carpeta para todas las herramientas relacionadas a Java: “D:\Java\Android Studio”, esto con el fin de encontrar con facilidad las rutas.

RutaInstalacionAndroid.png

  • Una vez Instalado Abrir he ir al menú: File>Settings>Android Sdk> SDK Plataform

opcionesInstalacionAndroid.png

En este punto seleccionar la versión de Android a usarse para este proyecto se usó Android 7.1.1 Api Level 25 Revisión 3.

La localización de los archivos se recomienda la siguiente ruta: “D:\Java\Android\sdk”

  • Ir a la ficha SDK Tool y seleccionar las opciones:

    • Android SDK Build-tools; permitirá crear el archivo APK

    • Andriod SDK Platform-Tools

    • Android SDK Tools

    • Google Play Licensing Library; permitirá generar el certificado para firmar la aplicación y subir a la Tienda de Google.

    • Google Play Services.

    • NDK; sirve para implementar partes de una app en código nativo usando lenguaje C y C++.

  1. Instalar Adobe Illustrator.

Se utilizará para la generación de las Vumarks. Al ser una aplicación pagada se requiere una licencia para su uso.

  • Comprar licencia en el sitio oficial, (). Si se tiene una cuenta de correo educativa se recomienda comprar la licencia para estudiantes y profesores aunque también se puede usar una versión de prueba, registrándose previamente en el sitio ()

  • Vaya a la página de la aplicación de escritorio de Creative Cloud.

  • Haga clic en el botón Descargar.

  • Siga las instrucciones que aparecen en la pantalla.

  • Abrir la Aplicación Creative Cloud.

  • Dar clic en instalar la aplicación Illustrator.

  1. Configuración de SDK Vuforia.

 

Se requiere registrarse en el sitio oficial de vuforia para poder usar sus funcionalidades.

 

  • Registrarse en el sitio oficial ()

Para poder usar los recursos de Vuforia es necesario iniciar sesión con la cuanta previamente registrada.

  • Configurar Scripts para crear Vumarks En Illustrator

    • Descargar los scripts de configuración de vuforia () buscar “Download VuMark Designer”

    • Descomprimir los archivos descargados; tomar los archivos de la carpeta “VuMark-Designer-6.0.112\VuMark-AI-Tools-6.0.112” y pegarlos en el lugar donde está instalado la Aplicación Adobe Ilustrator, la carpeta por defecto es “C:\Program Files\Adobe\Adobe Illustrator CC 2019”; una vez localizado la ruta ir a la carpeta “Presets> > Secuencias de comandos”.

Tip:  En este punto es posible que sí no están instaladas las fuentes “tipos de letra” que utilizan en el script de Vuforia se genere un error “Error 1302:”. Para solucionar ese problema se requiere instalar las fuentes .

  • ​

  • ​

  • ​

Se puede conseguir con la licencia Creative Cloud que incluye Fonts Adobe. O descargar las mismas de sitios alternativos.

 

  • Crear Licencia de Vuforia.

    • Ir a la url ().

    • Dar click en “Get Development Key”

PortalKey.png

  • Dar click en “Get Development Key”.

  • Ingresar un nombre para la Licencia.

Se utilizará la licencia generada, para atar las bases de datos de imágenes y vumarks.

VuforiagenerateKey.png

  • Configurar Unity para trabajar con Vuforia; ir al menú: “File> Build Settings…”, se mostrará la siguiente pantalla. En este punto es recomendable dar click en el botón junto a Xiaomi Mi Game Center, eso evitara que la aplicación generada pida permisos innecesarios como acceder a los contactos y ubicación.

RemoveXiamoCenter.png

  • Elegir Android y dar click en Switch Platform.

  • Click en Player Settings…

  • Ir a la ficha XR Settings y elegir “Vuforia Augmented Reality Support”

Habilitar Realidad Aumentada.png

  • Para las escenas con realidad aumentada eliminar la cámara por defecto creada en el Proyecto llamada Main Camera y añadir AR Camera

ArCamara.png

  • Anadir licencia vuforia al proyecto unity.

    • Seleccionar AR Camera, dar click en Open Vuforia configuration.

AnadirLicencia.png

  • Ir a App License Key, ingresar la licencia obtenida del portal oficial de Vuforia.

LicenciaPortal.png
ClaveUnity.png
BaseDatosVuforia.png

  • Importar base de datos descargada, ir a menú Assets> Package> Custom Package.

Con las configuraciones previas indicadas ya se esta en capacidad de poder realizar un proyecto de realidad aumentada, ya que estas son la base para empezar a programar y desplegar de forma exitosa los artefactos denominados APK.

​

El documento completo se puede descarguar aqui:

© 2023 by AR UTN created with Wix.com

bottom of page