Book Image

Augmented Reality with Unity AR Foundation

By : Jonathan Linowes
2 (1)
Book Image

Augmented Reality with Unity AR Foundation

2 (1)
By: Jonathan Linowes

Overview of this book

Augmented reality applications allow people to interact meaningfully with the real world through digitally enhanced content. The book starts by helping you set up for AR development, installing the Unity 3D game engine, required packages, and other tools to develop for Android (ARCore) and/or iOS (ARKit) mobile devices. Then we jump right into the building and running AR scenes, learning about AR Foundation components, other Unity features, C# coding, troubleshooting, and testing. We create a framework for building AR applications that manages user interaction modes, user interface panels, and AR onboarding graphics that you will save as a template for reuse in other projects in this book. Using this framework, you will build multiple projects, starting with a virtual photo gallery that lets you place your favorite framed photos on your real-world walls, and interactively edit these virtual objects. Other projects include an educational image tracking app for exploring the solar system, and a fun selfie app to put masks and accessories on your face. The book provides practical advice and best practices that will have you up and running quickly. By the end of this AR book, you will be able to build your own AR applications, engaging your users in new and innovative ways.
Table of Contents (14 chapters)
Section 1 – Getting Started with Augmented Reality
Section 2 – A Reusable AR User Framework
Section 3 – Building More AR Projects

Making a responsive UI

In this section, we'll add an info panel to the bottom of the screen (as shown in the preceding screen capture). When you point the camera at one planet or another, we'll show the planet's name, as well as an Info button, which will cause a text box to appear that contains more information about that planet.

Creating the Main-mode UI

When the app is in Main-mode, the Main UI panel is displayed. On this panel, we'll show the name of the current planet and an Info button for the user to press when they want more details about that planet. Perform the following steps:

  1. In the Hierarchy window, unfold the UI Canvas object and unfold its child Main UI object.
  2. The default child text in the panel is a temporary placeholder, so we can remove it. Right-click the child Text object and select Delete.
  3. Create a subpanel by right-clicking on Main UI and selecting UI | Panel. Rename it Info Panel.
  4. Use Anchor Presets to set Bottom...