Open In App

p5.js plane() function

Improve
Improve
Like Article
Like
Save
Share
Report

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);
}                    


Output:

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


Last Updated : 11 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads