La variable turnAxis se utiliza para almacenar el eje activado por el método deviceTurned() . Esto ocurre cuando un dispositivo móvil se gira en cualquiera de los ejes X, Y o Z. Esta variable solo se define dentro del alcance de la función deviceTurned().
Sintaxis:
turnAxis
El siguiente ejemplo demuestra la variable turnAxis en p5.js:
Ejemplo:
Javascript
// Define a variable that will hold
// the background color
var value = 0;
function setup() {
createCanvas(windowWidth, windowHeight);
// Set the background as the variable
background(value);
}
// Define the draw function
function draw() {
// Set the properties of text
background(value);
fill(0, 0, 255);
textAlign(CENTER, CENTER);
textSize(25);
// Set the limit for value
// When the value is greater than 10
if (value === 0) {
text("Device is Relaxed ",
width / 2, height / 2);
} else {
text("Device is moved in X- axis",
width / 2, height / 2);
}
}
// Set the value depending on the turnAxis
function deviceTurned() {
if (turnAxis === 'X') {
// Constrain the value so that
// it can be used as the background
// color
value = constrain(value + 50, 0, 255)
}
}
Producción:
Referencia: https://p5js.org/reference/#/p5/turnAxis
Publicación traducida automáticamente
Artículo escrito por _sh_pallavi y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA