HTML5如何使用陀螺仪控制手机?

3 min read

在HTML5中,可以使用DeviceOrientation事件来控制手机陀螺仪。你可以通过监听DeviceOrientation事件来获取手机的陀螺仪方向数据,然后根据这些数据来实现一些有趣的应用程序,比如3D游戏。

以下是一个使用DeviceOrientation事件的示例代码:

if (window.DeviceOrientationEvent) {
   window.addEventListener("deviceorientation", function(event) {
      var gamma = event.gamma; // 左右旋转角度
      var beta = event.beta; // 前后旋转角度
      var alpha = event.alpha; // 设备旋转方向
      // 在这里你可以使用设备角度信息进行一些操作,例如旋转一个3D对象或者改变网页布局等等
   }, true);
}

注意,使用DeviceOrientation事件需要用户授权,因此在使用前需要先获取授权。