{"id":19645,"date":"2021-11-24T22:22:56","date_gmt":"2021-11-25T03:22:56","guid":{"rendered":"https:\/\/niixer.com\/?p=19645"},"modified":"2021-11-24T22:22:59","modified_gmt":"2021-11-25T03:22:59","slug":"desarrollo-de-una-experiencia-de-realidad-aumentada-en-easyar-con-modelos-3d-predefinidos","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2021\/11\/24\/desarrollo-de-una-experiencia-de-realidad-aumentada-en-easyar-con-modelos-3d-predefinidos\/","title":{"rendered":"Desarrollo de una experiencia de realidad aumentada en EasyAR con modelos 3D predefinidos."},"content":{"rendered":"\n

Objetivo<\/strong><\/p>\n\n\n\n

Desarrollar una aplicaci\u00f3n de realidad aumentada usando el plugin EasyAR en la plataforma de modelado 3D Unity. <\/p>\n\n\n\n

Marco Te\u00f3rico<\/strong><\/p>\n\n\n\n

Realidad Aumentada <\/strong><\/p>\n\n\n\n

La realidad virtual es una tecnolog\u00eda que permite superponer objetos virtuales en la realidad. Estos objetos son percibidos \u00fanicamente a trav\u00e9s de dispositivos especiales que permite que tales objetos sean percibidos por los seres humanos como si fueran reales o hicieran parte de la realidad. Actualmente se trabaja en el desarrollo de herramientas que implementen esta herramienta para el desarrollo de actividades industriales y empresariales, tales como capacitaciones o presentaci\u00f3n de prototipos en desarrollo. (Iberdrola,2021; Neosentec, 2020)<\/p>\n\n\n\n

Unity<\/strong><\/p>\n\n\n\n

Es un motor de desarrollo de videojuegos, el cual tambi\u00e9n es usado para la creaci\u00f3n de entornos de realidad virtual en proyectos de arquitectura, dise\u00f1o y animaci\u00f3n. Este software viene integrado con motores de renderizaci\u00f3n de im\u00e1genes, motores de edici\u00f3n audio, motores de animaci\u00f3n(IPF,SF; Quality Devs, 2020).<\/p>\n\n\n\n

EasyAR<\/strong><\/p>\n\n\n\n

Es una plataforma desarrollada para la construcci\u00f3n de ambientes de realidad aumentada de origen chino. Esta herramienta tiene funcionalidades como el rastreo de im\u00e1genes planas, las cuales se pueden usar de referencia para colocar objetos superponer modelos 3d sobre la imagen; seguimiento de superficies que permite permite detectar los objetos que se encuentran sobre ella; rastreo de objetos 3d, aqu\u00ed es lo mismo que con los marcadores, solo que aqu\u00ed ya no se toma de referencia una imagen plana sino un objeto (EasyAR,SF; Vargas, 2020).<\/p>\n\n\n\n

Desarrollo<\/strong><\/p>\n\n\n\n

Para arrancar es necesario tener el plugin de easyAR integrado en Unity, para hacer esto le recomendamos seguir el siguiente video<\/a> en donde se explica como integrarlo. En la carpeta de prefabs buscamos la carpeta ImageTracker y la arrastramos en la jerarqu\u00eda del proyecto. Esta carpeta contiene todas las funcionalidades necesarias para hacer el rastreo de las im\u00e1genes que vayamos a usar como marcador, se usa una sola carpeta ImageTracker por proyecto.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Luego buscamos una carpeta que dice imagetarget y la arrastramos tambi\u00e9n en la jerarqu\u00eda. Este image target se usa para guardar la imagen de referencia que se va a utilizar como marcador. A diferencia del ImageTracker, se pueden crear varias ImageTarget ya que en un ambiente de realidad aumentada pueden haber varios marcadores al mismo tiempo.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Para el marcador tomamos primero creamos en la carpeta Assets una carpeta que se llame StreamingAssets, la cual ser\u00e1 la que contenga todas las im\u00e1genes de referencia, marcadores, que vayamos a usar en la aplicaci\u00f3n.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Luego descargamos o creamos una imagen, preferentemente en formato png, la colocamos en la carpeta StreamingAssets. Esta carpeta se encargar\u00e1 de guardar todos los objetos que se usar\u00e1n como referencia o marcadores. Es preferible usar una imagen de alto contraste entre los colores, esto con el fin de que la c\u00e1mara pueda detectar con mayor facilidad.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Finalmente, damos click en la carpeta ImageTarget y nos dirigimos a inspector. En la parte baja de la ventana colocamos el nombre del archivo con su extensi\u00f3n. La imagen debe aparecer en la pantalla.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Dando click en la imagen, nos vamos d\u00f3nde dicen las propiedades y la rotamos 90 grados en x para que quede acostada.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Ahora nos dirigimos a SketchFab<\/a>, y descargamos un modelo 3D en formato fbx, de prueba vamos a descargar un modelo de un ninja<\/a> y un modelo de un tigre<\/a>. Se descargar\u00e1 un zip, lo descomprimimos y nos vamos a una carpeta llamada fuentes, source, ah\u00ed estar\u00e1 nuestro fbx.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Lo llevamos a la carpeta assets y lo arrastramos dentro de la carpeta ImageTarget de la jerarqu\u00eda. <\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Como estamos usando dos modelos, el paso ser\u00e1 el mismo que en el primero. Vale aclarar que el modelo hay que acomodarlo ya que por defecto no siempre sale derecho. Para hacer esto se se\u00f1alan dos botones para el esto, el que esta en el circulo azul es para mover el modelo y el que est\u00e1 en el circulo amarillo se usa para rotarlo.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n

Ahora vamos a cambiar el fondo de la imagen, a los siguientes par\u00e1metros:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Para verificar que haya quedado bien, oprimimos en la pesta\u00f1a de Game y nos debe salir algo como lo siguiente:<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n

Aqu\u00ed vamos a acomodar la c\u00e1mara del escenario para que proyecte nuestro modelo 3d forma perpendicular.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Despu\u00e9s de esto ejecutamos el proyecto y colocamos el marcador frente a la c\u00e1mara.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Conclusiones<\/strong><\/p>\n\n\n\n