Skip to content

motion-sensors

NPM version

Platform Support

Platform Support

intro:

Motion sensors plugin

Reference

Method

  • startAccelerometer

    Start accelerometer sensor

ts
import { 
motionSensorsPlugin
} from "@plaoc/plugins";
await
motionSensorsPlugin
.
startAccelerometer
(3);
  • startGyroscope

    Start the gyro sensor

ts
import { 
motionSensorsPlugin
} from "@plaoc/plugins";
await
motionSensorsPlugin
.
startGyroscope
(2);

Parameter

  • fps

    frames per second

Usage Plugins

vue
<script setup lang="ts">
import { 
motionSensorsPlugin
,
$Axis
} from "@plaoc/plugins";
async function
startAccelerometer
() {
const
controller
= await
motionSensorsPlugin
.
startAccelerometer
(1);
controller
.
listen
((
axis
) => {
console
.
log
(`x: ${
axis
.
x
} y: ${
axis
.
y
} z: ${
axis
.
y
}`);
});
setTimeout
(() =>
controller
.
stop
(), 3000);
} </script>

Usage WebComponent

vue
<script setup lang="ts">
import { 
ref
} from "vue";
import {
HTMLDwebMotionSensorsElement
,
$Axis
} from "@plaoc/plugins";
const
$motionSensorsPlugin
=
ref
<
HTMLDwebMotionSensorsElement
>();
let
motionSensors
:
HTMLDwebMotionSensorsElement
;
onMounted(async () => {
motionSensors
=
$motionSensorsPlugin
.
value
!;
}); function
startAccelerometer
() {
motionSensors
.
startAccelerometer
(1);
motionSensors
.
addEventListener
("readAccelerometer", (
event
: Event) => {
const
e
=
event
as
CustomEvent
<
$Axis
>;
console
.
log
("Accelerometer: ",
e
.
detail
);
}); } function
startGyroscope
() {
motionSensors
.
startGyroscope
(1);
motionSensors
.
addEventListener
("readGyroscope", (
event
: Event) => {
const
e
=
event
as
CustomEvent
<
$Axis
>;
console
.
log
("Gyroscope: ",
e
.
detail
);
}); } </script> <template> <
dweb-motion-sensors
ref
="
$motionSensorsPlugin
"></
dweb-motion-sensors
>
</template>

Released under the MIT License.