This is a javascript library that uses the WebVR API to create web backgrounds that move with your phone. I have a vision for it to be the next "parallax" of the web. Feel free to contribute!

Only supported on WebVR compatible devices.

npm install --save gyrobackground
# Or yarn add gyrobackground

require('gyrobackground')  // e.g., with Browserify or Webpack.

<script src="https://unpkg.com/[email protected]/dist/gyroBackground.min.js"></script>

git clone https://github.com/Tino-F/gyroBackground.git  # Clone the repository.
cd gyroBackground && npm install  # Install dependencies.
npm start  # Start the local development server.

>npm run build

//new GyroBackground( containerEl, imageURL, options )

var background = new GyroBackground('#myImage', 'imgs/4.jpg', {
  sensitivity: 3,
  parallax: true,
  parallaxSpeed: -4
});

This method allows you to add multiple images with different settings to the same target element.

Displays a visualization on the Phone relative to it's orientation when GyroBackground was initialized.

BTC: 14QoRj5Ex5aHCNhJGMoZZ5P9BsLY1a4dfu

XMR: 49pgRecAfychSR9dhd7gQyiaZjQGJyt6B1hVxJdGYYvmRR7VAJurDFSE3qZeui1AFAENKRw8EiB9nc5AYBPSBwrP9uSE9g2

• Three.JS
• Rellax
• webvr-polyfill