p5.js accelerationX variable

0 0 1 minute read

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:

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek 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!