Why use it?

full steps for get mobile 3 axis value of mobile orientation.

See for a demonstration!

#### Live Demo

Installation

``sh
npm install lesca-sensor-orientation --save
`

Usage

As a Node module:

`JSX
import { useState, useEffect, useMemo } from 'react';
import Orientation from 'lesca-sensor-orientation';

// (1) waiting for permission => Must be user-triggered event and SSL required
// (2) add addEventListener
const Components = () => {
const [state, setState] = useState(false);
const orientation = useMemo(() => new Orientation(), []);

const require_permission = () => {
orientation
.permission()
.then(() => {
// permission granted
setState(true);
})
.catch(() => {
// permission deined
});
};

useEffect(() => {
if (state) {
orientation.addEventListener((e) => {
alert(e);
});
}
return () => {
orientation.destory();
};
}, [state]);

return ;
};
``

Development

$3

Methods

| method | description | return |
| :---------------------------------------- | :------------------------: | -----: |
| .permission() | ask user permission | void |
| addEventListener(callback:_function_) | get 3 axis value each time | void |
| .destory() | destory event | void |

Properties

| Properties | description | default |
| :---------------------- | :--------------------------: | --------------: |
| disable:_boolean_ | stop / continue event listen | true |
| isSuppord:_boolean_ | permission granted or deined | (read only) |

$3

- TypeScript
- maintain if necessary