iPhone重力感应开关

什么是iPhone重力感应开关？

iPhone内置了多种传感器，包括加速度计（Accelerometer）和陀螺仪（Gyroscope），它们共同构成了“重力感应”系统。通过这些传感器，设备可以感知自身的空间姿态、旋转角度和运动状态。

在Web开发中，我们可以利用HTML5的 DeviceOrientation Event 来访问这些数据，实现如游戏控制、AR体验或页面交互等效果。

实际应用场景

• 赛车游戏中通过倾斜手机控制方向
• 全景图片/视频的视角跟随设备转动
• 自动横竖屏切换增强体验
• 健身App记录动作轨迹

Web端演示：倾斜控制方块

请在支持陀螺仪的iPhone上打开本页面，并允许设备方向权限。

核心代码示例

// 请求设备方向权限（需用户交互）
window.addEventListener('deviceorientation', handleOrientation);

function handleOrientation(event) {
  const alpha = event.alpha; // 方向（0-360）
  const beta  = event.beta;  // 前后倾斜（-180~180）
  const gamma = event.gamma; // 左右倾斜（-90~90）

  // 应用于CSS transform
  document.getElementById('box').style.transform =
    `rotateX(${beta * -1}deg) rotateY(${gamma}deg)`;
}