La función deviceMoved() funciona en el dispositivo y se llama cuando el dispositivo se mueve más que el valor de umbral a lo largo de los tres ejes X, Y o Z.
Solo funciona en el dispositivo como los teléfonos móviles y ayuda a detectar cuándo el dispositivo se mueve o gira más de un valor de umbral.
Se puede utilizar como sensor en dispositivos móviles como detección de movimiento, aceleración, rotación, rumbo y ubicación.
El umbral predeterminado se establece en 0,5 y se puede cambiar mediante la función setMoveThreshold() .
Sintaxis:
deviceMoved()
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 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 triangle(45, 100, 54, 5, 100, 100); } // Apply the deviceMoved function function deviceMoved() { // 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:
Ejemplo 2:
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("Moving Device", width / 2, height / 2); } else { text("Device is Relaxed ", width / 2, height / 2); } } function deviceMoved() { // Now increase the value. value = constrain(value + 5, 0, 255) }
Producción:
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