Sometimes, we want to access accelerometer or gyroscope data from JavaScript.
In this article, we’ll look at how to access accelerometer or gyroscope data from JavaScript.
How to access accelerometer or gyroscope data from JavaScript?
To access accelerometer or gyroscope data from JavaScript, we can listen for the deviceorientation event.
For instance, we write
const handleOrientation = (event) => {
const absolute = event.absolute;
const alpha = event.alpha;
const beta = event.beta;
const gamma = event.gamma;
//...
};
window.addEventListener("deviceorientation", handleOrientation, true);
to listen for the deviceorientation event on window
with window.addEventListener
.
Then we get the event data from the handleOrientation
.
absolute
is a boolean that indicates whetehr the device is providing orientation data absolutely.
alpha
is the motion on the device around the z axis between 0 and 360 degrees inclusive.
beta
is the motion on the device around the x axis between 0 and 360 degrees inclusive.
gamma
is the motion on the device around the y axis between 0 and 360 degrees inclusive.
Conclusion
To access accelerometer or gyroscope data from JavaScript, we can listen for the deviceorientation event.