Skip to content

circle()

Draws a circle to the screen. By default, the first two parameters set the location of the center, and the third sets the shape's width and height. The origin may be changed with the ellipseMode() function.

Examples

circle 1 example

function setup() 
  size(100, 100)
  windowTitle("circle example")
  background(200)
  circle(50, 50, 25)

  describe('A white circle with black outline in the middle of a gray canvas.')
end

Syntax

circle(x, y, w)

Parameters

Parameter
x Number: x-coordinate of the center of the ellipse.
y Number: y-coordinate of the center of the ellipse.
w Number: width and height of the ellipse.

This reference page contains content adapted from p5.js and Processing by p5.js Contributors and Processing Foundation, licensed under CC BY-NC-SA 4.0.