Interactive 3D Preview App: Build AR Quick Look with SwiftUI

Transform Your Ideas into Interactive AR Apps with SwiftUI and AR Quick Look

Created byDevTechie DT

Last updated 1/2025

English

English [Auto],

What you'll learn

Integrate AR Quick Look
Build Engaging Interfaces
Develop apps that display 3D models in augmented reality
SwiftUI

Course content

1 section • 6 lectures • 30m total length

Introduction1:12
Build a 3D item explorer in SwiftUI using ARKit and Quick Look to visualize USDZ models from Apple's Quick Look site, with tap-to-interact from an item list.
Item enum5:20
Create an item enum in SwiftUI that lists usdz 3d models, conforms to Identifiable and CaseIterable, provides icons and names, and renders them in a browsable list for Quick Look.
QLPreviewController Intro3:29
Learn to preview and interact with USD/USDC models using the QLPreviewController in AR Quick Look, and integrate it into SwiftUI with a UI view controller representable.
ARQuickLookView8:57
Create an ar quick look view in SwiftUI by implementing ui view controller representable and a ql preview controller driven by a coordinator to preview a bundled 3d file.
Content View10:15
List and select 3D items in a SwiftUI content view to present a 3D quick look sheet, using case iterable, identifiable items, and a close button.
Running App on Physical Device1:09
Run the interactive 3D preview app on a physical device to explore 3D models by tapping items like chair, gramophone, and TV, zooming in for close detail with SwiftUI.

Requirements

Knowledge of Swift

Description

Step into the world of augmented reality (AR) and learn how to create stunning, interactive apps using AR Quick Look and SwiftUI. Whether you’re an aspiring developer or an experienced programmer looking to expand your skills, this course will guide you through the fundamentals of building AR-enabled apps in a practical, hands-on way.

AR Quick Look is a powerful tool that simplifies the integration of 3D models and AR experiences into apps. Combined with the intuitive and declarative SwiftUI framework, it enables developers to create seamless and engaging user experiences. This course breaks down these technologies into easy-to-follow steps, empowering you to turn your ideas into fully functional AR applications.

Throughout this course, you’ll learn how to integrate AR Quick Look into SwiftUI apps to display 3D models in real-world environments. You’ll master the basics of SwiftUI to design clean and dynamic interfaces, understand how to prepare and optimize 3D assets for AR, and explore advanced techniques to enhance your app’s performance and usability.

By the end of this course, you’ll have built your own AR-enabled app and gained the skills to confidently use AR Quick Look and SwiftUI in your projects. Whether your goal is to create innovative AR applications for the App Store or to expand your expertise in cutting-edge technologies, this course is the perfect starting point.

Key Features:

Hands-on projects to reinforce learning.
Step-by-step tutorials suitable for beginners and intermediate developers.
Best practices for AR optimization and app deployment.
Insights into leveraging AR for real-world applications.

Enroll now and unlock the potential of AR development with SwiftUI and AR Quick Look!

Who this course is for:

Learn how to seamlessly incorporate AR Quick Look into SwiftUI apps for interactive 3D and AR experiences.