{"id":19144,"date":"2021-11-23T13:00:27","date_gmt":"2021-11-23T18:00:27","guid":{"rendered":"https:\/\/niixer.com\/?p=19144"},"modified":"2021-11-25T16:58:54","modified_gmt":"2021-11-25T21:58:54","slug":"harry-potter-experiencia-easy-ar-unity","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2021\/11\/23\/harry-potter-experiencia-easy-ar-unity\/","title":{"rendered":"Harry Potter: Experiencia Easy AR\/Unity"},"content":{"rendered":"\n

Easy AR es una plataforma que permite la creaci\u00f3n de la realidad aumentada<\/a>, con el fin de que el usuario tenga una experiencia mas cercana y cuente con la posibilidad de crear algo propio, para que aprenda y conozca un poco m\u00e1s de la plataforma.<\/p>\n\n\n\n

Por otra parte, unity <\/a>es conocido como un motor de juegos, esta es un software que cuenta con las caracter\u00edsticas para crear y dise\u00f1ar un entorno interactivo para el usuario.<\/p>\n\n\n\n

Se ha creado una experiencia utilizando Easy AR y Unity, la cual iremos mostrando a continuaci\u00f3n, desde su creaci\u00f3n hasta su ejecuci\u00f3n.<\/p>\n\n\n\n

Implementaci\u00f3n paso a paso<\/h3>\n\n\n\n

Antes de empezar con el proyecto, debimos habernos registrado en Easy AR y haber generado una llave de licencia para poder empezar a trabajar en unity.<\/p>\n\n\n\n

\"\"
Sense License Key<\/em> <\/figcaption><\/figure><\/div>\n\n\n\n
  1. Abrimos la aplicaci\u00f3n de unity, le asignamos un nombre y una carpeta en la cual guardaremos nuestro proyecto.<\/li><\/ol>\n\n\n\n
    \"\"
    Create <\/em>a new Project<\/figcaption><\/figure><\/div>\n\n\n\n

    2. Al darle Crear, nos cargara nuestra aplicaci\u00f3n creando nuestro proyecto.<\/p>\n\n\n\n

    \"\"
    Open Project<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    3. Nos aparecer\u00e1 nuestra pantalla inicial, donde cargaremos y trabajaremos nuestro proyecto.<\/p>\n\n\n\n

    \"\"
    Pantalla inicial<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    4. Para importar Easy AR nos dirigimos a la ventana Windows>Package Manager.<\/p>\n\n\n\n

    \"\"
    Package Manager<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    5. Despu\u00e9s nos dirigimos al bot\u00f3n de + >Add Package from tarball.<\/p>\n\n\n\n

    \"\"
    Add package from tarball<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    6. Y seleccionamos nuestro archivo previamente descargado y descomprimido.<\/p>\n\n\n\n

    \"\"
    easyar sense<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    7. Vamos a ingresar la licencia generada anteriormente, para eso nos dirigimos en el panel de Project>Assets>EasyAR>Resources>Easy AR>Settings.<\/p>\n\n\n\n

    \"\"
    Settings<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    Y ya nos queda visualizada.<\/p>\n\n\n\n

    \"\"
    License key<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    8. Nos dirigimos a File>Build Settings.<\/p>\n\n\n\n

    \"\"
    Build settings<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    9. Le damos en la opci\u00f3n Add Open Scenes para as\u00ed, unity nos cree autom\u00e1ticamente una escena, despu\u00e9s nos dirigimos a Player Settings.<\/p>\n\n\n\n

    \"\"
    Add Open Scenes<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    10. En la opci\u00f3n de Other le asignamos en nombre que aparece en nuestra licencia.<\/p>\n\n\n\n

    \"\"
    Bundle Identifier<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    11. Despu\u00e9s nos dirigimos a cargar los Prefabs, primero integramos el Composities Easy AR_Image.<\/p>\n\n\n\n

    \"\"
    Composities<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    12. Y despu\u00e9s en nuestro Prefabs, integramos en Primitives la opci\u00f3n de Imagen Target.<\/p>\n\n\n\n

    \"\"
    Primitives<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    13.Nos dirigimos a Main Camera y le damos los ajustes necesarios.<\/p>\n\n\n\n

    \"\"
    Main Camera<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    14. Despu\u00e9s vamos a crear una carpeta nueva en la parte de Assets y la nombraremos Streaming Assets.<\/p>\n\n\n\n

    \"\"
    Streaming Assets<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    15. All\u00ed dentro cargamos la imagen que utilizaremos como marcador.<\/p>\n\n\n\n

    \"\"
    Marcador<\/figcaption><\/figure><\/div>\n\n\n\n

    16. En la parte derecha le damos los ajustes necesarios.<\/p>\n\n\n\n

    \"\"
    Image Target<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    Y ya nos deja visualizado nuestro marcador.<\/p>\n\n\n\n

    \"\"
    Visualizaci\u00f3n marcador<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    17. Luego cargamos el Modelo que hemos descargado y lo cargamos en la parte inferior.<\/p>\n\n\n\n

    \"\"
    Modelo 3D<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    18. Lo vinculamos a nuestro Imagen Target.<\/p>\n\n\n\n

    \"\"
    Vinculaci\u00f3n <\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    19. Por ultimo se le dan los ajustes necesarios para que quede bien en el marcador y lo ejecutamos.<\/p>\n\n\n\n

    \"\"
    Ejecutar<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    Descarga del Modelo 3D<\/h3>\n\n\n\n

    Para la implementaci\u00f3n del modelo 3D en nuestro proyecto, explicaremos su descarga.<\/p>\n\n\n\n

    Nos dirigimos a la p\u00e1gina cgtrader<\/a>, en la cual debemos estar registrados para descargar modelos, y buscamos un modelo asociado a nuestra tem\u00e1tica de Harry Potter, despu\u00e9s de encontrado, le damos en descarga gratis.<\/p>\n\n\n\n

    \"\"
    Modelo 3D<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    Le damos en la opci\u00f3n .fbx ya que es mas sencillo y de f\u00e1cil uso para el unity.<\/p>\n\n\n\n

    \"\"
    Descarga .fbx<\/em><\/figcaption><\/figure><\/div>\n\n\n\n

    Y ya simplemente se descarga y se sube al unity.<\/p>\n\n\n\n

    Visualizaci\u00f3n Easy AR en computador\/ Android <\/h3>\n\n\n\n

    Existe una manera de visualizar el modelo 3D cuando se haya ejecutado, sin necesidad de estar vinculado a unity o de tener el programa abierto, para esto creamos una serie de pasos adicionales para poderlo lograr.<\/p>\n\n\n\n