Filter
An Elliptical Curve derived from the Base Curve class.
See https://en.wikipedia.org/wiki/Elliptic_curve for more details.
Constructor:
new Ellipse([x], [y], [xRadius], [yRadius], [startAngle], [endAngle], [clockwise], [rotation])
Parameters:
| name | type | arguments | Default | description |
|---|---|---|---|---|
| x | number | Phaser.Types.Curves.EllipseCurveConfig | <optional> | 0 |
The x coordinate of the ellipse, or an Ellipse Curve configuration object. |
| y | number | <optional> | 0 |
The y coordinate of the ellipse. |
| xRadius | number | <optional> | 0 |
The horizontal radius of ellipse. |
| yRadius | number | <optional> | 0 |
The vertical radius of ellipse. |
| startAngle | number | <optional> | 0 |
The start angle of the ellipse, in degrees. |
| endAngle | number | <optional> | 360 |
The end angle of the ellipse, in degrees. |
| clockwise | boolean | <optional> | false |
Whether the ellipse angles are given as clockwise ( |
| rotation | number | <optional> | 0 |
The rotation of the ellipse, in degrees. |
Extends
Members
Description:
For a curve on a Path, false means the Path will ignore this curve.
Type:
Description:
The rotation of the ellipse, relative to the center, in degrees.
Type:
Description:
The quantity of arc length divisions within the curve.
Type:
Description:
An array of cached arc length values.
Type:
Description:
true if the ellipse rotation is clockwise or false if anti-clockwise.
Type:
Description:
The default number of divisions within the curve.
Type:
Description:
The end angle of the ellipse in degrees.
Type:
Description:
Does the data of this curve need updating?
Type:
Description:
The center point of the ellipse. Used for calculating rotation.
Type:
Description:
The rotation of the ellipse, relative to the center, in radians.
Type:
Description:
The start angle of the ellipse in degrees.
Type:
Description:
String based identifier for the type of curve.
Type:
Description:
The x coordinate of the center of the ellipse.
Type:
Description:
The horizontal radius of the ellipse.
Type:
Description:
The y coordinate of the center of the ellipse.
Type:
Description:
The vertical radius of the ellipse.
Type:
Methods
Description:
Draws this curve on the given Graphics object.
The curve is drawn using Graphics.strokePoints so will be drawn at whatever the present Graphics stroke color is.
The Graphics object is not cleared before the draw, so the curve will appear on-top of anything else already rendered to it.
Parameters:
| name | type | arguments | Default | description |
|---|---|---|---|---|
| graphics | Phaser.GameObjects.Graphics |
The Graphics instance onto which this curve will be drawn. |
||
| pointsTotal | number | <optional> | 32 |
The resolution of the curve. The higher the value the smoother it will render, at the cost of rendering performance. |
Returns:
Description:
The Graphics object to which the curve was drawn.
Description:
Returns a Rectangle where the position and dimensions match the bounds of this Curve.
You can control the accuracy of the bounds. The value given is used to work out how many points to plot across the curve. Higher values are more accurate at the cost of calculation speed.
Parameters:
| name | type | arguments | Default | description |
|---|---|---|---|---|
| out | Phaser.Geom.Rectangle | <optional> |
The Rectangle to store the bounds in. If falsey a new object will be created. |
|
| accuracy | number | <optional> | 16 |
The accuracy of the bounds calculations. |
Returns:
Description:
A Rectangle object holding the bounds of this curve. If out was given it will be this object.
Type:
Description:
Returns an array of points, spaced out X distance pixels apart. The smaller the distance, the larger the array will be.
Parameters:
| name | type | description |
|---|---|---|
| distance | number |
The distance, in pixels, between each point along the curve. |
Returns:
Description:
An Array of Point objects.
Type:
- Array.<Phaser.Geom.Point>
Description:
Get a point at the end of the curve.
Parameters:
| name | type | arguments | description |
|---|---|---|---|
| out | Phaser.Math.Vector2 | <optional> |
Optional Vector object to store the result in. |
Returns:
Description:
Vector2 containing the coordinates of the curves end point.
Type:
Description:
Get total curve arc length
Returns:
Description:
The total length of the curve.
Type:
- number
Description:
Get a list of cumulative segment lengths.
These lengths are
- [0] 0
- [1] The first segment
- [2] The first and second segment
- ...
- [divisions] All segments
Parameters:
| name | type | arguments | description |
|---|---|---|---|
| divisions | number | <optional> |
The number of divisions or segments. |
Returns:
Description:
An array of cumulative lengths.
Type:
- Array.<number>
Description:
Get point at relative position in curve according to length.
Parameters:
| name | type | arguments | description |
|---|---|---|---|
| t | number |
The position along the curve to return. Where 0 is the start and 1 is the end. |
|
| out | Phaser.Math.Vector2 | <optional> |
A Vector2 object to store the result in. If not given will be created. |
Returns:
Description:
The coordinates of the point on the curve. If an out object was given this will be returned.
Type:
Description:
Get a point at a relative position on the curve, by arc length.
Parameters:
| name | type | arguments | description |
|---|---|---|---|
| u | number |
The relative position, [0..1]. |
|
| out | Phaser.Math.Vector2 | <optional> |
A point to store the result in. |
Returns:
Description:
The point.
Type:
Description:
Get a sequence of evenly spaced points from the curve.
You can pass divisions, stepRate, or neither.
The number of divisions will be
-
divisions, ifdivisions> 0; or -
this.getLength / stepRate, ifstepRate> 0; or -
this.defaultDivisions
1 + divisions points will be returned.
Parameters:
| name | type | arguments | description |
|---|---|---|---|
| divisions | number | <optional> |
The number of divisions to make. |
| stepRate | number | <optional> |
The curve distance between points, implying |
| out | array | Array.<Phaser.Math.Vector2> | <optional> |
An optional array to store the points in. |
Returns:
Description:
An array of Points from the curve.
Type:
- array
- Array.<Phaser.Math.Vector2>
Description:
Get a random point from the curve.
Parameters:
| name | type | arguments | description |
|---|---|---|---|
| out | Phaser.Math.Vector2 | <optional> |
A point object to store the result in. |
Returns:
Description:
The point.
Type:
Description:
Get the resolution of the curve.
Parameters:
| name | type | description |
|---|---|---|
| divisions | number |
Optional divisions value. |
Returns:
Description:
The curve resolution.
Type:
- number
Description:
Get a sequence of equally spaced points (by arc distance) from the curve.
1 + divisions points will be returned.
Parameters:
| name | type | arguments | Default | description |
|---|---|---|---|---|
| divisions | number | <optional> | this.defaultDivisions |
The number of divisions to make. |
| stepRate | number | <optional> |
Step between points. Used to calculate the number of points to return when divisions is falsy. Ignored if divisions is positive. |
|
| out | array | Array.<Phaser.Math.Vector2> | <optional> |
An optional array to store the points in. |
Returns:
Description:
An array of points.
Type:
- Array.<Phaser.Math.Vector2>
Description:
Gets the starting point on the curve.
Parameters:
| name | type | arguments | description |
|---|---|---|---|
| out | Phaser.Math.Vector2 | <optional> |
A Vector2 object to store the result in. If not given will be created. |
Returns:
Description:
The coordinates of the point on the curve. If an out object was given this will be returned.
Type:
Description:
Given a distance in pixels, get a t to find p.
Parameters:
| name | type | arguments | description |
|---|---|---|---|
| distance | number |
The distance, in pixels. |
|
| divisions | number | <optional> |
Optional amount of divisions. |
Returns:
Description:
The distance.
Type:
- number
Description:
Get a unit vector tangent at a relative position on the curve. In case any sub curve does not implement its tangent derivation, 2 points a small delta apart will be used to find its gradient which seems to give a reasonable approximation
Parameters:
| name | type | arguments | description |
|---|---|---|---|
| t | number |
The relative position on the curve, [0..1]. |
|
| out | Phaser.Math.Vector2 | <optional> |
A vector to store the result in. |
Returns:
Description:
Vector approximating the tangent line at the point t (delta +/- 0.0001)
Type:
Description:
Get a unit vector tangent at a relative position on the curve, by arc length.
Parameters:
| name | type | arguments | description |
|---|---|---|---|
| u | number |
The relative position on the curve, [0..1]. |
|
| out | Phaser.Math.Vector2 | <optional> |
A vector to store the result in. |
Returns:
Description:
The tangent vector.
Type:
Description:
Given u ( 0 .. 1 ), get a t to find p. This gives you points which are equidistant.
Parameters:
| name | type | arguments | description |
|---|---|---|---|
| u | number |
A float between 0 and 1. |
|
| distance | number |
The distance, in pixels. |
|
| divisions | number | <optional> |
Optional amount of divisions. |
Returns:
Description:
The equidistant value.
Type:
- number
Description:
Sets if this curve extends clockwise or anti-clockwise.
Parameters:
| name | type | description |
|---|---|---|
| value | boolean |
The clockwise state of this curve. |
Returns:
Description:
This curve object.
Type:
Description:
Sets the end angle of this curve.
Parameters:
| name | type | description |
|---|---|---|
| value | number |
The end angle of this curve, in radians. |
Returns:
Description:
This curve object.
Type:
Description:
Sets the height of this curve.
Parameters:
| name | type | description |
|---|---|---|
| value | number |
The height of this curve. |
Returns:
Description:
This curve object.
Type:
Description:
Sets the rotation of this curve.
Parameters:
| name | type | description |
|---|---|---|
| value | number |
The rotation of this curve, in radians. |
Returns:
Description:
This curve object.
Type:
Description:
Sets the start angle of this curve.
Parameters:
| name | type | description |
|---|---|---|
| value | number |
The start angle of this curve, in radians. |
Returns:
Description:
This curve object.
Type:
Description:
Sets the width of this curve.
Parameters:
| name | type | description |
|---|---|---|
| value | number |
The width of this curve. |
Returns:
Description:
This curve object.
Type:
Description:
Sets the horizontal radius of this curve.
Parameters:
| name | type | description |
|---|---|---|
| value | number |
The horizontal radius of this curve. |
Returns:
Description:
This curve object.
Type:
Description:
Sets the vertical radius of this curve.
Parameters:
| name | type | description |
|---|---|---|
| value | number |
The vertical radius of this curve. |
Returns:
Description:
This curve object.
Type:
Description:
JSON serialization of the curve.
Returns:
Description:
The JSON object containing this curve data.
Description:
Calculate and cache the arc lengths.
Description:
Creates a curve from the provided Ellipse Curve Configuration object.
Parameters:
| name | type | description |
|---|---|---|
| data | Phaser.Types.Curves.JSONEllipseCurve |
The JSON object containing this curve data. |
Returns:
Description:
The ellipse curve constructed from the configuration object.
Type: