This web application demonstrates how Magnetometer sensor can be used to provide user input for WebVR content. If you have VR enclosure with magnet button, you can interact with objects in the scene by sliding button down.
Make sure you have following dependencies installed:
- Node.js
- Polymer CLI
npm install -g polymer-cli - For deployment to Google App Engine, install SDK for App Engine.
Install polymer components that are required for the project.
npm install
polymer serve
This will serve application locally. By default, port 8080 will be used (http://localhost:8080/).
polymer build
This will create a build/ folder with bundled/ and unbundled/ sub-folders
containing a bundled (Vulcanized) and unbundled builds, both run through HTML,
CSS, and JS optimizers.
You can serve the built versions by giving polymer serve a folder to serve
from:
polymer serve build/bundled
gcloud app deploy app.yaml -v VERSION --project PROJECT_NAME
- VERSION should be the version of your application, if omitted, it will be autogenerated.
- PROJECT_NAME should be the name of App Engine project.
You could check demo of the web application at https://vrbutton.appspot.com/ or pre-built application here