Skip to content

Van Gogh AR Gallery Fundraiser

Posted on:January 25, 2022

Markers and Getting the Site Up

From here I relied on the ar.js docs and articles like this one to get a sense of what I can do. I used this tool to create the marker. I placed a QR code on the marker itself so people could navigate to the site.

Spent a little time fiddling with it but mostly just pushed to get the basic site out. I added some text to give you the name of the painting and wrote a quick click event to swap out the models when you touch/click the painting on your device and deployed the site with netlify from the repo I was working in.

The markers were included in the gift bags for the Vincent Van Gogh table, one of several tables designed and built by volunteer designers from the community. The event raised over $100,000 for a local charity that provides services to the elderly. Of course, the AR markers are just a minor detail but hope this post helps someone else interested in trying AR.js.

Final table