Open In App
Related Articles

p5.js Shape Complete Reference

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The p5.js Shape used to draw different types of shapes in 2D and 3D models. All the functions are mentioned below.

2D Primitives

Description

arc()It is used to draw an arc.
ellipse()It is used to draw an ellipse.
circle()It is used to draw the circle on the screen.
line()It is used to draw a line.
point()It is used to draw the point in a given coordinate position.
quad()It is used to draw a quadrilateral.
rect()It is used to draw the rectangle on the screen.
square()It is used to draw the square on the screen.
triangle()It is used to draw a triangle in a plane.

Attributes

Description

ellipseMode()It sets the location where the ellipses are drawn by changing the way.
rectMode()It changes the way in which the parameters given to the rect() function are interpreted.
smooth()It gets smooth Amplitude analysis by averaging with the last analysis frame by default it is off.
strokeCap()It is used to set the style of line endings.
strokeJoin()It sets the joint style which connect the line segments.
strokeWeight()It sets the width of the stroke used for lines, points and the border around shapes.

Curves

Description

bezier()It is used to draw cubic Bezier curve on the screen.
bezierDetail()It sets the resolution at which Beziers display.
bezierPoint()It evaluates the coordinates of a bezier curve at the given point.
curve()It draws a curved line between two points given in the middle four parameters on the screen.
curveDetail()It sets the resolution at which the curve will display.
curveTightness()It modifies the quality of curves created using the curve() and curveVertex() functions.
curvePoint()It evaluates the coordinates of a curve at the given point.

Vertex

Description

beginContour()It can be used to remove a portion of a shape with the given vertices.
beginShape()It is used to draw more complex shapes.
bezierVertex()It specifies the vertex coordinates used to draw a bezier curve.
curveVertex()It specifies the vertex coordinates used to draw a curve.
endContour()It stops the recording of vertices when creating a contour using the beginContour() function.
endShape()It is used after the beginShape() function to finish the drawing of a shape.
quadraticVertex()It specifies the vertex coordinates used to draw a quadratic bezier curve.
vertex()It specifies the coordinates of the vertices used to draw a shape.

3D Primitives

Description

plane()It is used to draw a plane according to the given height and width.
box()It draws a box with given height, width and the depth.
sphere()It is used to draw a sphere with given radius.
cylinder()It draws a cylinder with given radius and height.
cone()It draws a cone with given radius and height.
ellipsoid()It draws an ellipsoid with given radius.
torus()It draws a torus with given torus radius and tube radius.

3D Models

Description

loadModel()It is used to load a 3d model from file, and return it as a p5.Geometry Object.
model()It is used to render a 3D model to the screen.

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