Gracias por todo el recibimiento que tuve con el primer contenido sobre Adobe Aero en la semana de su lanzamiento. Ahora traigo un segundo video / post con más información, esta vez relacionado a propiedades interesantes de la realidad aumentada como es la importación de objetos 3D animados desde Mixamo. No te olvides de suscribirte, seguirme en todas mis redes sociales para que no te pierdas ningún contenido de AR.

En este contenido tendremos 3 grandes puntos que trataremos:

  • Usar Mixamo e importar el archivo hacia la aplicación.
  • Utilizar Adobe Aero App para trabajar la escena.
  • Exportar el archivo en formato USDZ.

Mixamo – objetos 3d – Adobe Aero

Entramos a Mixamo, una plataforma para encontrar archivos 3D y animaciones para ser usado en cualquier proyecto. También hay que aclarar que Mixamo es de Adobe, por ello la conexión entre ambas plataformas es más natural y sencilla.

Vamos a buscar un objeto 3d, hay varios elementos que puedes utilizar, conoce los cientos de archivos que existen. Recuerda que también hay cientos de animaciones que podemos enlazar con los objetos 3d. Elegimos esta animación llamada “quick roll to run”; y ya podemos modificar animaciones antes de conectarlo con Adobe Aero.

adobe aero mixamo 3d

Agregando un imagen 2D – Adobe Aero

Vamos a utilizar un fondo 2d para tenerlo dentro de la experiencia. Usaremos Unsplash. Buscaré imágenes relacionadas a Universo. De manera más específica usaremos la palabra “space”. Hay cientos de imágenes que podemos utilizar, pero siempre trata de considerar al creador de dicha imagen. Usaré esta foto de Pawel Nolbert.

Trabajando Mixamo desde Adobe Aero

Hacemos clic en + y luego seleccionamos Creative Cloud. Allí aparece nuestro archivo de Mixamo que hicimos anteriormente. Lo importamos y esperamos que cargue el archivo.

Los elementos 3d de mixamo tienen una buena calidad. Se ven geniales. Ahora vamos a agregar el fondo 2d. Clic en + y luego a files. Selecionamos el archivo y también lo insertamos.

Vamos a modificar la escena para que quede como deseamos. Luego selecionamos de nuevo al objeto 3d y hacemos clic en “behaviors”. Usamos “touch” y luego la acción será “animate”.

Dato adicional: los objetos 3d son de formato GLB.

Insertamos otro archivo 3D desde Mixamo. Usaremos uno diferente al primero. Elegimos un objeto llamado Mutant. Luego de varias pruebas me quedará con la animación llamada “getting smashed”.

De regreso a la aplicación, vamos a insertar dicho objeto. Como ya saben lo encontaremos desde creative cloud. Suele demorarse un poco cuando importamos un objeto 3d. A este proceso, aún le falta afinar detalles porque a veces muestra fallas que hacen retrasar el proyecto.

adobe aero mixamo dos objetos glb

Exportar en USDZ

El archivo USDZ exportado también se puede trabajar directamente con Reality Composer. Una vez teniendo el archivo USDZ puede ser usado en cualquier página web y es muy fácil hacer la llamada. Estos son las simples lineas de código que necesitas.

<html>
<a href="Exportado.usdz" rel="ar">
     <img src="#" width="250" height="250">
</a>
</html>

Dejo los archivos USDZ en Patreon.

Las posibilidades para crear prototipos con Adobe Aero son amplias. Espero que te haya gustado el contenido. Coméntame que más te gustaría aprender respecto a este producto.




Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.