p5.js deviceTurned()函数

当设备连续旋转超过 90 度时调用 deviceTurned()函数。触发设备 turn() 方法的轴存储在turnAxis变量中。

通过将 turnAxis 变量与“X”、“Y”或“Z”进行比较，可以锁定此函数以在所有三个轴 X、Y 或 Z 上触发。

这是移动应用程序开发函数，允许访问特定传感器和操作模式，例如检测设备中的运动、加速度、旋转、航向和位置。

句法：

deviceTurned()

现在我们将在安卓手机上运行一些示例。

• 第一步：在手机中使用任意浏览器“ https://editor.p5js.org/ ”打开p5.js的在线网页编辑器
• 第 2 步：在编辑器部分编写以下代码并运行它以查看输出。

示例 1：

Javascript

// Run this example on a mobile device
// Rotate the device by 90 degrees in the
// X-axis or Y-axis or Z- axis to change the value .
  
let value = 0;
function draw() {
  fill(value);
  triangle(45, 100, 54, 5, 100, 100);
}
  
//  Set the the device turned function.
function deviceTurned() {
  if (turnAxis === 'X' ||turnAxis === 'Y'|| turnAxis === 'Z') {
    if (value === 0) {
      value = 255;
    } else if (value === 255) {
      value = 0;
    }
  }
}

输出：我们将通过在 X、Y 或 Z 方向旋转 90 度来转动我们的设备来得到这个。

参考： https://p5js.org/reference/#/p5/deviceTurned