Summary

For this chapter, we started with the 2D instruction manual project developed in Chapter 6, How to Change a Flat Tire, and extended it to include augmented reality graphics as a new media type. After preparing the project to use the Vuforia SDK, we first implemented a screen button to toggle AR Mode. The AR Model hides the 2D content panel and allows the camera video feed to show.

We set up the project to capture User Defined Targets. We added an AR Prompt panel with a cursor, circle registration guide, and a Capture button. When the button is pressed, the app uses the current view as the AR target and displays the AR content on it. We used Vuforia's Trackable Events to know when to hide AR Prompt or to show a red circle as an error prompt if the capture target is of poor quality.

With the AR mode and user-defined targets, we then integrated 3D annotations into the instruction manual. The graphics are prefabs we imported into the project, and one may be instantiated when the user navigates...