p5.js deviceTurned()用法及代码示例

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

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

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

用法:

deviceTurned()

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

第1步：手机任意浏览器打开p5.js的在线网页编辑器“https://editor.p5js.org/”
第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

相关用法

注：本文由纯净天空筛选整理自_sh_pallavi大神的英文原创作品 p5.js deviceTurned() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。