haaalieee / 8thwall-aframe-ar-hackaton

Web AR using 8thwall and A-Frame

AFrame - React

Getting started

In a terminal, clone this repository and cd to this directory.

Run npm install && npm start to install dependencies and launch the web app.

Create a self-hosted project in the 8th Wall console. Add localhost and the web app IP address as connected domains. Add the project app key from project settings to the xrweb script in public/index.html.

Happy hacking!

Note

The start script has been modified to serve via https (required for browsers to draw the camera feed). Optionally, create a SSL certificate to remove the security warning.

The start, build, and test scripts has been modified to use react-app-rewired so that we can add html-loader to the default webpack config via config-overrides.js.

If you're developing on Windows, modify the start script in package.json to execute

set HTTPS=true&&react-app-rewired start

In order to use the serve script for testing the production build, you may need to run export NODE_OPTIONS=--openssl-legacy-provider, and execute the script on the build folder.

Learn More

This project was bootstrapped with Create React App.

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

To learn 8th Wall, check out the 8th Wall documentation