Función p5.js deviceShaken()

Se llama a la función deviceShaken() cuando la aceleración total del dispositivo cambia los valores de aceleraciónX y aceleraciónY es mayor que el valor de umbral.

El umbral predeterminado se establece en 30 y se puede cambiar mediante la función setShakeThreshold() .

Se puede utilizar como sensor en dispositivos móviles para detectar movimiento, aceleración, rotación, rumbo y ubicación.

Sintaxis: 

deviceShaken()

Ahora ejecutaremos algunos ejemplos en teléfonos Android.

Paso 1: Abra el editor web en línea de p5.js en el teléfono móvil usando cualquier navegador «https://editor.p5js.org/»

Paso 2: escribe el siguiente código en la sección del editor y ejecútalo para ver el resultado.

Ejemplo 1: 

Javascript

// Set the variable as 0
var value = 0;
 
// Set the function
function setup() {
    createCanvas(windowWidth, windowHeight);
 
    // Set the background as value which
    // will be dynamic
    background(value);
}
 
// Set 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
    value = constrain(value - 2, 0, 200)
 
    // If the value is greater than 10
    if (value > 10) {
        text("Shaking Device", width / 2, height / 2);
    } else {
        text("Device is Silent ", width / 2, height / 2);
    }
}
 
function deviceShaken() {
 
    // Now increase the value.
    value = constrain(value + 5, 0, 255)
}

Salida: cuando agitamos el dispositivo, obtendremos la salida 
 

Ejemplo 2: 
 

Javascript

// Set value to zero
let value = 0;
 
// Set the draw function
function draw() {
 
    // When the device is moved
    // in the all direction then
    // the colour fill filled
    fill(value);
 
    // Set the shape of thr Graphics
     rect(50, 50, 100, 100);
}
 
// Apply the deviceShaken function
function deviceShaken() {
 
    // Increment the value everytime by 10
    value = value + 10;
 
    // If the value become greater than 255
    // then reset the value to zero.
    if (value > 255) {
        value = 0;
    }
}

Producción:
 

Referencia: https://p5js.org/reference/#/p5/deviceShaken
 

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *