This made the game accessible, as Toby noted: “I’m impressed with how seamlessly any user with a smartphone could snap a QR code and be brought into an AR environment, with nothing needing to be installed.” Once a user starts the treasure hunt, they uncover AR clues that lead them to successive clues, with different AR markers appearing at each stage. Instead of building an app, we decided to use a simple QR code as the entrance to the treasure hunt. As Brad pointed out, “A-Frame is something all web developers can easily play with to experiment within the traditional restrictions of a browser window.” We were excited to dive in! This would expose us to A-Frame and AR.js. The team ( Brad Kouchi, Toby Craig, Chris Hanson, and myself, Kalina Wilson) decided to build a simple treasure hunt in order to get familiar with the basic principles of AR. Although A-Frame’s capabilities are centered on VR rather than AR, there’s an additional AR library (developed by Jerome Etienne), that would help us create an AR project. A-Frame is an open source VR framework that enables development of VR applications right in the web browser using familiar HTML, JavaScript, and CSS. When Metal Toad announced the theme of the winter Hackathon would be Augmented Reality (AR) and Virtual Reality (VR), those of us who have focused our careers on building websites faced a conundrum: how can we learn the principles of AR/VR in just two days without getting sidetracked by the need to learn mobile app development-with its own languages and IDEs and troubleshooting gotchas-at the same time? 5 Signs You Need AWS Cloud Migration Consulting.

Download toad treasure hunter for free