Phaser home
Log in

Phaser 4 examples

Ellipse

  • 26 examples

Examples 26

Adjust Ellipse SizeDemonstrates how to dynamically update the width and height of a geometric ellipse based on pointer movement and redraw it using a Graphics object.Create EllipseCreate a geometric ellipse object and draw its outline to the screen using a Graphics object.Ellipse AreaCalculate the area of an ellipse and visualize it using a square of equivalent size as the ellipse dimensions change.Ellipse CircumferenceCalculate the circumference of an ellipse and compare it to a square and a circle with the same perimeter length.Ellipse Circumference PointDemonstrates how to calculate a specific coordinate on the perimeter of an ellipse based on a given angle using the CircumferencePoint method.Ellipse CloneCreate copies of a geometric ellipse using the Clone method to generate a sequence of expanding shapes.Ellipse Contains PointDemonstrates how to check if a specific coordinate, such as the mouse pointer, is located inside the area of an ellipse.Ellipse Contains PointDemonstrates using the Ellipse.ContainsPoint function to detect if a moving coordinate is located within the bounds of an ellipse shape.Ellipse Contains RectangleDemonstrates how to check if a Rectangle shape is entirely contained within the bounds of an Ellipse.Ellipse Copy FromDemonstrates using Phaser.Geom.Ellipse.CopyFrom to duplicate the properties of one ellipse geometry object into another.Ellipse EqualsDemonstrates how to use the Ellipse Equals method to determine if two ellipse geometry objects share the exact same position and dimensions.Ellipse Get BoundsDemonstrates how to calculate and update the axis-aligned bounding rectangle of a geometric ellipse as it moves and changes size.Ellipse Get PointsDemonstrates how to extract a specific number of evenly spaced points from the perimeter of an Ellipse geometry object.Ellipse Is EmptyDemonstrates using the isEmpty method to check if an Ellipse geometry object has a width or height less than or equal to zero.Ellipse Major RadiusCalculates the major radius of an ellipse and visualizes it as a circle that matches the ellipse's longest axis.Ellipse OffsetShift the position of an ellipse geometry object by a specific amount using the static Offset function.Ellipse PropertiesLearn how to access geometric properties of an Ellipse, including its position, dimensions, and bounding box coordinates like left, right, top, and bottom.Ellipse Set ToDemonstrates how to use the setTo method to update the position and dimensions of an Ellipse geometry object.Get Minor RadiusDemonstrates how to calculate and retrieve the minor radius of an Ellipse geometry object, which represents half of its shortest diameter.Get Point on EllipseCalculate a position along the perimeter of an ellipse using a normalized value between 0 and 1.Get Random Point on EllipseDemonstrates how to generate and update random coordinates within the area of a geometric ellipse.Move EllipseDemonstrates how to update the position of a geometry Ellipse object based on pointer movement and redraw it using a Graphics object.Offset Ellipse by PointDemonstrates how to translate an ellipse's position by adding the coordinates of a Vector2 using the OffsetPoint method.Set Ellipse EmptyDemonstrates using the setEmpty method to reset a Phaser.Geom.Ellipse's dimensions to zero.Set Ellipse PositionDemonstrates how to position a geometric Ellipse using setPosition, direct coordinate modification, and boundary properties such as top, bottom, left, and right.Set Ellipse SizeDemonstrates how to update the width and height of a geometric ellipse using the setSize method.