Open In App

p5.js accelerationX variable

The accelerationX system variable is responsible for the acceleration of the device(tablets or mobile phones) along the x-axis. It can be used with the draw() function to accelerate the device in the x-axis of the coordinate. 

Its value is represented as meters per second squared.



Syntax:

accelerationX

Example 1:






// Move a touchscreen device to register
// Acceleration changes.
function setup()
{
  createCanvas(400,400)
}
  
function draw() {
  background(0, 50);
  fill('green');
  textAlign(CENTER,CENTER);
  textSize(50);
    
  // Convert the acceleration into integer when
  // device is moved along x axis.
  text(int(accelerationX),windowWidth/2,windowHeight/2);
}

Output:

Example 2:




// Move a touchscreen device to register
// Acceleration changes.
function draw() {
  createCanvas(400,400);
  background(220);
  fill('green');
    
  // Set the variable.
  ellipse(width / 4, height / 4, accelerationX);
}

Output:

Article Tags :