I recently made an Augmented Reality Easter Egg Hunt app for my kids to play. It took me a week of part-time work to get it done (with some help on design and graphics). A big reason for getting something up so quickly was the ViroReact, a library for rapidly developing cross-platform AR/VR experiences.
The technologies used in the app include:
Getting started with ViroReact was trivial based on the quick start. It’s the quick start that convinced me to try making the app in such a short space of time. The issue with the quick start is that it provides an example of code that runs within a sample app. Using the sample app, I quickly ran into problems when it came to customizing the experience, and the development workflow was a bit tedious. After wrangling with the example app for some time, I decided to work with a clean install of React Native.
I installed the latest version of React Native (v0.62 at the time of this writing). I set up the basic screens, and then I began setting up ViroReact based on the instructions provided in the documentation. There is a diff of changes to follow as well but I found it necessary to make some tweaks based on issues encountered.
You can see the full set of tweaks here
react-viro@npm:@firstname.lastname@example.org) to fix issues with versions of react > 0.59 (https://github.com/viromedia/viro/issues/756)
It was a learning experience for sure, and I’ve put the code on GitHub for others to explore further. The biggest issue is that the placement of the eggs is not consistent. The kids love it, but it’s something I’d like to fix. The problem could lie with my approach, so I won’t hold this against ViroReact. I’d also like to improve usability by giving more feedback and I’d like to make it multiplayer as originally planned.