Building An ARt Gallery in the Browser

on YouTube ↗34m

" summary

A browser art gallery is implemented with A-Frame + AR.js and served via Cloudinary assets; full 3D glTF sculptures (David) and images (Mona Lisa, Starry Night) load as augmented overlays tied to QR/marker patterns. Large files get trimmed: images from 1.8MB to ~93KB, glTF from ~26MB to ~3MB using gltf with Draco compression, and the demo page drops to 11 requests 600KB. Marker-based AR works on smartphones today and WebXR surface anchors are arriving soon.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 0:56Virtual Reality
3. 1:45Augmented Reality
4. 14:33GLTF Models

" related talks

• 41mBuilding an ARt Gallery in the BrowserDoug Sillars · WebCamp Zagreb 2019
• 47mAugmented Reality on the WebAlina Karpelceva · Build Stuff 2019
• 57mOn the path to WebARJerome Etienne, Alexandra Etienne · DevFest Nantes 2017
• 23mPerformant Augmented Reality for the WebAyşegül Yönet · NG-BE 2017
• 56mBringing mixed reality to the webMarko Letic · HolyJS 2018 Moscow
• 21mWhy React the Web ARAnastasiia Miroshnichenko · reactjsday 2019
• 23mWebAR: the Augmented Reality for your BrowserAnastasiia Miroshnichenko · iJS 2018 Spring
• 23mWebAR: the Augmented Reality for your BrowserAnastasiia Miroshnichenko · iJS London 2019