AltiLeap - Augmented Reality Art Experience
A Web AR App, LED Screen Installation
2023 / AIA Wealth Management Center, Hong Kong
Koi swim through the AR scene in real-time, seamlessly transitioning across physical LED screens and digital overlays.
The interactive animations deliberately connect the virtual and physical worlds, creating an immersive narrative to tell the AIA stories.
This AR web app utilizes sensor tracking to transform the user experience within a wealth center.
Augmented Reality Experience
"AltiLeap" utilizes web augmented reality (WebAR) technologies to bring AIA's history and ethos to life. The experience combines augmented reality (AR), GLTF 3D modeling and animation, location tracking, Unreal real-time visuals, and LED installation to create the overall immersive environment.
Artistic koi models were created in Blender and animated along motion paths in AR.js and Three.js. Fish locations are tracked with orientation sensors. As koi swim through the AR scene, models are delibrately placed onto the LED screen installation real-time visuals, so an interactive and seamless transition eventually connect the digital and physical worlds.
Artistic koi animations directed in Blender along paths, optimized for web environment.
Textured koi fish with various themes
AIA Everest scene rendered with koi fish models in Unreal, for LED screen installation.
Virtual koi fish generated with Niagara particle system
Client
AIA
Roles In This Project
Lead Designer — UX Design & Development
Teammates
Creative Director Chris Cheung
Technical Director Jeff Wong
Project Manager Daisy Lee
Designer Sandy Chan
Developer Jason Chan