Work / Independent

XR Unicorn: WebXR Augmented Reality Demo

A browser-based augmented reality demo: place an animated winged unicorn in the real world through your phone's camera, then scale, rotate, pose and photograph it. No app install required.

Role: Developer
Context: illusionTechnique (independent)
Technologies: Three.js, WebXR, JavaScript, Vite, glTF, Web Audio
Technical approach: Runs entirely in a mobile browser using WebXR and Three.js, with a 3D glTF unicorn model, animation states, sound, and an on-screen interface for placing, scaling, rotating, switching between standing and flying, and capturing photos.
Originally built in 2021 as a web XR demo.
Modernization work in 2026 replaced deprecated Three.js geometry code with BufferGeometry and reorganized the project under Vite, with one-command start, restart and update scripts for Windows, macOS and Linux.
Outcome / state: Modernization in progress
Links: Source on GitHub

A winged unicorn placed on a Montréal street through a phone camera, with the on-screen controls visible — The unicorn placed in the real world through a phone camera, with scale, wings, capture and rotate controls.