HomeLanguagesJavascriptp5.js plane() function

p5.js plane() function

20 June 2025

The plane() function in p5.js is used to draw a plane according to the given height and width.

Syntax:

plane( width, height, detailX, detailY )

Parameters: The function accepts four parameters as mentioned above and described below:

width: This parameter holds the width of the plane to drawn.
height: This parameter holds the height of the plane to drawn.
detailX: It is an optional parameter that takes number of triangle subdivisions in x-dimension.
detailY: It is an optional parameter that takes number of triangle subdivisions in y-dimension.

Below program illustrates the plane() function in p5.js:

Example:

function setup() { 
      
    // Create canvas size 
    createCanvas(100, 100, WEBGL); 
} 
  
// Function to draw plane 
function draw() { 
    background(200); 
      
    // Plane with width 50  
    // and height 50 
    plane(50, 50); 
}                     