This project was built solo at Hack Reactor, Jul 11-12 2016.
Currently only a few browsers support Web VR - including https://nightly.mozilla.org/ and experimental Chrome builds. You can also use an Oculus Rift, if you're lucky enough to have one (and the hardware to back it)!
However, you can still navigate this in regular 3D using your standard web browser.
For detailed reports on lessons learned / insights into aframe and aframe-react as well as the other used component libraries, see README-FINDINGS.md
Also see TODO.md for a list of things I did, and a list of things I didn't start/finish (yet!). There's some notes in there as well on particular tasks.
This project makes use of aframe-react-boilerplate.
- An aframe-react boilerplate, combining A-Frame with React.
This was used to save time on webpack and dependency setup. All components were edited / customized / re-written.
To reiterate: all code to do with dynamically slicing data, rendering complex layouts and nested layouts, working with data etc was written custom for this project (and was quite the learning curve).
File Structure: as I was learning aframe during this project, I didn't want to overcomplicate things, and worked almost exclusively within app.js.
The files in Components are therefore more ways for me to store working components I wrote in app.js.
They are not set up to be imported, rather copied into app.js.
If I have the time in the future I'll re-structure and make them import-able / make the codebase more modular. It's in my TODOs in TODO.md ;)
Feel free to use my modified version, and any of my code, as a boilerplate or inspiration for your projects!
To get started:
npm install
npm run serve-js &
npm run serveThen head over to localhost:5555.
Ready to show off? Run:
npm run ghpagesAnd share your project on the A-Frame Slack and awesome-aframe.