Book Image

Augmented Reality for Developers

By : Jonathan Linowes, Krystian Babilinski
Book Image

Augmented Reality for Developers

By: Jonathan Linowes, Krystian Babilinski

Overview of this book

Augmented Reality brings with it a set of challenges that are unseen and unheard of for traditional web and mobile developers. This book is your gateway to Augmented Reality development—not a theoretical showpiece for your bookshelf, but a handbook you will keep by your desk while coding and architecting your first AR app and for years to come. The book opens with an introduction to Augmented Reality, including markets, technologies, and development tools. You will begin by setting up your development machine for Android, iOS, and Windows development, learning the basics of using Unity and the Vuforia AR platform as well as the open source ARToolKit and Microsoft Mixed Reality Toolkit. You will also receive an introduction to Apple's ARKit and Google's ARCore! You will then focus on building AR applications, exploring a variety of recognition targeting methods. You will go through multiple complete projects illustrating key market sectors including business marketing, education, industrial training, and gaming. By the end of the book, you will have gained the necessary knowledge to make quality content appropriate for a range of AR devices, platforms, and intended uses.
Table of Contents (16 chapters)
Title Page
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface

Adding a scroll view


Some of the instructions may have relatively long body text, and now, with the addition of image or video graphics, it becomes obvious that not all our content may fit on the screen. When you try the app in landscape orientations, it's even more obvious. We need to scroll the content when it overflows the panel.

In the Unity UI, scrolling is implemented using a special scrolling panel:

  1. Under Main Canvas, select UI | Scroll View and name it Content Scroll View.
  2. Set its Anchor Presets to Stretch/Stretch, and Alt+click on the same to reset its position.
  3. Make room for the nav bar by setting Top to 50.
  4. Uncheck Horizontal (keep Vertical) scrolling.
  5. Set its Source Image to none and Color to opaque white (#FFFFFFFF).

The other options can be left as the default values. But note that the Scroll Rect has a reference to its child Viewport.

When you unfold the Content Scroll View in Hierarchy, you can see it has a Content slot populated with its grandchild Content. Instead of re-creating...