University of San Francisco AR
Commemorating history through interactive media
Overview
The University of San Francisco wanted Tactic to help create a series of miniature AR experiences to bring historical figures to life. This included statues of St. Ignatius, the Lobos, and a plaque of Bill Cartwright.
I was tasked as Lead Engineer and Product Designer to create an application that would allow users to choose from these different experiences and to seamlessly navigate between them.
Role & Duration
[Tactic] Lead Engineer, Lead Product Designer
Figma, HTML/CSS, JS, Three.JS, 8thWall SDK
Producer: Diana Dayrit
Coworkers: Norman Pham
Winter 2022
Design
Loading Screen with CSS Animation
Tutorial for Saint Ignatius
Tutorial for The Lobos
Saint Ignatius Experience
Reticle for Bill Cartwright
Reticle for Saint Ignatius and The Lobos
Tutorial for Bill Cartwright
The Lobos Experience
Scaling and Rotation Instructions Pop-up
The Bill Cartwright Experience
End CTA
Side Menu
Desktop Redirect
Final User Flow
Development
This experience was created using HTML/CSS, Three.JS, and 8thWall. The two marker-less experiences, St. Ignatius & The Lobos, were created using a SLAM based plane recognition algorithm provided by 8thWall. The marker-based experience, Bill Cartwright, was created by using a flat marker from 8th wall and overlaying a 3D animation on top of the marker. By utilizing a scene system that loads and unloads different scenes, we are able to save on memory and reduce lag.
The rest of the UI was created using HTML/CSS and JS.