Professional AR catalogue

Above: update professional website with AR catalogue intergrated www.tristangriffin.com.au

Above: AR gallery

Click here to view AR catalogue

This work is intended to work on chrome browser, with optimal viewing on an andriod device.This code is designed to work ONLY on mobile devices and tablets with a gyroscope.
The above link is best viewed on mobile/tablet devices running google chrome browser.
Users will have the opportunity to view the professional catalogue in augmented reality OR via the web-based catalogue.
http://www.tristangriffin.com.au

Rationale

Due to the nature of my arts practice, I have choosen to explore augmented reality as a medium for displaying artworks in a catalogue. The technology used grew out of a previously developed web-browser based 3D art gallery that used gyroscopic feedback from mobile and tablet devices and pedometer feedback to allow users to move freely through a virtual gallery. This technology has been applied with the addition of  camera enumeration and the awe.js code set. Users will have the opportunity to view the professional catalogue in augmented reality environment, projecting the works into their immediate space.
The intention while selecting the works was to choose those that are interactive and digitally based. The user is able to look around freely at the works which are accompanied by a brief description, and select them by simply clicking on the image. The user is then taken to that particular work in a new browser window. Users can return to the Augmented experience simply by clicking back OR closing that window. Works that are Virtual reality headset specific will contain prompts notifying them on how to experience the work.
Asset Production

List of assets:

Theory of the code

The code for this project was written for mobile web based platforms. Code languages used for this application were HTML, javascript, css and jquery. NOTE: As of 2017 security limitations to accessing gyroscopic data and webcam video streams were established. Purchase of an SSL certificate for the host server were required.
To realise this project a rebuild of the original 3D gallery was required, particularly with added the webcam feed. By default when selected input devices the front camera on a mobile/tablet device is set, but selecting the rear camera is difficult as devices have various other inputs such as microphones, blue tooth etc. This issue was solved by intergrating the awe.js code set, which allowed access to the rear camera of devices (tested on andriod and windows devices only on chrome browser)

Build versions: excluding base code development

NOTE: Code is reference in individual files and annotated throughout the code files. Please download and refer to individual files for more detail. This code is designed to work ONLY on mobile devices and tablets with a gyroscope. This project required direct editing on the server as it is a mobile web application, this process of debugging is difficult as developer tools can not be used for errors.

1. Build based on 3D gallery, www.artworkprocess.com/projects/3dgallery, gyroscope added and pedometer added for movement

2.My artworks added to replace defaults, default didactic panel removed

3.Content open in iframe

4.Clickable gallery linking

5. All art objects and links added

6. AR catalogue links tested and working , this method needs revision as fullscreener tabs cause errors

7.AWE.js added for AR camera enurmeration, rear camera access tested and working, issues with safari browser.

8.Virtual camera position moved to central location

9.virtual AR gallery walls moved to create a square room

10.added new artworks

11. updated links to video and interactive content

12. didactic panels added for each artwork