s1hofmann/device-motion

This repository contains a little library I created to react on device-motion events.

device-motion

This repository contains a little library I created to react on device-motion events.

Installation

npm install device-motion # OR yarn add device-motion

Sample

The following sample demonstrates how I use it with React.

import React from "react";

import { Seismograph } from "device-motion";

export default class SeismographDemo extends React.Component {
  constructor(props) {
    super(props);
    this.seismograph = null;
  }

  componentDidMount = () => {
    if (!this.seismograph) {
      this.seismograph = new Seismograph({
        minShakes: this.props.minShakes || 3,
        minAmplitude: this.props.minAmplitude || 3,
        onShake: this.onShake,
        delay: this.props.delay || 1500
      });
    }
    this.seismograph.startRecording();
  };

  componentWillUnmount() {
    if (this.seismograph) {
      this.seismograph.stopRecording();
    }
  };

  onShake = () => {
      ...
  };

  render = () => {
      ...
  };
}