p5.js 旋转Y 事件

p5.js中的系统变量rotationY 负责 移动设备（智能手机和平板电脑）始终沿 y 轴旋转。可以在draw()函数中使用，连续获取当前沿y轴的旋转。如果图形 angleMode() 设置为 DEGREES，则该值将在 -90 到 90 的范围内。当它设置为 RADIANS 时，该值将在 -PI/2 到 PI/2 之间。

注意：如果一起使用所有三个变量，则调用旋转的顺序很重要。需要按 Z、Y 和 X 的顺序调用它们以防止不一致。

句法：

rotationY

示例 1：

Javascript

// Rotate the the device at 90 degree.
function setup() {
  createCanvas(600, 600, WEBGL);
}
  
function draw() {
  background(2);
    
  // Set the rotation to be equal to
  // the variable rotationY
  rotateY(radians(rotationY));
    
  fill('red');
  box(200, 200, 200);
}

输出：

示例 2：

Javascript

// Rotate the the device at  0 to 360 degree.
function setup() {
  createCanvas(600, 600, WEBGL);
}
  
function draw() {
  background(205, 105, 194);
    
  // Set the rotation to be equal to
  // the variable rotationY
  rotateY(radians(rotationY));
    
  fill('orange');
  sphere(140);
}

输出：