RA una tecnología emergente

HCE
HCE
Aug 23, 2017 · 6 min read

Esto va dirigido a quienes buscan introducirse un poco dentro de esta tecnología emergente , dentro de este post encontrarás recursos y una guía rápida de cómo iniciar una aplicación en Realidad Aumentada.

Como frontend developer dentro del ITESM, y parte del equipo de desarrollo web se nos propuso el reto de incorporar herramientas que aportarán una mejor experiencia de usuario a los cursos que se toman en línea, con el fin de ofrecer una mayor interacción y fortalecer la adquisición de conocimientos dentro de los mismos, quizás la mejor solución que pudimos encontrar a esto fue utilizar realidad aumentada.

¿Por que estan de moda estas tecnologías?

En la actualidad la tendencia de las instituciones, en todos los rubros en general, es hacer más vivencial el uso de las tecnologías, acercando a sus clientes, proveedores, estudiantes o pacientes de una manera personalizada a sus servicios. [Link]

Actualmente los recursos con los que se cuentan en la actualidad, facilitan poder iniciar dentro del desarrollo de estas tecnologías emergentes, desde software simple y reusable, hasta hardware que nos permite interactuar más intuitivamente con estas tecnologías.

¿Que es el la Realidad aumentada?

AR/RA (Augmented reality o Realidad aumentada en español), es una tecnología que nos permite visualizar objetos virtuales dentro de un espacio físico, a través de la pantalla de un smartphone o tablet, ya sea con objetivos especificos[Targets] o sin ellos[Markerless] el usuario puede experimentar desde funciones muy simples como rotación, escala, y posicionamiento del objeto virtual dentro del entorno real, utilizando la cámara como referencia espacial para visualizar los elementos digitales.

Elementos para el desarrollo de Aplicaciones con AR

En la imagen se muestran los elementos involucrados en el diseño de una aplicación de Realidad Aumentada, para comenzar necesitamos una PC o MAC con las características esenciales en el desarrollo de aplicaciones, edición de video o desarrollo de videojuegos, cualquier equipo que encaje en la descripción de alguno de estos perfiles, es suficiente.

Comenzando con la Realidad Aumentada

Existen toneladas de cursos en línea gratuitos y de paga que te orientan en el desarrollo de una aplicación, por ahora este será una guía rápida de como iniciar con la Realidad aumentada, y los recursos básicos para el desarrollo de una aplicación móvil.

Los elementos necesarios para comenzar son las herramientas para diseñar nuestros elementos digitales y ubicarlos dentro del espacio físico, para esto utilizamos Unity3D, que es un editor de elementos digitales, se utiliza con frecuencia en el desarrollo de videojuegos, aplicaciones móviles y algunas funcionalidades relacionadas con elementos virtuales.

Entorno de desarrollo en unity

Una vez instalado Unity3D , nos dirigimos a Vuforia , es la librería que nos permitirá el acceso a la cámara, la detección de objetivos, y la ubicación espacial de los elementos dentro del espacio físico. Dentro de Vuforia es necesario registrarse como desarrollador.

Este registro nos permite conectar los permisos de Vuforia para utilizar sus elementos, dentro de esta librería puedes encontrar ejemplos y documentación para utilizar todas sus funciones, por ahora nos enfocaremos en lo básico, en el desarrollo nuestra app.

Una vez creada nuestra cuenta, accedemos en Develop, en donde daremos de alta una licencia de llave, la cual utilizaremos más adelante en nuestra aplicación, esta llave nos permite vincular nuestra aplicación con los targets y con ella ejecutar Vuforia dentro de Unity3D.

vista del administrador de objetivos

Para comenzar a utilizar targets, es necesario crear una base de datos para alojarlos, en la opción de agregar base de datos, podremos determinar qué tipo de base de datos estamos diseñando, hacia donde está dirigida esta base de datos, por ahora seleccionamos device y después crear.

Carga de Targets a la base de datos

Una vez creada nuestra base de datos, agregamos los Targets, una vez agregados vuforia nos muestra la información que utiliza para posicionar nuestro objeto, los elementos que podemos utilizar varían desde objetos planos en 2D hasta objetos 3D.

Puntos de captura

Para cumplir con las expectativas de un buen target, recomiendo leer en la documentación sobre el diseño y adecuación de los mismos, mira este [Link] para más información.

Por último, descargamos los elementos para poder agregarlo a nuestro proyecto en Unity en el siguiente formato, el cual nos permite utilizarlos dentro de Unity3D.

También hay que descargar los elementos prefabricados de Vuforia, para agilizar el desarrollo de nuestra aplicación, con esto nos provee de elementos prediseñados para arrancar con nuestra aplicación.

Descargamos el paquete compatible con Unity.

Creando nuestra primera app

Primero vamos a crear un nuevo proyecto dentro de Unity, en el cual podremos eliminar la cámara principal y agregar la librería de elementos prefabricados junto con los targets que habíamos descargado anteriormente.

Nuestro entorno está listo para agregar los elementos.

Importamos los recursos de Vuforia haciendo doble click en el paquete descargado.

*Si aparece una leyenda solo selecciona la opción de adelante.

Una vez importados nuestros elementos, podemos añadir recursos a nuestra escena, principalmente la ARcamera, la cual nos permite acceder a la cámara del dispositivo móvil además de agregar el ImageTarget ambos se encuentran dentro de la carpeta de Prefabs de Vuforia.

Importamos nuestra base de datos con los targets dentro de ella, automaticamente se agregan a nuestro proyecto con solo hacer doble click

Propiedades de la ARcamera

Ahora con nuestro elementos cargados, hacemos doble click en ARCamera y entramos a Vuforia configuration y agregamos nuestra llave de acceso que habíamos generado dentro de Vuforia.

Pegamos esta llave dentro de la configuración y ya podremos trabajar con los recursos dentro de la escena.

Asset store Unity
Free3D.com

Ahora bien si no dominas mucho la edición de elementos en 3D siempre puedes utilizar la Asset store dentro de Unity, una tienda virtual que nos permite acceder a elementos prediseñados por la comunidad de artistas gráficos, solo basta con hacer una cuenta dentro de Unity3D y listo, existen elementos gratuitos y otros de paga, también puedes utilizar Free3D, como una librería externa.

Ahora que ya tenemos un elemento 3D, lo importamos y lo escalamos de dentro de nuestro proyecto, para poder posicionarlo dentro de nuestro target y vincularlo para que lo muestre en el dispositivo.

Una vez ubicado el objeto, tenemos que ubicarlo sobre el target, para que sea el efecto que toma el target al momento de capturarlo con la cámara.

Por último se realiza la prueb con la cámara, si tu computadora es una laptop puedes utilizar la cámara para correr esta prueba, en un siguiente post, haremos la exportación para las plataformas de Android y IOS.

Espero que esta pequeña guía fuera de ayuda para conocer un poco acerca de la realidad aumentada, si tienen alguna idea o quieren conocer mas acerca de lo que estamos trabajando dentro para crear contenidos en RA, puedes escribir a: 11hce@itesm.mx.

)

    HCE

    Written by

    HCE

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade