Saturday, September 6, 2025
HomeLanguagesJavascriptp5.js accelerationX variable

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:

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!
RELATED ARTICLES

Most Popular

Dominic
32270 POSTS0 COMMENTS
Milvus
82 POSTS0 COMMENTS
Nango Kala
6639 POSTS0 COMMENTS
Nicole Veronica
11803 POSTS0 COMMENTS
Nokonwaba Nkukhwana
11869 POSTS0 COMMENTS
Shaida Kate Naidoo
6752 POSTS0 COMMENTS
Ted Musemwa
7029 POSTS0 COMMENTS
Thapelo Manthata
6704 POSTS0 COMMENTS
Umr Jansen
6721 POSTS0 COMMENTS