Skip to main content
Version: Phaser v4.0.0

Phaser.Math.Easing.Circular

Scope: static

Source: src/math/easing/circular/index.js#L7

Static functions

In

<static> In(v)

Description:

Applies a circular ease-in to the given value. This easing is based on the equation of a circle, producing a curve that starts very slowly and then accelerates sharply toward the end. It is the complement of Circular.Out and is commonly used for animations that need a hesitant start before snapping into motion.

Parameters:

nametypeoptionaldescription
vnumberNoThe value to be eased.

Returns: number - The eased value.

Source: src/math/easing/circular/In.js#L7
Since: 3.0.0


InOut

<static> InOut(v)

Description:

Circular ease-in/out. Applies a circular easing curve that starts slow, accelerates through the midpoint, then decelerates to a smooth stop. The shape of the curve is derived from the arc of a circle, producing a natural-feeling motion that is more gradual than a sine ease but sharper than a quadratic ease. Combining ease-in and ease-out makes the transition symmetrical: the first half eases in using a circular arc and the second half eases out using a mirrored arc.

Parameters:

nametypeoptionaldescription
vnumberNoThe value to be eased, in the range [0, 1].

Returns: number - The eased value, in the range [0, 1].

Source: src/math/easing/circular/InOut.js#L7
Since: 3.0.0


Out

<static> Out(v)

Description:

Applies a circular ease-out effect to v, based on the equation of a unit circle. The motion starts at full speed and decelerates smoothly to a stop, following the curve of a quarter-circle. v should be in the range 0 to 1.

Parameters:

nametypeoptionaldescription
vnumberNoThe value to be eased, in the range 0 to 1.

Returns: number - The eased value, in the range 0 to 1.

Source: src/math/easing/circular/Out.js#L7
Since: 3.0.0