Open In App
Related Articles

p5.js windowWidth

Improve Article
Improve
Save Article
Save
Like Article
Like

The windowWidth variable in p5.js is a system variable that is used to store the width of the inner window and it maps to window.innerWidth.
Syntax:

windowWidth

Parameters: This function does not accept any parameter.

Below program illustrates the windowWidth variable in p5.js:
Example-1:




function setup() {
    
    createCanvas(1000, 400);
    
    // Set text size to 40px
    textSize(20);
}
  
function draw() {
    background(200);
    
    rect(mouseX, mouseY, 30, 30);
    
    //Use of windowWidth Variable
    text("Window Width is " + windowWidth, 30, 40);
}


Output:

Example-2:




function setup() {
  
    // set height to window width 
    width = windowWidth;
  
    //create Canvas of size 380*80 
    createCanvas(width, 100);
}
  
function draw() {
    background(220);
    textSize(16);
    textAlign(CENTER);
    fill(color('Green'));
  
    //use of windowWidth variable
    text("windowWidth of Canvas is : "
         + width, width / 2, height / 2);
}


Output:

Reference: https://p5js.org/reference/#/p5/windowWidth


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

Last Updated : 10 Aug, 2023
Like Article
Save Article
Previous
Next
Complete Tutorials