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:

Javascript

// 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:

Javascript

// 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:

My Personal Notes arrow_drop_up

Save