The function deviceTurned() s called when the device rotates by more than 90 degrees continuously. The axis that triggers the device turned() method is stored in the turnAxis variable.
This function can be locked to trigger on all three axis X, Y, or Z by comparing the turnAxis variable to ‘X’, ‘Y’ or ‘Z’.
This is Mobile application development function which allows access to specific sensors and modes of operation like detecting motion, acceleration, rotation, heading, and location in the devices.
Syntax:
deviceTurned()
Now we will run some examples in android phones.
- Step 1: Open online web editor of p5.js in the mobile phone using any browser “https://editor.p5js.org/”
- Step 2: Write the following code in the editor section and run it to see the output.
Example 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 device turned function.function deviceTurned() { if (turnAxis === 'X' ||turnAxis === 'Y'|| turnAxis === 'Z') { if (value === 0) { value = 255; } else if (value === 255) { value = 0; } }} |
Output: We will get this by turning our device by rotating in X,Y or Z direction by 90 degree.
Reference:https://p5js.org/reference/#/p5/deviceTurned
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
