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.

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

Optimize assets and application to meet mobile performance standards

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

Mobile AR Development

AR Sumo Balls

Goggles Filter

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

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

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

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.

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

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

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

e96031f4-f391-4a4c-bb31-2b8df22fdf3e:fd0d40ce8d1e

Overview

Use cases for AR markers

Before you begin

Create a new project

Import the project assets

Create a new scene and test build

Select the model for your app

Adjust the model’s scale

Next steps

Zu-UnityLearn

Diseño de AR para novatos

Hammad_N

Desarrollo de AR para novatos

2A-brighton-final (1) (1).mp4

1.1 2A-JL-final (1).mp4 (2).mp4

Mission2A1.6TestingOnDeviceCube.mp4

Mission2A1.7TestingOnDeviceBeachside.mp4

Mission2A1.7TestingOnDeviceFusebox.mp4

Mission2A1.7TestingOnDeviceJohnLemon.mp4

0.3.8_Spinning-cube-test (7).mp4

In this tutorial, you’ll set up your marker-based AR project in Unity and test your app using a 3D model of your choice.

Games

Build AR projects to mobile devices

Evaluar las capacidades y limitaciones de las plataformas para determinar si una característica determinada funcionará o no.

robinmitra

 Crear proyectos de AR en dispositivos móviles.

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

In this tutorial, you’ll create a Unity project in which you’ll develop a marker-based interactive AR app. 

Marker-based AR makes it possible for your app to detect an image in the real world and trigger some action, such as displaying AR content, when the image is detected. 

An AR marker is an image that your app will search for in the real world. When the app detects the marker, it will project a 3D model on top of the marker in AR. The marker works somewhat like a QR code, except that instead of taking you to a website, it can trigger an entire AR experience.

In this tutorial, you’ll set up your project and select the 3D model that will appear when the marker is detected. This can be a model that we have provided, or one of your own. We’ve also provided you with multiple AR markers to choose from, but you may wish to create a marker of your own, especially if you’re using your own custom model.

Later in this project, you’ll add a series of UI buttons to allow your user to rotate the object, display text, play audio, or to do some other action unique to your chosen model. 

By the time you’ve completed this project, you’ll probably have a lot of new ideas on how you can use marker-based AR in your own apps! 

Marker-based AR apps are used across a wide variety of industries, including marketing and games, manufacturing, art, and architecture, just to name a few. The reasons that companies use marker-based AR vary, but often it is used to provide additional content about something in the real world. From fun games that make pizza boxes interactive, business cards that come to life, art that comes off the canvas, or tattoo planning apps that let you place and edit what you want tattoos to look like, marker-based AR has a lot of potential. 

To get an idea of what this looks like, explore the links for the examples below:

Provide additional information (business cards, medical demos)

You should have already completed Get started with AR tutorials. In those tutorials, you complete the following setup tasks:

Make sure your mobile device and computer are set up for AR development.

Download and open a new Unity project configured for AR.

Deploy a simple AR app to your mobile device that displays a spinning cube in your physical environment. 

If you have already successfully built and run the spinning cube app on your device, you are ready to continue with this tutorial.

Follow these instructions to create your new project: 

1.  In the Projects tab of the Hub, select the New Project button.

2.  Select the AR Mobile Core template from the template list and select the download template button to download the template to your computer.

3.  Give your project a meaningful name, like “[your-name]_AR_Project”, and select a suitable location to save it on your computer.

4.  Select your desired Unity Cloud Organization from the dropdown, and optionally deselect Connect to Unity Cloud. We will not be using any gaming services in this project.

5.  Select Create project and wait for Unity to load.

The AR project should now be open in Unity.

Follow these instructions to import the project assets: 

2.  Unzip the downloaded folder and locate AR_Marker_Assets.unitypackage.

Note: It’s important to fully unzip the folder rather than looking inside it by double-clicking. Attempting to import unzipped files will result in an error.

3.  Drag AR_Marker_Assets.unitypackage into the Assets folder in the Project window of the Unity Editor.

4.  When prompted by the Import Unity Package dialog window, select Import.

Important: You must have already completed the Get Started with AR project to configure your mobile device and AR development environment before you can continue.

Before you begin production, double-check that Unity and your mobile device are properly configured for AR development.  

Follow these instructions to set up your new scene and build a test app:

1. Go to File > New Scene, select the AR scene template from the list, and select Create.

2. Save the new scene as “ARMarker” in the Scenes folder.

3. Open the build settings (File > Build Settings).

4. Below the Scenes in Build section, select Add Open Scenes to add your new ARMarker scene to the Scenes in Build list.

5. Disable the SampleScene in that same list.

6.  Switch the build platform to iOS or Android, depending on your testing device.

7.  In the Player Settings, change the Company Name or Product Name to something new and unique. A unique identifier is required to successfully build for iOS devices. 

Important: Your identifier cannot include any spaces or special characters. You can only use upper and lower case letters. If you include any special characters, your app will not build.

The app will load with the rotating cube visible on your device. If the app didn’t build successfully, review the Get Started with AR project to debug.

The Build Settings window with the ARMarker scene added to Scenes In Build. SampleScene has been deselected from the list.

You’ll be using a marker to generate a 3D model in your app. The asset pack you imported in the previous step includes multiple markers and 3D models that you can choose from. 

If you prefer, you may also use your own marker and model. Take a look at the assets provided for examples. 

Follow these instructions to select a 3D model: 

1.  In the Project window, navigate to the _ARMarker > Prefabs folder.

2.  Review each of the prefabs, either by dragging them into the Hierarchy window or looking at the Inspector window's preview when you select them.

Note: These tutorials will use the Fusebox prefab as an example.

3.  Drag your chosen prefab from the Project window to the Hierarchy window.

4.  With your prefab selected in the Hierarchy window, set the Transform Position to X=0, Y=0, Z=1. 

This will position the model one meter in front of the AR camera, which is approximately the distance a user will typically be from a marker when they scan it with their device’s camera.

5. Delete the cube from the Hierarchy window.

6.  Save the scene and build the app again. Take note of the size of the model in your environment. In the next step, you can adjust the size if needed.

Example prefabs in the Prefabs folder of the Project window.

Prefab selected in the Hierarchy window with the Position property highlighted in the Inspector window.

Depending on the experience you’re creating, you may want an AR object to appear in your app at varying scales. For certain applications such as training simulations or shopping apps, you would use the object’s true scale. In other situations, such as the Beachside Town prefab, you will have to scale it down so it can fit comfortably on your desk. 

Follow these instructions to adjust the scale of your model: 

1.  Expand your chosen GameObject in the Hierarchy window so that you can see its child GameObjects. Select the child GameObject named [your model]Mesh. 

2.  Edit the Scale of the mesh so that your model appears as you want it to appear in your app, relative to the real world.

3.  To achieve a specific real-world scale, temporarily add a cube to the scene and adjust its Transform Scale X, Y, or Z values to create a kind of primitive measuring stick. Remember that one Unity unit is equal to one meter in the real world. So if you want your chosen GameObject to be 0.5 meters tall, it should be the same height as a cube scaled down to 0.5. 

4.  Save the scene and rebuild as necessary until you’re satisfied with the scale.

FuseboxMesh child object selected in the Hierarchy window with the Scale property highlighted in the Inspector window.

In this tutorial you created a new Unity project using the AR Template and imported the project assets. Then, you selected the model that will appear in your app when a marker is detected. In the next tutorial you’ll configure the app so your model only appears when a specific AR marker is detected.

Create a new project for marker-based AR

1. Overview

2. Use cases for AR markers

3. Before you begin

4. Create a new project

5. Import the project assets

6. Create a new scene and test build

7. Select the model for your app

8. Adjust the model’s scale

9. Next steps

Complete this tutorial