Phaser API Documentation

arc([x], [y], [radius], [startAngle], [endAngle], [anticlockwise], [fillColor], [fillAlpha])


Creates a new Arc Shape Game Object and adds it to the Scene.

Note: This method will only be available if the Arc Game Object has been built into Phaser.

The Arc Shape is a Game Object that can be added to a Scene, Group or Container. You can treat it like any other Game Object in your game, such as tweening it, scaling it, or enabling it for input or physics. It provides a quick and easy way for you to render this shape in your game without using a texture, while still taking advantage of being fully batched in WebGL.

This shape supports both fill and stroke colors.

When it renders it displays an arc shape. You can control the start and end angles of the arc, as well as if the angles are winding clockwise or anti-clockwise. With the default settings it renders as a complete circle. By changing the angles you can create other arc shapes, such as half-circles.


name type arguments Default description
x number <optional> 0

The horizontal position of this Game Object in the world.

y number <optional> 0

The vertical position of this Game Object in the world.

radius number <optional> 128

The radius of the arc.

startAngle number <optional> 0

The start angle of the arc, in degrees.

endAngle number <optional> 360

The end angle of the arc, in degrees.

anticlockwise boolean <optional> false

The winding order of the start and end angles.

fillColor number <optional>

The color the arc will be filled with, i.e. 0xff0000 for red.

fillAlpha number <optional>

The alpha the arc will be filled with. You can also set the alpha of the overall Shape using its alpha property.


The Game Object that was created.

Since: 3.13.0