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

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

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

What makes a good AR marker?

Create an XR Reference Image Library

Print your marker or open it on your monitor

Add a tracked image manager

Test the marker in the Editor

Modify the test environment

Test the marker on your device

Adjust the prefab

More things to try

Set up your buttons

Create a new visual script

Create required variables

Rotate left and right 

Add a tag to identify your model

Create a new setup script graph

Rotate the marker-generated model

Optimize with a null check

Add a world space canvas

Customize world space UI

Update the UI button

Create variables in your script graph

Get a reference to the canvas

Display popup on click

Make button toggle info on and off

Overview 

Add an audio source

Set up and assign new variables

Make the button play audio

Project brief: Bring art to life with AR 

Requirements

Additional submission guidance

Submit your work

_ARMarker.zip

A marker-based 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

Why is plane detection useful?

Import the AR portal assets

Select your portal theme 

Create a new scene

Set up a Default Plane with a new material

Configure the AR Plane Manager

Build and test

Create a new script graph

Add a debug UI to your app

Create a new variable for the debug message

 Log a message to the debug UI

Detect a touch

Get the touch position

What is raycasting?

Add an AR Raycast Manager

Add the AR Foundation Visual Scripting node

Add variables for raycasting

Add the Raycast node to the node sequence

Configure the Raycast node inputs

Display the raycast result on the debug UI

How do you instantiate an object?

Instantiate the portal

Fix the vertical portal’s rotation

How to limit an action to only run one time?

Set the Boolean values

Use an If node to run the sequence only once

Disable all planes after a portal spawns

Position your portal world (horizontal portals)

Position your portal world (vertical portals)

Test your frame rate

How do you optimize mobile apps?

Experience low frame rate in your app

Add layers for the portal window and contents

Put GameObjects on appropriate layers

Apply a custom shader to portal window

Assign a custom URP asset

Configure the Renderer’s layer settings

Finalize your portal

How is this really working?

Project brief: AR friend

AR_Portal_Assets_2022.3.zip

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 

In this learning experience, you will create AR apps that respond to the user’s physical environment. 

First you’ll make a marker-based app, where the device recognizes a specific image and projects an interactive 3D model on top of it.

Then you’ll make an app that detects flat surfaces, and allows the user to spawn a portal on their desk, floor, or wall. 

Anchoring AR content to real-world objects like markers and flat surfaces produces more compelling, grounded, and immersive AR experiences. 

2022.3

2021.3

Create with AR: Markers and Planes

Here are examples of learner submissions that were completed in this Course.

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

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

Create with AR: Markers and Planes

Course Overview

Educator Resources