17、设备传感器与编码问题解决指南

设备传感器与编码问题解决指南

1. 设备传感器的使用

1.1 激活传感器

设备内置的传感器可以记录设备的移动，利用这些传感器数据能为创意工作带来很多机会，但同时也要注意隐私问题。目前，iOS 和 iPadOS 系统的浏览器对传感器数据的使用有限制，网页需要专门请求权限才能收集数据，而其他浏览器和平台则可以直接获取数据。

要请求用户权限，可以添加 touchEnded() 函数，该函数会在用户首次点击画布时触发。以下是示例代码：

function touchEnded() {
  DeviceOrientationEvent.requestPermission()
    .then(response => {
      if (response == 'granted') {
        // 现在加速度和旋转感应应该可以工作了
      }
    })
    .catch(console.error)
}

用户的授权决定会被浏览器保存一段时间，若未授权，用户需清除浏览器的网站缓存才能再次看到权限对话框。

1.2 利用设备旋转

设备的旋转可以通过陀螺仪传感器测量，分为 x、y、z 三个轴。在多触摸网格示例中，可以根据 x 和 y 轴的旋转来实现单元格的渐进缩放。具体操作步骤如下：
1. 在 setup() 函数中添加配置选项，确保旋转值以度为单位：