small badge: Mobile AR Development Pathway

AR Pathway: Mobile AR Development

¿Listo para crear experiencias de RA? ¡En esta ruta de aprendizaje, desarrollarás aplicaciones de RA compatibles con dispositivos iOS y Android!

Research future AR use cases to prepare for developing new kinds of applications

Evaluate platform capabilities and limitations in order to determine whether or not a given feature will work.

Absolute Beginner AR Design

Develop AR experiences that use trackable targets in the environment

Absolute Beginner AR Development

Create basic application interactions with Visual Scripting

Absolute Beginner Visual Scripting

¡Bienvenido a AR Development! En esta ruta de aprendizaje, crearás aplicaciones de Realidad Aumentada (RA) que sean compatibles con dispositivos iOS y Android. Utilizarás Visual Scripting y las herramientas AR de Unity para desarrollar una amplia variedad de experiencias de AR atractivas. Esta ruta supone un conocimiento básico de Unity.

2021.3

Desarrollo de AR móvil

Conoce el campo de la AR, lo que aprenderás en esta ruta y qué necesitas para empezar a desarrollar aplicaciones.

Welcome to AR Development Spanish

Verifica que tu computadora y dispositivo móvil estén listos para desarrollo de AR y explora un proyecto de Unity configurado para AR.

Configure your AR development environment spanish

Implementa tu proyecto de AR en un dispositivo iOS o Android y observa un cubo giratorio en tu entorno real.

Deploy your project to iOS or Android spanish

Usa esta prueba para evaluar tus conocimientos sobre los fundamentos de la realidad aumentada y cómo iniciar el desarrollo en AR.

Welcome to AR Development Quiz

Prepárese para crear AR: explore el campo, escuche a expertos, instale el software, configure Unity y pruebe su proyecto en el móvil.

Diseño de AR para principiantes absolutos

Desarrollo de AR para principiantes absolutos

En estos tutoriales, te prepararás para el desarrollo de AR. Primero, aprenderás sobre el campo de AR y escucharás a creadores establecidos en la industria de AR. A continuación, descargarás todo el software necesario para comenzar y configurarás un proyecto de Unity para el desarrollo de AR. Por último, implementarás un proyecto de prueba en tu dispositivo móvil para asegurarte de que todo funcione como debería.

Empiece a utilizar AR

Configura tu aplicación de filtro facial con AR para detectar, seguir y probar caras usando los Assets proporcionados.

Set up a face tracking project spanish

Crea un efecto facial en AR agregando una malla 3D y aplicando tanto un tinte de color como texturas detalladas al rostro.

Add a face texture spanish

Aprende a añadir accesorios 3D a caras rastreadas, optimizar mallas y trabajar con Assets personalizados en una aplicación de realidad aumentada.

Add accessories to your filter spanish

Aprende a identificar y usar animaciones en el Editor de Unity para dar vida a los accesorios del filtro facial.

Add animations to your filter spanish

Agregarás y personalizarás un Particle System en un filtro facial para mejorar la AR y luego compilarás y probarás la aplicación.

Add particle effects to your filter spanish

Practica cómo configurar un volumen de posprocesamiento, añadir efectos y crear y probar tu aplicación.

Add post-processing to your filter spanish

Diseña una experiencia de filtro facial en AR para una heladería ficticia orientada a promoción y marketing.

Submission: Ice cream company filter spanish

Crea filtros faciales con texturas, modelos 3D y efectos. Reto: ¡diseña un filtro para una heladería!

En este misión, crearás tu propia aplicación de filtro facial personalizado con una gran variedad de contenido digital. El filtro facial incluirá texturas, modelos 3D animados, partículas dinámicas y efectos de posprocesamiento interesantes. También completarás un desafío en el que diseñarás un filtro personalizado para una heladería.

¿Cómo crear un filtro facial básico?

En este proyecto crearás una aplicación con seguimiento facial donde el usuario elige y colorea filtros de gafas mediante una interfaz de usuario.

Build a new scene with glasses spanish

Agrega botones a la UI y personaliza su aspecto para que el usuario elija y personalice un par de anteojos.

Set up the UI spanish

Crearás tu primer gráfico de script visual para detectar pulsaciones de botones y conocer el editor de Visual Scripting.

Create a visual script to detect a button press spanish

Usa gráficos de scripts y etiquetas para hacer que los botones de la interfaz controlen la visibilidad de varios anteojos.

Turn on the glasses with buttons spanish

Amplía tu gráfico para mostrar solo un par de anteojos a la vez y usa eventos personalizados para hacer los scripts más eficientes.

Update your graph to switch between glasses spanish

Crea un script graph y variables de material para aplicar un mismo material a todos los anteojos con un botón.

Configure one color button spanish

Crea un evento personalizado con argumentos para completar de forma eficiente la funcionalidad de los botones de color.

Complete the color switching functionality spanish

Aprende a guardar las selecciones del usuario y restaurar automáticamente las gafas de AR cuando la cámara vuelve a detectar su rostro.

Save and load the glasses spanish

Diseñarás un filtro facial interactivo en AR para un cliente ficticio que desea promover la conservación de los océanos.

Submission: Ocean-themed face filter spanish

Realiza esta prueba para comprobar tu dominio de los conceptos básicos de desarrollo en AR con seguimiento de caras.

Create with AR: Face Filters Quiz spanish

Crea filtros interactivos: diseña una app para probarse gafas y un filtro de temática oceánica.

Ahora que terminaste de crear un filtro facial básico, tienes todo listo para desarrollar aún más tus habilidades y trabajar en un filtro con interactividad. En este misión, crearás tu propia aplicación interactiva que permita al usuario seleccionar, personalizar y visualizar diferentes pares de anteojos en su cara.

También completarás un desafío en el que diseñarás un filtro de buceo interactivo para un acuario.

¿Cómo crear un filtro facial interactivo?

Configura un proyecto de realidad aumentada con marcadores en Unity y pruébalo con un modelo 3D que elijas.

Create a new project for marker-based AR spanish

Agrega una interfaz de usuario con botones a la Scene para que el usuario pueda rotar el modelo y ampliar la UI más adelante.

Add a UI with rotation buttons spanish

Crea un Canvas de espacio del mundo en AR con una etiqueta flotante y un botón para activarla o desactivarla.

Add world space UI to your marker-based app spanish

Configura audio espacial para que tu modelo 3D reproduzca sonido inmersivo al hacer clic en un botón.

Add spatial audio to your marker-based app spanish

En este desafío, crearás una aplicación AR con marcadores que hace que una obra de arte cobre vida siguiendo un resumen de proyecto.

Submission: Bring art to life with AR spanish

Crea apps de RA con marcadores para proyectar modelos sobre imágenes reales. Reto: ¡da vida a una obra de arte 2D!

Beginner Mobile Optimization

Una aplicación con marcadores es una aplicación que puede reconocer imágenes (llamadas marcadores) en el mundo real y hacer que el contenido aparezca en la aplicación. Tal vez hayas visto varias aplicaciones que utilizan este tipo de tecnología para mostrar contenido en AR (Realidad aumentada) en carteles de películas, etiquetas de productos, juegos de cartas y hasta tarjetas de presentación.

En este misión, crearás una aplicación basada en marcadores con una interfaz de usuario que permita controlar un modelo en 3D, texto y audio.

¿Cómo crear una aplicación con marcadores en AR?

Inicia tu proyecto de AR creando una nueva Scene y configurándola para detectar planos en el entorno.

Set up a scene with plane detection spanish

Usa scripts visuales para detectar toques en la pantalla, localizar su posición y mostrar la información en una interfaz de usuario.

Detect the user’s touch spanish

Implementarás la emisión de rayos para detectar toques del usuario en planos y generar un portal cuando el toque sea válido.

Detect when the user touches a plane spanish

Aprende a generar el GameObject de portal sobre un plano detectado tras configurar el toque y los raycasts.

Instantiate the portal on a plane spanish

Diseña el mundo digital del portal, haz que aparezca en planos detectados y conoce requisitos de rendimiento móvil y técnicas de optimización.

Test the frame rate of the portal world spanish

En este desafío crearás, siguiendo un resumen de proyecto, un personaje AR interactivo que podrás colocar sobre una mesa.

Submission: AR friend spanish

En esta prueba, comprobarás tu comprensión de los conceptos básicos de AR sobre marcadores y detección de planos.

Create with AR: markers and planes Quiz spanish

Crea una app que detecte superficies para abrir portales en el suelo o la pared. Reto: suma personajes interactivos.

En este misión, crearás una aplicación de AR (Realidad aumentada) con tecnología de detección de planos. Los dispositivos iOS y Android pueden detectar superficies planas (o planos) en el entorno físico. Pueden ser planos horizontales, como el piso o una mesa, o planos verticales, como las paredes. 

Crearás una aplicación en la que el usuario podrá tocar un plano para colocar un portal en él. Este portal será una ventana a un entorno virtual en 3D que el usuario podrá ver y explorar. 

También completarás un desafío en el que diseñarás una aplicación que permita al usuario colocar un personaje sobre una mesa e interactuar con él.

¿Cómo crear una aplicación de AR con detección de planos?

Comienza a planear un port a AR revisando el juego de OVNIs, explorando el proyecto, investigando AR y creando un documento de diseño.

UFO project overview spanish

Revisa el documento de diseño técnico, las Escenas y las principales máquinas y gráficos de scripts del proyecto de Unity.

Explore the Unity project spanish

Crea un nuevo proyecto de AR, importa los recursos existentes y genera una versión de prueba móvil de tu port.

Begin the AR port spanish

Elige la mejor orientación de pantalla móvil para el juego de OVNIs y ajusta la interfaz de usuario a esa orientación.

Selecting an orientation for your AR game spanish

Elige cómo se fija el contenido de AR al mundo real, implementa componentes de AR Foundation y mejora tu app móvil mediante pruebas.

Enable the play area spanish

Aprende a revisar y modificar el script visual del OVNI para crear un esquema de control de movimiento compatible con AR en dispositivos móviles.

Develop the AR UFO movement spanish

Aprende a adaptar la mecánica de abducción para móviles rediseñando el script visual del OVNI y su interfaz de usuario.

Develop the AR UFO abduction action spanish

Evalúa el diseño de tu juego de AR con OVNI en móvil y ajusta elementos clave para mejorar la experiencia de AR.

Other AR considerations spanish

Demuestra tus habilidades de diseño de AR creando y enviando una nueva aplicación de AR diseñada por ti.

Design your own AR app spanish

Convierte un juego de escritorio en una experiencia de RA móvil completa, funcional y divertida.

En esta experiencia de aprendizaje, portarás un juego de escritorio existente a un dispositivo móvil y lo rediseñarás para que funcione en su totalidad (¡y sea divertido!). Experiencia en AR . Realizarás una investigación, crearás un documento de diseño, modificarás los scripts visuales y probarás tu aplicación con frecuencia. Al finalizar este proyecto, también diseñarás y crearás tu propia aplicación de AR totalmente ejecutada.

Diseño de experiencia en AR

A continuación se muestran ejemplos de envíos de alumnos realizados en este itinerario.

Desarrollo de AR móvil

¿Listo para crear experiencias de RA? ¡En esta ruta de aprendizaje, desarrollarás aplicaciones de RA compatibles con dispositivos iOS y Android!

Descripción de la ruta

Oportunidades de trabajo relacionadas