Set up a face tracking project

Add a face texture

Add accessories to your filter

Add animations to your filter

Add particle effects to your filter

Add post-processing to your filter

Submission: Ice cream company filter

Learn how to create a custom face filter app with fun textures, 3D models, particles, and effects. In the challenge, design a themed filter for an ice cream company.

Develop AR experiences that use trackable targets in the environment

Absolute Beginner AR Development

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

Absolute Beginner AR Design

In this mission you'll create your own custom face filter app that includes a wide variety of digital content. The face filter will include interesting textures, animated 3D models, dynamic particles, and post-processing effects. You'll also complete a challenge where you design a custom filter for an ice cream shop.

Create a basic face filter

Mobile AR Development

Mobile AR Development - Unity Learn

Ready to create AR experiences? In this learning pathway, you’ll develop AR apps compatible with iOS and Android devices!

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

Create basic application interactions with Visual Scripting

Absolute Beginner Visual Scripting

Welcome to AR Development! In this learning Pathway, you'll create Augmented Reality (AR) applications that are compatible with iOS and Android devices. You’ll use Visual Scripting and Unity’s AR tools to develop a wide variety of engaging AR experiences. This pathway assumes a basic knowledge of Unity.

Welcome to AR Development

test

Configure your AR development environment

Deploy your project to iOS or Android

Welcome to AR Development Quiz

Get ready for AR development: explore the field, hear from experts, install essential software, set up a Unity project, and deploy a test project to your mobile device.

In these tutorials, you'll get ready for AR development. First, you'll learn about the field of AR and hear from established creators in the AR industry. Next, you'll download all required software to get started and configure a Unity project for AR development. Finally, you'll deploy a test project to your mobile device to make sure everything is working as it should.

Get started with AR

Build a new scene with glasses

Set up the UI

Create a visual script to detect a button press

Turn on the glasses with buttons

Update your graph to switch between glasses

Configure one color button

Complete the color switching functionality

Save and load the glasses

Submission: Ocean-themed face filter

Create with AR: Face Filters Quiz

Expand on what you’ve learned with filters that add interactive elements. You’ll create an app for customizing and trying on glasses, then an ocean-themed face filter.

Now that you’ve created a basic face filter, you’re ready to develop your skills and work on a filter that involves interactivity. In this project, you will create your own interactive app that allows a user to select, customize, and visualize different pairs of glasses on their face.You will also complete a challenge where you design an interactive underwater scuba filter for an aquarium.

Create an interactive face filter

Create a new project for marker-based AR

Spawn an object on an AR Marker

Add a UI with rotation buttons

Add world space UI to your marker-based app 

Add spatial audio to your marker-based app

Submission: Bring art to life with AR

Add world space UI to your marker-based app

Learn to create marker-based AR apps, which make digital models appear over marker images in the real world. In the challenge, you’ll breathe life into a 2D work of art.

Beginner Mobile Optimization

 app is an application that can recognize images (called markers) in the real world and then make content appear in the app. You may have seen applications that use this kind of technology to make AR content for movie posters, product labels, card games, and even business cards.

In this project, you’ll make a marker-based app with a user interface that lets the user control a 3D model, text, and audio.

Create a marker-based AR app

Set up a scene with plane detection

Detect the user’s touch

Detect when the user touches a plane

Instantiate the portal on a plane

Test the frame rate of the portal world

Limit the visibility of the portal world

Submission: AR friend

Create with AR: markers and planes Quiz

Make an app that detects flat surfaces and allows the user to spawn a portal on their floor or wall. Then complete a challenge to create an interactive character app.

In this project, you’ll create an AR app that makes use of plane detection technology. iOS and Android devices have the ability to detect flat surfaces — or planes — in your physical environment. This includes horizontal planes like the floor or a table, and vertical planes like the walls. 

You will create an app where the user will be able to tap on a plane in order to place a portal onto it. This portal will be a window into a virtual 3D environment that the user can peer into and explore. 

You will also complete a challenge where you design an app that allows the user to place a character on a table and interact with it.

Create a plane detection AR app

UFO project overview

Explore the Unity project

Begin the AR port

Selecting an orientation for your AR game

Enable the play area

Develop the AR UFO movement

Develop the AR UFO abduction action

Other AR considerations

Design your own AR app

In this Mission, you’ll port an existing desktop game to mobile and redesign it to be a fully functioning (and fun!) AR experience.

In this learning experience, you’ll port an existing desktop game to mobile and redesign it to be a fully functioning (and fun!) AR experience. You’ll conduct research, create a design document, modify visual scripts, and regularly playtest your app. At the conclusion of this project, you’ll also design and create your own fully realized AR application.

AR experience design

777a79c5-9117-4e0c-8bec-8c88cf3f3875:41f289966171

Overview

Post-processing for your filter app

Set up a post-processing volume

Add a post-processing effect

Build and test

Mobile limitations on post processing

More things to try

Next steps

Zu-UnityLearn

Desarrollo de AR para novatos

Hammad_N

Add post-processing to your filter 6.5.mp4

1A6EasyMoreToTry (1).mp4

1A6MediumMoreToTry (1).mp4

Post-processing allows you to change the entire look and feel of your application with a single click. Post-processing is similar to a typical image filter you might add to a photo on your phone. 

In this tutorial you'll do the following: 

Set up a post-processing volume for your filter. 

Add post-processing effects to the volume. 

Games

Build AR projects to mobile devices

 Crear proyectos de AR en dispositivos móviles.

robinmitra

Desarrollar experiencias de AR con objetivos que se puedan rastrear en el entorno.

Now that you’ve added a variety of different effects to your AR filter, the final step is to make it look amazing. Post-processing is a generic term for a full-screen image processing effect that occurs after the camera captures a scene but before the scene is rendered on the screen. Post-processing effects can change the focus of the camera, make bright areas in your scene glow, or darken the edges of the camera view — and provide many other different effects too! It’s a great way to improve the visual look of any application.

In this tutorial you’ll do the following:

You’ll also learn a little about the limitations of mobile hardware when post-processing is applied. Post-processing effects can be resource-intensive, so understanding mobile hardware limitations can make a difference as you decide which effects to use for your AR applications. 

Note: This tutorial introduces some of the basics of post-processing, but it is not a comprehensive introduction. Try Creative Core: Post-processing to develop your understanding of post-processing in Unity.

You can add post-processing effects to Unity projects in different ways, depending on the type of project that you’re working on. The AR Template for this pathway uses the Universal Render Pipeline (URP) — a specific set of techniques and calculations to take the three dimensional information in your project and display it on a two dimensional screen. 

You can add and manage post-processing effects for scenes in URP projects using something called a volume. For example, you can configure a volume to apply one effect to an entire scene, or configure multiple volumes to display different effects in different areas of the scene. 

In this tutorial, you’ll create and configure one volume to apply post-processing effects to your filter app.

Follow these instructions to set up a post-processing volume for your app:

1.  In the Hierarchy window, expand the XR Origin (AR Rig)  GameObject and its child GameObjects, then select the Main Camera child GameObject.

2.  In the Inspector window, find the Camera component and expand the Rendering section if it is currently minimized.

3.   Make sure that Post Processing is enabled.

4.  In the Hierarchy window, right-click and select Volume > Global Volume. 

Global – as opposed to Local – means that the post-processing effect will apply throughout the scene.

5.  In the Volume component, select New to create a volume profile.

The AR Camera GameObject is selected in the Hierarchy window. 

The Rendering section of the Camera component shown in the Inspector, with the Post Processing property enabled.

The Volume component of the Global Volume GameObject is shown in the Inspector window. The New button for the Profile property is highlighted.

Now that you have a post-processing volume in the scene, you can add effects to the volume to change the look of your filter. Start with a color tint for your filter:

1.  In the Volume component, select Add Override.

Each effect that you add to a volume is contained in a separate override that adjusts the volume’s settings.

2.  Search or navigate to select the Color Adjustments override.

This effect will apply a color tint to everything that the camera sees. It’s one of the most obvious post-processing effects, so it’s a good one to test for your app.

3.  Select All to enable every property in the Color Adjustments override.

4.  Select the Color Filter swatch and choose tint color for the scene in the dialog window.

The Add Override button for the Volume component is highlighted.

The Color Adjustments override module of the Volume component is shown in the Inspector window.

The All button in the Color Adjustments override module is highlighted, which enables all of the properties in the module.

In the Color Adjustments override module, the Color Filter color picker is highlighted.

When you build your application to test it, the color tint should now be applied to the entire camera view.

Follow these instructions to build and test your app:

2.  Open the Build Settings window (File > Build Settings).

3.  Make sure that your device is plugged in and then select Build and Run to build the app on your device.

4. The application will open automatically on your device. When a face is detected, the application should display everything you have added so far and the animations for your accessory should play.

Note: For a reminder of how to build to your device, you can review the process for Android or iOS.

While post-processing can make experiences more visually striking, these effects can take up a lot of resources and cause significant performance problems. Since most AR applications will run on mobile hardware, you need to consider the limitations of the hardware when selecting post-processing effects.

If you’re using URP to create an experience, the following effects are the most mobile-friendly by default:


Bloom (with High Quality Filtering disabled)

If you want to further develop your skills, explore new concepts, or improve your project, check out some of the optional activities below. Each one is tagged as either Easy, Medium, or Difficult, so you can choose the level of challenge. 

These activities are entirely optional, so if you’re not interested, no problem — just skip this step. We do recommend attempting at least one of them in order to get the most out of this learning experience. Good luck!

A vignette is a useful effect to focus the viewer’s attention on the center of the screen or to add a soft fade to the edges. The term comes from photography, where vignetting refers to darkening or desaturation towards the edges of an image. Add a Vignette override to your volume. 

Try modifying the following properties of your Vignette in the Inspector window:


Color: Use the color picker to set the color of the vignette.

Intensity: sets the strength of the vignette effect

Smoothness: Use the slider to set the smoothness of the vignette borders.

Changing the way colors are displayed in your experience can create artistic effects. Add a Color Curves override to your volume. This tool works in the same way adjustment filters work in photo editing apps. With this tool, you can make common visual adjustments such as toning down particularly bright areas, or you can create artistic effects such as selectively changing different color ranges. Read more about Color Curves in the URP post-processing documentation.

Use the Hue vs Saturation curve to adjust specific ranges in the colors and saturation of your scene. Some specific color filters you could make include: 

Removing all saturation to make your scene monochromatic.

Removing all colors except your favorite color.

Difficult: Find a post-processing effect and apply it in Unity

Now that you have an idea of what post-processing is and how to apply effects in Unity, try some of the other effects that are available and explore how they can enhance your face filter!

You can find a full list of the available effects in the URP post-processing documentation. 

Congratulations! You have made an AR application that not only tracks faces, but does so with 3D animation and visual effects. To do this you did the following:

Chose and applied animation to a 3D accessory.

Configured post-processing effects for final polish. 

Now it’s time to take all your skills and knowledge and put them towards a new challenge. You’ll create your own unique AR filter in response to a project brief from an imaginary business. Once you have a new AR filter app you're proud of, you’ll submit your work to share it with others! 

Add post-processing to your filter

1. Overview

2. Post-processing for your filter app

3. Set up a post-processing volume

4. Add a post-processing effect

5. Build and test

6. Mobile limitations on post processing

7. More things to try

8. Next steps

Complete this tutorial