手机摇一摇 js

以下是关于手机摇一摇功能在 JavaScript 中实现的相关内容：

基础概念：手机摇一摇功能通常基于手机的加速度传感器来检测用户的摇晃动作。

相关优势：

提供了一种直观、便捷的交互方式，增强用户体验。
可用于多种场景，增加应用的趣味性和互动性。

类型：从实现方式上，可分为基于浏览器内置 API 和借助第三方库来实现。

应用场景：

游戏领域，例如摇一摇切换关卡或角色。
社交应用，用于快速切换页面或触发特定操作。

实现示例代码（使用浏览器内置 API）：

let lastX = 0;
let lastY = 0;
let lastZ = 0;
let shakeThreshold = 15;

window.addEventListener('devicemotion', function(event) {
    let acceleration = event.accelerationIncludingGravity;
    let curX = acceleration.x;
    let curY = acceleration.y;
    let curZ = acceleration.z;

    if (Math.abs(curX - lastX) > shakeThreshold || Math.abs(curY - lastY) > shakeThreshold || Math.abs(curZ - lastZ) > shakeThreshold) {
        console.log('摇一摇触发');
        // 在此处添加摇一摇触发的操作
    }

    lastX = curX;
    lastY = curY;
    lastZ = curZ;
});

可能遇到的问题及原因：