Version: Phaser v4.0.0

Triangle

The Triangle Shape is a Game Object that can be added to a Scene, Group or Container. You can treat it like any other Game Object in your game, such as tweening it, scaling it, or enabling it for input or physics. It provides a quick and easy way for you to render this shape in your game without using a texture, while still taking advantage of being fully batched in WebGL.

This shape supports both fill and stroke colors.

The Triangle consists of 3 lines, joining up to form a triangular shape. You can control the position of each point of these lines. The triangle is always closed and cannot have an open face. If you require that, consider using a Polygon instead.

Constructor

new Triangle(scene, [x], [y], [x1], [y1], [x2], [y2], [x3], [y3], [fillColor], [fillAlpha])

Parameters

name	type	optional	default	description
scene	Phaser.Scene	No		The Scene to which this Game Object belongs. A Game Object can only belong to one Scene at a time.
x	number	Yes	0	The horizontal position of this Game Object in the world.
y	number	Yes	0	The vertical position of this Game Object in the world.
x1	number	Yes	0	The horizontal position of the first point in the triangle.
y1	number	Yes	128	The vertical position of the first point in the triangle.
x2	number	Yes	64	The horizontal position of the second point in the triangle.
y2	number	Yes	0	The vertical position of the second point in the triangle.
x3	number	Yes	128	The horizontal position of the third point in the triangle.
y3	number	Yes	128	The vertical position of the third point in the triangle.
fillColor	number	Yes		The color the triangle will be filled with, i.e. 0xff0000 for red.
fillAlpha	number	Yes		The alpha the triangle will be filled with. You can also set the alpha of the overall Shape using its `alpha` property.

Scope: static

Extends

Phaser.GameObjects.Shape

Source: src/gameobjects/shape/triangle/Triangle.js#L12
Since: 3.13.0

Inherited Methods

From Phaser.Events.EventEmitter:

From Phaser.GameObjects.Components.AlphaSingle:

From Phaser.GameObjects.Components.BlendMode:

setBlendMode

From Phaser.GameObjects.Components.Depth:

From Phaser.GameObjects.Components.Filters:

From Phaser.GameObjects.Components.GetBounds:

From Phaser.GameObjects.Components.Mask:

From Phaser.GameObjects.Components.Origin:

From Phaser.GameObjects.Components.RenderNodes:

From Phaser.GameObjects.Components.RenderSteps:

From Phaser.GameObjects.Components.ScrollFactor:

setScrollFactor

From Phaser.GameObjects.Components.Transform:

From Phaser.GameObjects.Components.Visible:

setVisible

From Phaser.GameObjects.GameObject:

From Phaser.GameObjects.Shape:

Public Methods

setTo

<instance> setTo([x1], [y1], [x2], [y2], [x3], [y3])

Description:

Sets the positions of the three vertices of this Triangle shape and updates its internal path data for rendering.

Parameters:

name	type	optional	description
x1	number	Yes	The horizontal position of the first point in the triangle.
y1	number	Yes	The vertical position of the first point in the triangle.
x2	number	Yes	The horizontal position of the second point in the triangle.
y2	number	Yes	The vertical position of the second point in the triangle.
x3	number	Yes	The horizontal position of the third point in the triangle.
y3	number	Yes	The vertical position of the third point in the triangle.