Skip to content
Branch: master
Find file History
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
targets Add artgallery to examples Apr 11, 2019
README.md Add artgallery to examples Apr 11, 2019
frame.glb Add artgallery to examples Apr 11, 2019
gallery.jpg Add artgallery to examples Apr 11, 2019
index.css Add artgallery to examples Apr 11, 2019
index.html Add artgallery to examples Apr 11, 2019
index.js Add artgallery to examples Apr 11, 2019

README.md

8th Wall Web Examples - AFrame - Art Gallery

This example uses image targets to show information about paintings in AR. This showcases image target tracking, as well as loading dynamic content and using the xrextras-generate-image-targets component.

artgallery-screenshot

Try the live demo here

artgallery

Uploading to Console

To link the image targets to your app key, you will need to upload each image to your app in console at console.8thwall.com.

Image target metadata allows us to generalize behaviors, linking specific data to the image targets themselves. Add the correct metadata to each image target on the console to make it available to your app.

{
  "title":"A Sunday Afternoon on the Island of La Grande Jatte",
  "artist":"Seurat",
  "date":"1884"
}

{
  "title":"Monet Tulip Fields With The Rijnsburg Windmill",
  "artist":"Monet",
  "date":"1886",
  "wikiTitle":"Claude Monet"
}

{
  "title":"The Starry Night",
  "artist":"Van Gogh",
  "date":"1889"
}

{
  "title":"Mona Lisa",
  "artist":"Da Vinci",
  "date":"1503-1506"
}

{
  "title":"Claude Monet painting in his Garden at Argenteuil",
  "artist":"Renoir",
  "date":"1873",
  "wikiTitle":"Pierre-Auguste Renoir"
}
You can’t perform that action at this time.