Class RoundRect

a rectangle object with rounded corners

Hierarchy (view full)

Rect
- RoundRect

Index

Constructors

constructor

new RoundRect(x, y, width, height, radius?): RoundRect
Parameters
- x: number
  position of the rounded rectangle
- y: number
  position of the rounded rectangle
- width: number
  the rectangle width
- height: number
  the rectangle height
- Optionalradius: number = DEFAULT_RADIUS
  the radius of the rounded corner
Returns RoundRect
Overrides Rect.constructor
- Defined in packages/melonjs/src/geometries/roundrect.ts:30

Properties

_radius

_radius: number

Corner radius.

edges

edges: Vector2d[]

The edges here are the direction of the nth edge of the polygon, relative to the nth point. If you want to draw a given edge from the edge value, you must first translate to the position of the starting point.

indices

indices: number[]

a list of indices for all vertices composing this polygon

points

points: Vector2d[]

Array of points defining the Polygon
Note: If you manually change points, you must call recalcafterwards so that the changes get applied correctly.

pos

pos: Vector2d

origin point of the Polygon

type

type: string = "RoundRect"

the shape type (used internally)

Accessors

bottom

get bottom(): number
bottom coordinate of the Rectangle

Returns number
Inherited from Rect.bottom
- Defined in packages/melonjs/src/geometries/rectangle.ts:68

centerX

get centerX(): number
absolute center of this rectangle on the horizontal axis

Returns number
Inherited from Rect.centerX
- Defined in packages/melonjs/src/geometries/rectangle.ts:100
set centerX(value): void
Parameters
- value: number
Returns void
Inherited from Rect.centerX
- Defined in packages/melonjs/src/geometries/rectangle.ts:107

centerY

get centerY(): number
absolute center of this rectangle on the vertical axis

Returns number
Inherited from Rect.centerY
- Defined in packages/melonjs/src/geometries/rectangle.ts:116
set centerY(value): void
Parameters
- value: number
Returns void
Inherited from Rect.centerY
- Defined in packages/melonjs/src/geometries/rectangle.ts:123

height

get height(): number
height of the Rectangle

Returns number
Inherited from Rect.height
- Defined in packages/melonjs/src/geometries/rectangle.ts:88
set height(value): void
Parameters
- value: number
Returns void
Inherited from Rect.height
- Defined in packages/melonjs/src/geometries/rectangle.ts:91

left

get left(): number
The left coordinate of the Rectangle.

Returns number
Inherited from Rect.left
- Defined in packages/melonjs/src/geometries/rectangle.ts:46

radius

get radius(): number
the radius of the rounded corner

Returns number
Default
```
20
```
- Defined in packages/melonjs/src/geometries/roundrect.ts:46
set radius(value): void
Parameters
- value: number
Returns void
- Defined in packages/melonjs/src/geometries/roundrect.ts:49

right

get right(): number
right coordinate of the Rectangle

Returns number
Inherited from Rect.right
- Defined in packages/melonjs/src/geometries/rectangle.ts:53

top

get top(): number
top coordinate of the Rectangle

Returns number
Inherited from Rect.top
- Defined in packages/melonjs/src/geometries/rectangle.ts:61

width

get width(): number
width of the Rectangle

Returns number
Inherited from Rect.width
- Defined in packages/melonjs/src/geometries/rectangle.ts:76
set width(value): void
Parameters
- value: number
Returns void
Inherited from Rect.width
- Defined in packages/melonjs/src/geometries/rectangle.ts:79

Methods

centerOn

centerOn(x, y): RoundRect
center the rectangle position around the given coordinates
Parameters
- x: number
  the x coordinate around which to center this rectangle
- y: number
  the y coordinate around which to center this rectangle
Returns RoundRect
this rectangle
Inherited from Rect.centerOn
- Defined in packages/melonjs/src/geometries/rectangle.ts:135

clone

clone(): RoundRect
clone this RoundRect

Returns RoundRect
new RoundRect
Overrides Rect.clone
- Defined in packages/melonjs/src/geometries/roundrect.ts:160

contains

contains(x, y?): boolean
Returns true if the rounded rectangle contains the given point or rectangle
Parameters
- x: number
  x coordinate or a vector point, or a Rect to test
- Optionaly: number
  y coordinate
Returns boolean
True if the rounded rectangle contain the given point or rectangle, otherwise false
Example
```
if (rect.contains(10, 10)) {
  // do something
}
// or
if (rect.contains(myVector2d)) {
  // do something
}
if (rect.contains(myRect)) {
  // do something
}
```
Overrides Rect.contains
- Defined in packages/melonjs/src/geometries/roundrect.ts:89
contains(vector): boolean
Returns true if the polygon contains the given point.
(Note: it is highly recommended to first do a hit test on the corresponding
bounding rect, as the function can be highly consuming with complex shapes)
Parameters
- vector: Vector2d
Returns boolean
True if the polygon contain the point, otherwise false
Example
```
if (polygon.contains(10, 10)) {
  // do something
}
// or
if (polygon.contains(myVector2d)) {
  // do something
}
```
Overrides Rect.contains
- Defined in packages/melonjs/src/geometries/roundrect.ts:90

containsRectangle

containsRectangle(rectangle): boolean
Returns true if the rectangle contains the given rectangle
Parameters
- rectangle: Rect
  rectangle to test
Returns boolean
True if the rectangle contain the given rectangle, otherwise false
Example
```
if (rect.containsRectangle(myRect)) {
  // do something
}
```
Inherited from Rect.containsRectangle
- Defined in packages/melonjs/src/geometries/rectangle.ts:249

copy

copy(rrect): RoundRect
copy the position, size and radius of the given rounded rectangle into this one
Parameters
- rrect: RoundRect
  source rounded rectangle
Returns RoundRect
new rectangle
Overrides Rect.copy
- Defined in packages/melonjs/src/geometries/roundrect.ts:65

equals

equals(rrect): boolean
check if this RoundRect is identical to the specified one
Parameters
- rrect: RoundRect
  Other rounded rectangle.
Returns boolean
true if equals
Overrides Rect.equals
- Defined in packages/melonjs/src/geometries/roundrect.ts:152

getBounds

getBounds(): Bounds
returns the bounding box for this shape, the smallest Rectangle object completely containing this shape.

Returns Bounds
this shape bounding box Rectangle object
Inherited from Rect.getBounds
- Defined in packages/melonjs/src/geometries/polygon.ts:425

getIndices

getIndices(): number[]
returns a list of indices for all triangles defined in this polygon

Returns number[]
an array of vertex indices for all triangles forming this polygon.
Inherited from Rect.getIndices
- Defined in packages/melonjs/src/geometries/polygon.ts:266

isConvex

isConvex(): null | boolean
Returns true if the vertices composing this polygon form a convex shape (vertices must be in clockwise order).

Returns null | boolean
true if the vertices are convex, false if not, null if not computable
Inherited from Rect.isConvex
- Defined in packages/melonjs/src/geometries/polygon.ts:281

isFinite

isFinite(): boolean
Determines whether all coordinates of this rectangle are finite numbers.

Returns boolean
false if all coordinates are positive or negative Infinity or NaN; otherwise, true.
Inherited from Rect.isFinite
- Defined in packages/melonjs/src/geometries/rectangle.ts:276

overlaps

overlaps(rect): boolean
check if this rectangle is intersecting with the specified one
Parameters
- rect: Rect
  Other rectangle.
Returns boolean
true if overlaps
Inherited from Rect.overlaps
- Defined in packages/melonjs/src/geometries/rectangle.ts:208

recalc

recalc(): RoundRect
Computes the calculated collision polygon. This must be called if the points array, angle, or offset is modified manually.

Returns RoundRect
Reference to this object for method chaining
Inherited from Rect.recalc
- Defined in packages/melonjs/src/geometries/polygon.ts:217

resize

resize(w, h): RoundRect
resize the rectangle
Parameters
- w: number
  new width of the rectangle
- h: number
  new height of the rectangle
Returns RoundRect
this rectangle
Inherited from Rect.resize
- Defined in packages/melonjs/src/geometries/rectangle.ts:147

rotate

rotate(angle, v?): RoundRect
Rotate this Polygon (counter-clockwise) by the specified angle (in radians).
Parameters
- angle: number
  The angle to rotate (in radians)
- Optionalv: XYPoint | Vector2d
  an optional point to rotate around
Returns RoundRect
Reference to this object for method chaining
Inherited from Rect.rotate
- Defined in packages/melonjs/src/geometries/polygon.ts:173

scale

scale(x, y?): RoundRect
scale the rectangle
Parameters
- x: number
  a number representing the abscissa of the scaling vector.
- Optionaly: number = x
  a number representing the ordinate of the scaling vector.
Returns RoundRect
this rectangle
Inherited from Rect.scale
- Defined in packages/melonjs/src/geometries/rectangle.ts:159

scaleV

scaleV(v): RoundRect
Scales the polygon by the given vector.
Parameters
- v: Vector2d
  A vector containing the scaling factors for the x and y axes.
Returns RoundRect
Reference to this object for method chaining
Inherited from Rect.scaleV
- Defined in packages/melonjs/src/geometries/polygon.ts:208

setShape

setShape(x, y, points): RoundRect
set new value to the Polygon
Parameters
- x: number
  position of the Polygon
- y: number
  position of the Polygon
- points: PolygonVertices | LineVertices
  array of vector or vertice defining the Polygon
Returns RoundRect
this instance for objecf chaining
Inherited from Rect.setShape
- Defined in packages/melonjs/src/geometries/polygon.ts:91

setSize

setSize(width, height): RoundRect
Set new dimensions for the rectangle.
Parameters
- width: number
  The new width of the rectangle.
- height: number
  The new height of the rectangle.
Returns RoundRect
Inherited from Rect.setSize
- Defined in packages/melonjs/src/geometries/rectangle.ts:35

setVertices

setVertices(vertices): RoundRect
set the vertices defining this Polygon
Parameters
- vertices: PolygonVertices | LineVertices
  array of vector or vertice defining the Polygon
Returns RoundRect
this instance for objecf chaining
Inherited from Rect.setVertices
- Defined in packages/melonjs/src/geometries/polygon.ts:102

shift

shift(x, y?): void
Shifts the Polygon to the given position vector.
Parameters
- x: number
  The x coordinate or a vector point to shift to.
- Optionaly: number
  The y coordinate. This parameter is required if the first parameter is a number.
Returns void
Example
```
polygon.shift(10, 10);
// or
polygon.shift(myVector2d);
```
Inherited from Rect.shift
- Defined in packages/melonjs/src/geometries/polygon.ts:357
shift(vector): void
Parameters
- vector: Vector2d
Returns void
Inherited from Rect.shift
- Defined in packages/melonjs/src/geometries/polygon.ts:358

to2d

to2d(): RoundRect
apply a 2d projection to this shapen

Returns RoundRect
Reference to this object for method chaining
Inherited from Rect.to2d
- Defined in packages/melonjs/src/geometries/polygon.ts:163

toIso

toIso(): RoundRect
apply an isometric projection to this shape

Returns RoundRect
Reference to this object for method chaining
Inherited from Rect.toIso
- Defined in packages/melonjs/src/geometries/polygon.ts:155

toPolygon

toPolygon(): Polygon
Returns a polygon whose edges are the same as this box.

Returns Polygon
a new Polygon that represents this rectangle.
Inherited from Rect.toPolygon
- Defined in packages/melonjs/src/geometries/rectangle.ts:289

transform

transform(m): RoundRect
apply the given transformation matrix to this Polygon
Parameters
- m: Matrix2d
  the transformation matrix
Returns RoundRect
Reference to this object for method chaining
Inherited from Rect.transform
- Defined in packages/melonjs/src/geometries/polygon.ts:140

translate

translate(x, y?): Polygon
Translates the Polygon by the specified offset.
Parameters
- x: number
  The x offset or a vector point to translate by.
- Optionaly: number
  The y offset. This parameter is required if the first parameter is a number.
Returns Polygon
Reference to this object for method chaining
Example
```
polygon.translate(10, 10);
// or
polygon.translate(myVector2d);
```
Inherited from Rect.translate
- Defined in packages/melonjs/src/geometries/polygon.ts:327
translate(vector): Polygon
Parameters
- vector: Vector2d
Returns Polygon
Inherited from Rect.translate
- Defined in packages/melonjs/src/geometries/polygon.ts:328

union

union(rect): RoundRect
merge this rectangle with another one
Parameters
- rect: Rect
  other rectangle to union with
Returns RoundRect
the union(ed) rectangle
Inherited from Rect.union
- Defined in packages/melonjs/src/geometries/rectangle.ts:189

updateBounds

updateBounds(): Bounds
update the bounding box for this shape.

Returns Bounds
this shape bounding box Rectangle object
Inherited from Rect.updateBounds
- Defined in packages/melonjs/src/geometries/polygon.ts:433

Class RoundRect

Hierarchy (view full)

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

Returns RoundRect

Properties

_radius

edges

indices

points

pos

type

Accessors

bottom

Returns number

centerX

Returns number

Parameters

Returns void

centerY

Returns number

Parameters

Returns void

height

Returns number

Parameters

Returns void

left

Returns number

radius

Returns number

Default

Parameters

Returns void

right

Returns number

top

Returns number

width

Returns number

Parameters

Returns void

Methods

centerOn

Parameters

Returns RoundRect

clone

Returns RoundRect

contains

Parameters

Returns boolean

Example

Parameters

Returns boolean

Example

containsRectangle

Parameters

Returns boolean

Example

copy

Parameters

Returns RoundRect

equals

Parameters

Returns boolean

getBounds

Returns Bounds

getIndices

Returns number[]

isConvex

Returns null | boolean

isFinite

Returns boolean

overlaps