{"id":19018,"date":"2021-11-22T20:59:04","date_gmt":"2021-11-23T01:59:04","guid":{"rendered":"https:\/\/niixer.com\/?p=19018"},"modified":"2021-11-25T17:09:30","modified_gmt":"2021-11-25T22:09:30","slug":"easyar-implementacion-de-la-ar-en-unity","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2021\/11\/22\/easyar-implementacion-de-la-ar-en-unity\/","title":{"rendered":"EasyAR: Implementaci\u00f3n de la AR en Unity"},"content":{"rendered":"\n

1. Abrir cuenta en EasyAR<\/strong><\/h3>\n\n\n\n

Este caso de estudio se realiz\u00f3 por medio de Unity<\/a> agregando un plugin de EasyAR, generando una llave para la licencia de EasyAR, que se mostrar\u00e1 en el siguiente art\u00edculo, que muestra el paso a paso de la implementaci\u00f3n de la realidad aumentada por medio de Unity y un plugin de EasyAR y la c\u00e1mara del computador.<\/p>\n\n\n\n

Ingresar a la p\u00e1gina oficial de EasyAR https:\/\/www.easyar.com\/<\/a>, como se ve en la siguiente figura.<\/p>\n\n\n\n

\"\"
Figura 1: P\u00e1gina principal de EasyAR.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Dirigirse a Descargar y seleccionar EasyAR Sense Unity Plugin, darle clic en la flecha para comenzar la descarga de un archivo comprimido.<\/p>\n\n\n\n

Buscar versiones anteriores y descargar la versi\u00f3n 4.1.0.811<\/p>\n\n\n\n

\"\"
Figura 2: Descarga del plugin para Unity.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

En la barra superior parte derecha, ingresar a Sign Up para registrarse en EasyAR.<\/p>\n\n\n\n

\"\"
Figura 3: Crear cuenta en EasyAR<\/em>,<\/figcaption><\/figure><\/div>\n\n\n\n

Luego de darle clic en Sign Up, aparecer\u00e1 un mensaje en donde indica que se envi\u00f3 un correo de verificaci\u00f3n de la cuenta al correo electr\u00f3nico registrado.<\/p>\n\n\n\n

\"\"
Figura 4: Mensaje de activaci\u00f3n de cuenta remitido al correo.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Al ingresar al correo electr\u00f3nico se debe dirigir a los correos Spam, all\u00ed se encontrar\u00e1 el correo de verificaci\u00f3n con un link.<\/p>\n\n\n\n

\"\"
Figura 5: Verificaci\u00f3n de cuenta en correo.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Al dar clic en el link, aparecer\u00e1 este mensaje.<\/p>\n\n\n\n

\"\"
Figura 6: Cuenta verificada por EasyAR.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Autom\u00e1ticamente, se dirigir\u00e1 a la ventana de inicio de sesi\u00f3n de EasyAR.<\/p>\n\n\n\n

Adem\u00e1s, una vez ingresado los datos solicitados que se hab\u00edan registrado, se da clic en sign up.<\/p>\n\n\n\n

\"\"
Figura 7: Acceso a la cuenta creada.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

2. Licencia en EasyAR<\/strong><\/h3>\n\n\n\n

Aparecer\u00e1 la ventana que se ve en la figura 8, donde hay una opci\u00f3n que dice \u201cI need a new Sense License Key\u201d, damos clic all\u00ed para generar la llave de la licencia.<\/p>\n\n\n\n

\"\"
Figura 8: Entorno de la p\u00e1gina.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Se llenan los siguientes campos, de acuerdo a la figura 9 y se da clic en confirmar.<\/p>\n\n\n\n

\"\"
Figura 9: Solicitud de licencia.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Luego de darle confirmar, en la ventana aparecer\u00e1 la generaci\u00f3n de la llave de la licencia, se da clic en View, ubicado en la parte derecha.<\/p>\n\n\n\n

\"\"
Figura 10: Visibilizar la llave de licencia.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Esta llave que aparece, ser\u00e1 la que se utilizar\u00e1 en Unity, se debe copiar para luego pegar en los siguientes pasos.<\/p>\n\n\n\n

\"\"
Figura 11: Llave de licencia.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

3. Descargar Unity<\/strong><\/h3>\n\n\n\n

Para descargar Unity versi\u00f3n 2019.4.14f1 se debe ingresar a la p\u00e1gina principal https:\/\/unity3d.com\/get-unity\/download?thank-you=update&download_nid=64276&os=Win<\/a> y seleccionar la versi\u00f3n correspondiente, se descarga de acuerdo al sistema operativo que tiene el computador en este caso es para Windows. <\/p>\n\n\n\n

De igual forma en la p\u00e1gina oficial de Unity se procede a la descarga de Unity Hub para la activaci\u00f3n de la licencia.<\/p>\n\n\n\n

4. Activaci\u00f3n de la licencia en Unity<\/strong><\/h3>\n\n\n\n

Configurando la llave de la licencia es necesario crear un proyecto en Unity Hub.<\/p>\n\n\n\n

Se le oprime NEW.<\/p>\n\n\n\n

\"\"
Figura 12: Unity Hub.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Configuramos el proyecto en 3D, el nombre y la ubicaci\u00f3n que llevar\u00e1. Se da clic en Create.<\/p>\n\n\n\n

\"\"
Figura 13: Nuevo proyecto desde Unity Hub. <\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Se abrir\u00e1 autom\u00e1ticamente Unity, para comenzar a crear el proyecto. Vi\u00e9ndose como la siguiente figura.<\/p>\n\n\n\n

\"\"\/
Figura 14: Unity.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Cuando abra Unity se observa de la siguiente manera, encontrando la barra superior las laterales y la inferior para configurar el proyecto.<\/p>\n\n\n\n

\"\"
Figura 15: Entorno de Unity.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Nos dirigimos a la barra inferior en la carpeta Assets, damos clic y se abre en la misma barra inferior.<\/p>\n\n\n\n

Descomprimir el archivo que se descarg\u00f3 en el paso 1 figura 2 obteniendo estos archivos.<\/p>\n\n\n\n

\"\"\/
Figura 16: Archivos descomprimidos.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Se arrastra el archivo EasyARSenseUnityPlugin_4.1.0.811, a la carpeta que se abri\u00f3 en Unity, llamada Assets. All\u00ed se importar\u00e1 como se observa en la siguiente figura.<\/p>\n\n\n\n

\"\"
Figura 17: Importando archivo de EasyAR.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Aparecer\u00e1 una barra a la izquierda y se le dar\u00e1 importancia.<\/p>\n\n\n\n

\"\"
Figura 18: Ventana para importar.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Se realizar\u00e1 la importaci\u00f3n del paquete de EasyAR.<\/p>\n\n\n\n

\"\"
Figura 19: Proceso de importaci\u00f3n.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Observ\u00e1ndose de esta forma en la figura 20, donde queda como otra carpeta dentro de Assets.<\/p>\n\n\n\n

\"\"\/
Figura 20: Archivos importados en Unity-Assets.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Para configurar la llave de la licencia, nos dirigimos a la barra superior EasyAR-Change License Key.<\/p>\n\n\n\n

\"\"
Figura 21: Configuraci\u00f3n de licencia.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Aparecer\u00e1 a la derecha lo siguiente, donde se pegar\u00e1 la llave que se copi\u00f3 de la figura 11. <\/p>\n\n\n\n

\"\"
Figura 22: Llave de licencia.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

5. Configuraci\u00f3n del entorno<\/strong><\/h3>\n\n\n\n

Con el fin de continuar con la configuraci\u00f3n del proyecto, para obtener buenos resultados realizamos lo siguiente. Nos dirigimos a la carpeta Assets-EasyAR-Prefabs-Composites y seleccionamos EasyAR_ImageTracker-1. Este lo arrastramos a la barra lateral izquierda que lleva por nombre Hierarchy. Como se observa en las siguientes figuras.<\/p>\n\n\n\n

\"\"
Figura 23: EasyAR_ImageTracker-1.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n
\"\"\/
Figura 24: EasyAR_ImageTracker-1 en Hierarchy.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Luego Nos dirigimos a Assets-EasyAR-Prefabs-Primitives y seleccionamos ImageTarget que quedar\u00e1 como Sub de e EasyAR_ImageTracker-1.<\/p>\n\n\n\n

\"\"
Figura 25: ImageTarget.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n
\"\"\/
Figura 26: ImageTarget en EasyAR_ImageTracker-1.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Damos clic derecho y en la barra de opciones seleccionamos Added GameObject-Apply to Prefab EasyAR_ImageTracker-1.<\/p>\n\n\n\n

\"\"
Figura 27: Added Game Object.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

En la configuraci\u00f3n de la c\u00e1mara, damos clic en la barra izquierda Main C\u00e1mara y a la derecha configuramos las opciones como la siguiente imagen.<\/p>\n\n\n\n

\"\"
Figura 28: Configuraci\u00f3n de c\u00e1mara.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

6. Crear la experiencia<\/strong><\/h3>\n\n\n\n

Para realizar esta pr\u00e1ctica se seleccion\u00f3 un modelo 3D de Rover Curiosity, un veh\u00edculo explorador de marte de free3D, que es compatible con Unity.https:\/\/free3d.com\/es\/modelo-3d\/curiosity-rover-46907.html<\/p>\n\n\n\n

\"\"
Figura 29: Modelo 3D en Free3D.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Se descarga un archivo que posteriormente se descomprime y se agrega a la carpeta Assets en una carpeta creada llamada Modelo. <\/p>\n\n\n\n

\"\"
Figura 30: Carpeta Modelo.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Observ\u00e1ndose todos los archivos de la siguiente forma.<\/p>\n\n\n\n

\"\"
Figura 31: Importaci\u00f3n del modelo en Unity.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Se crear\u00e1 una carpeta en Assets llamada StreamingAssets, donde se importar\u00e1 la imagen que servir\u00e1 como tarjeta, en este caso es una del planeta Marte.<\/p>\n\n\n\n

\"\"
Figura 32: Cargar Image Target. <\/em><\/figcaption><\/figure><\/div>\n\n\n\n

En la ImageTarget, se configura de la siguiente forma para que aparezca la imagen que servir\u00e1 como tarjeta.<\/p>\n\n\n\n

\"\"\/
Figura 33: Configuraci\u00f3n Image Target.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Por consiguiente, observando la escena como la siguiente figura.<\/p>\n\n\n\n

\"\"
Figura 34: Escena con la image target.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

Como resultado, se agrega el modelo 3D prefabricado como se evidencia en la siguiente figura en la lista de Hierarchy. <\/p>\n\n\n\n

\"\"\/
Figura 35: Adici\u00f3n del modelo 3D.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

 <\/em><\/h2>\n\n\n\n
\"\"
Figura 36: Vista de la escena con modelo 3D.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
Figura 37: Demostraci\u00f3n.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n
\n