p5.js ellipse() Function

Last Updated : 11 Aug, 2023

The ellipse() function is an inbuilt function in p5.js which is used to draw an ellipse. Syntax:

ellipse(x, y, w, h)
ellipse(x, y, w, h, detail)

Parameters: This function accepts five parameters as mentioned above and described below:

x: This parameter takes the x-coordinate of the ellipse.
y: This parameter takes the y-coordinate of the ellipse.
w: This parameter takes the width of the ellipse.
h: This parameter takes the height of the ellipse.
detail: It is the optional parameter which takes the number of radial sectors to draw as integer.

Below program illustrates the ellipse() function in P5.js:

javascript

function setup() {
    createCanvas(400, 400);
}

function draw() {
    background(220);
    fill('yellow');
    
    // An ellipse at 150, 150 with radius 280
    ellipse(150, 150, 280, 180) 
}

Output:

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

p5.js circle() Function

sarthak_ishu11

Improve

Article Tags :

p5.js ellipse() Function

Similar Reads

p5.js Environment

p5.js Color

p5.js Shape

p5.js Constants and Structure

p5.js DOM and Rendering

p5.js Transform

p5.js Data

p5.js Events

Thank You!

What kind of Experience do you want to share?