Skip to main content

Triangle.js

Triangle ⇐ Impacto.GameObjects.GameObject2D

This class will draw a triangle on the canvas.

Kind: global class
Extends: Impacto.GameObjects.GameObject2D
Constructors:

new Triangle(x, y, width, height, [fillColor], [strokeColor])

ParamTypeDefaultDescription
xnumber

The horizontal position of this Triangle in the world.

ynumber

The vertical position of this Triangle in the world.

widthnumber

The width of this Triangle.

heightnumber

The height of this Triangle.

[fillColor]number | string0xffffff

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

[strokeColor]number | string0x000000

The color of the border of the Triangle, i.e. 0x00ff00 for green.

Example

const myTriangle = new Impacto.GameObjects.Triangle(400, 300, 100, 100, "#ff0000", 0x00ff00);

Triangle.x

Sets the X position of the Triangle.

Kind: static property of Triangle

ParamTypeDescription
xnumber

The horizontal position of this Triangle in the world.

Triangle.y

Sets the Y position of the Triangle.

Kind: static property of Triangle

ParamTypeDescription
ynumber

The vertical position of this Triangle in the world.

Triangle.x ⇒ number

Kind: static property of Triangle
Returns: number -

The horizontal position of this Triangle in the world relative to the origin.

Triangle.y ⇒ number

Kind: static property of Triangle
Returns: number -

The vertical position of this Triangle in the world relative to the origin.

Triangle.getTop() ⇒ number

Returns the top side position of the triangle, based in the origin.

Kind: static method of Triangle
Returns: number -

The topmost point of the triangle


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getTop(); // 300

Triangle.getBottom() ⇒ number

Returns the bottom side position of the triangle, based in the origin.

Kind: static method of Triangle
Returns: number -

The bottommost point of the triangle


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getBottom(); // 400

Triangle.getLeft() ⇒ number

Returns the left side position of the triangle, based in the origin.

Kind: static method of Triangle
Returns: number -

The leftmost point of the triangle


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getLeft(); // 400

Triangle.getRight() ⇒ number

Returns the right side position of the triangle, based in the origin.

Kind: static method of Triangle
Returns: number -

The rightmost point of the triangle


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getRight(); // 500

Triangle.getCenterX() ⇒ number

Returns the center X position of the triangle, based in the origin.

Kind: static method of Triangle
Returns: number -

The width of the triangle


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getCenterX(); // 450

Triangle.getCenterY() ⇒ number

Returns the center Y position of the triangle, based in the origin.

Kind: static method of Triangle
Returns: number -

The height of the triangle


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getCenterY(); // 450

Triangle.getRealTop() ⇒ number

Returns the real top position of the triangle in the world.

Kind: static method of Triangle
Returns: number -

The real top position of the triangle in the world


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getRealTop(); // 300

Triangle.getRealBottom() ⇒ number

Returns the real bottom position of the triangle in the world.

Kind: static method of Triangle
Returns: number -

The real bottom position of the triangle in the world


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getRealBottom(); // 400

Triangle.getRealLeft() ⇒ number

Returns the real left position of the triangle in the world.

Kind: static method of Triangle
Returns: number -

The real left position of the triangle in the world


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getRealLeft(); // 400

Triangle.getRealRight() ⇒ number

Returns the real right position of the triangle in the world.

Kind: static method of Triangle
Returns: number -

The real right position of the triangle in the world


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getRealRight(); // 400

Triangle.getRealCenterX() ⇒ number

Returns the real center x position of the triangle in the world.

Kind: static method of Triangle
Returns: number -

The real center position of the triangle in the world


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getRealCenterX(); // 450

Triangle.getRealCenterY() ⇒ number

Returns the real center y position of the triangle in the world.

Kind: static method of Triangle
Returns: number -

The real center position of the triangle in the world


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getRealCenterY(); // 450

Triangle.setWidth(width) ⇒ Triangle

Change the width of the triangle.

Kind: static method of Triangle
Returns: Triangle -

The triangle itself.

ParamTypeDescription
widthnumber

The new width of the triangle.

Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).setWidth(200); // 200

Triangle.setHeight(height) ⇒ Triangle

Change the height of the triangle.

Kind: static method of Triangle
Returns: Triangle -

The triangle itself.

ParamTypeDescription
heightnumber

The new height of the triangle.

Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).setHeight(200); // 200

Triangle.setSize(width, height) ⇒ Triangle

Change the size of the triangle.

if the height is not defined, it will be the same as the width.

Kind: static method of Triangle
Returns: Triangle -

The triangle itself.

ParamTypeDescription
widthnumber

The new width of the triangle.

heightnumber

The new height of the triangle.

Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).setSize(200, 200); // 200, 200

Triangle.getArea() ⇒ number

Calculate the area of the triangle.

Kind: static method of Triangle
Returns: number -

The area of the triangle.


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getArea(); // 5000

Triangle.getPerimeter() ⇒ number

Calculate the perimeter of the triangle.

Kind: static method of Triangle
Returns: number -

The perimeter of the triangle.


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getPerimeter(); // 300

Triangle.getVertices() ⇒ Array.<Object>

Returns the triangle's vertices.

Kind: static method of Triangle
Returns: Array.<Object> -

The triangle's vertices.


Example

new Impacto.GameObjects.Triangle(400, 300, 100, 100).getVertices(); // [
{"x": 100,"y": 100},
{"x": 200,"y": 100},
{"x": 150,"y": 200}]