{"id":19128,"date":"2021-11-23T11:41:44","date_gmt":"2021-11-23T16:41:44","guid":{"rendered":"https:\/\/niixer.com\/?p=19128"},"modified":"2021-11-23T16:06:53","modified_gmt":"2021-11-23T21:06:53","slug":"easy-ar-interaccion-de-ar-con-unity","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2021\/11\/23\/easy-ar-interaccion-de-ar-con-unity\/","title":{"rendered":"EASY AR: Interacci\u00f3n de AR con Unity"},"content":{"rendered":"\n

Hoy en d\u00eda la tecnolog\u00eda la podemos encontrar en diversos programas y de diversas maneras, es por esto que en este caso vamos a trabajar la realidad aumentada AR, y te contaremos c\u00f3mo es posible crear una experiencia de realidad aumentada con ayuda de Easy AR<\/a> y Unity, donde tenemos que seguir adecuadamente los siguientes pasos que se explicaran a continuaci\u00f3n: <\/p>\n\n\n\n

Configuraci\u00f3n del EASY AR:<\/strong><\/h2>\n\n\n\n
  1. Primero que todo descargamos Easy AR<\/a> Sense, si deseamos una versi\u00f3n anterior, nos dirigimos al bot\u00f3n de previous versions y podemos buscar la opci\u00f3n deseada.<\/li><\/ol>\n\n\n\n
    \"\"
    Fig. 1 Descarga de Easy AR. <\/figcaption><\/figure><\/div>\n\n\n\n
    1. Nos dirigimos a la p\u00e1gina principal de Easy AR<\/a>, en la cual procederemos a crear una cuenta personal como se ve en la figura.<\/li><\/ol>\n\n\n\n
      \"\"
      Fig. 2 Creaci\u00f3n de cuenta en Easy AR.<\/figcaption><\/figure><\/div>\n\n\n\n
      1. Una vez creada la cuenta, nos redirige a una nueva pesta\u00f1a en la cual en primera instancia nos aparecer\u00e1 un panel vac\u00edo. Seleccionamos la opci\u00f3n de I need a new Sense license key.<\/li><\/ol>\n\n\n\n
        \"\"
        Fig. 3 Petici\u00f3n de una licencia para Easy AR.<\/figcaption><\/figure><\/div>\n\n\n\n
        1. Una vez realizado el paso anterior, nos redirige a un panel en el cual tendremos que rellenar los espacios solicitados con la informaci\u00f3n correspondiente al proyecto y  podremos adaptar la licencia con las necesidades deseadas. una vez finalizado, procedemos a dar en la opci\u00f3n continuar.<\/li><\/ol>\n\n\n\n
          \"\"
          Fig. 4 Creaci\u00f3n y activaci\u00f3n de la licencia. <\/figcaption><\/figure><\/div>\n\n\n\n
          1. Al finalizar el paso anterior, nos redirecciona al panel que ya hab\u00edamos visto en el paso n\u00famero 2, pero esta vez nos aparecer\u00e1 la licencia en la pantalla central de este, Procedemos a seleccionarlo.<\/li><\/ol>\n\n\n\n
            \"\"\/
            Fig. 5 Licencia Easy AR<\/figcaption><\/figure>\n\n\n\n
            1. Al realizar el paso 5, se nos abre la siguiente ventana en la cual nos aparecer\u00e1 un c\u00f3digo el cual ser\u00e1 nuestra licencia, procedemos a seleccionar la opci\u00f3n copiar. adem\u00e1s en este panel podemos modificar algunos paquetes como los de iOS, Android o Windows si se desea.<\/li><\/ol>\n\n\n\n
              \"\"
              Fig.6 Copia y modificaci\u00f3n de la licencia.
              <\/figcaption><\/figure><\/div>\n\n\n\n

              Configuraci\u00f3n del Unity<\/a>:<\/strong><\/h2>\n\n\n\n

              7. Una vez terminado todos los pasos para la activaci\u00f3n de la licencia en Easy AR procedemos a crear nuestro proyecto en Unity, para esto nos dirijamos a Unity Hub<\/a> el cual ya ten\u00edamos previamente instalada  y nos dirigimos a la secci\u00f3n de proyectos, en la cual seleccionaremos la opci\u00f3n de 3D, aca podemos cambiar el nombre de nuestro proyecto y la ruta en la cual deseamos que este se guarde.<\/p>\n\n\n\n

              \"\"
              Fig. 7 Creaci\u00f3n del Proyecto en Unity Hub<\/a>. <\/figcaption><\/figure><\/div>\n\n\n\n

              8. Una vez creado nuestro proyecto, nos abrir\u00e1 el panel principal de edici\u00f3n donde podremos trabajar de manera adecuada.<\/p>\n\n\n\n

              \"\"
              Fig. 8 Panel de trabajo Unity Hub.<\/figcaption><\/figure><\/div>\n\n\n\n

              9. Una vez abierto el panel de Unity, procederemos a importar los archivos descargados en el paso 1, para esto tenemos que descomprimir el archivo y nos dirigiremos al panel inferior en la secci\u00f3n de proyecto y buscaremos la carpeta de assets, en esta importamos los archivos, como podemos ver en la imagen en la parte izquierda nos aparecer\u00e1 todo lo que importaremos. <\/p>\n\n\n\n

              \"\"
              Fig. 9 Importaci\u00f3n archivos Easy AR. <\/figcaption><\/figure><\/div>\n\n\n\n

              10. Una vez importados los archivos, procederemos a activar la licencia que ya tenemos, para esto nos dirigimos a la barra superior y seleccionamos la opci\u00f3n de Easy AR-Change License Key, al seleccionar esta opci\u00f3n se nos desplegar\u00e1 un panel en la parte derecha.<\/p>\n\n\n\n

              \"\"
              Fig. 10 Configuraci\u00f3n Licencia.<\/figcaption><\/figure><\/div>\n\n\n\n

              11. Una vez desplegado el panel derecho, en el espacio en blaco procederemos a pegar la licencia que previamente hab\u00edamos copiado en el paso 6.<\/p>\n\n\n\n

              \"\"
              Fig. 11 Llave de licencia.<\/figcaption><\/figure><\/div>\n\n\n\n

              Creaci\u00f3n AR con Unity:<\/h2>\n\n\n\n

              12. Ahora procederemos a configurar nuestro espacio de trabajo, para esto nos dirigimos a la carpeta Assets-EasyAR-Prefabs-Composites y seleccionamos EasyAR<\/a>_ImageTracker-1. Procedemos a arrastrar este componente a la ventana de izquierda de nombre Hierarchy como podemos ver en la siguiente figura.<\/p>\n\n\n\n

              <\/p>\n\n\n\n

              \"\"
              Fig. 12 Configuraci\u00f3n del EasyAR Image Tracker-1.<\/figcaption><\/figure><\/div>\n\n\n\n

              13. Una vez configurado este componente, procederemos a configurar el image target, para esto nos dirigimos a la carpeta Assets-EasyAR-Prefabs-Primitives y seleccionamos el componente ImageTarget y lo arrastramos al Hierarchy, este componente nos quedar\u00e1 como un subconjunto del componente configurado en el paso anterior.<\/p>\n\n\n\n

              \"\"
              Fig. 13 Configuraci\u00f3n del Image Target.<\/figcaption><\/figure><\/div>\n\n\n\n

              14. Una vez finalizado el paso 13 damos clic derecho sobre este en donde se nos desplegar\u00e1 un men\u00fa de opciones, en este seleccionaremos la opci\u00f3n Added GameObject-Apply to Prefab EasyAR ImageTracker-1.<\/p>\n\n\n\n

              \"\"
              Fig. 14 Configuraci\u00f3n del Added GameObject.<\/figcaption><\/figure><\/div>\n\n\n\n

              15. Procedemos a configurar la c\u00e1mara, de esta manera  tener una experiencia AR, para esto damos clic en el componente Main Camera, esto nos desplegara informaci\u00f3n en la ventana inspector del lado derecho, en este colocaremos lo siguientes valores y configuraciones.<\/p>\n\n\n\n

              \"\"
              Fig. 15 Configuraci\u00f3n de la c\u00e1mara.<\/figcaption><\/figure><\/div>\n\n\n\n

              Creaci\u00f3n de la Experiencia AR: <\/strong><\/h2>\n\n\n\n

              16. Para esta experiencia se decidi\u00f3 trabajar con un modelo de un carro en este caso se opt\u00f3 por un modelo cl\u00e1sico de un Mazda cosmo Ap – Ps, el cual se obtuvo de la p\u00e1gina Sketchfab.<\/p>\n\n\n\n

              \"\"
              Fig. 16 Modelo 3D.<\/figcaption><\/figure><\/div>\n\n\n\n

              17. Ahora procedemos a buscar una imagen la cual est\u00e9 relacionada con nuestro modelo para posteriormente realizar el debido montaje.<\/p>\n\n\n\n

              \"\"
              Fig. 17 Logo de Mazda.<\/figcaption><\/figure><\/div>\n\n\n\n

              18. Procedemos a crear unas carpetas en la cual ir\u00e1n las im\u00e1genes y los modelos 3D necesarios para nuestra experiencia, para esto nos vamos a la carpeta Assets-EasyAR y creamos nuestras  carpetas las cuales llevar\u00e1n como nombre StreamingAssets y Modelos 3D.<\/p>\n\n\n\n

              \"\"
              Fig. 18 Creaci\u00f3n de carpetas.<\/figcaption><\/figure><\/div>\n\n\n\n

              19. Procedemos a importar nuestra imagen que utilizaremos como tarjeta, esto lo realizaremos en la carpeta previamente creada en el paso anterior.<\/p>\n\n\n\n

              \"\"
              Fig.19 Importaci\u00f3n de la imagen a utilizar.<\/figcaption><\/figure><\/div>\n\n\n\n

              20. Para configurar nuestra imagen, nos dirigimos al Image Target y le colocamos los valores que deseamos. <\/p>\n\n\n\n

              \"\"
              Fig. 20 Configuraci\u00f3n de la Imagen.<\/figcaption><\/figure><\/div>\n\n\n\n

              21. Procedemos a importar las texturas del modelo, esto lo hacemos en la carpeta creada en el paso 18.<\/p>\n\n\n\n

              \"\"
              Fig. 21 Importaci\u00f3n texturas.<\/figcaption><\/figure><\/div>\n\n\n\n

              22. Agregamos el modelo 3D y ajustamos su posici\u00f3n.<\/p>\n\n\n\n

              \"\"
              Fig. 22  Escena con el Moldeo 3D.<\/figcaption><\/figure><\/div>\n\n\n\n

              Una vez realizado esto, probamos d\u00e1ndole play y listo, tenemos nuestra experiencia AR.<\/p>\n\n\n\n

              A continuaci\u00f3n podemos ver un video de como nos quedo nuestra experiencia: <\/p>\n\n\n\n

              \n