Phaser API Documentation

  Version: 
triangle([x], [y], [x1], [y1], [x2], [y2], [x3], [y3], [fillColor], [fillAlpha])

Description:

Creates a new Triangle Shape Game Object and adds it to the Scene.

Note: This method will only be available if the Triangle Game Object has been built into Phaser.

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.

Parameters:

name type arguments Default description
x number <optional> 0

The horizontal position of this Game Object in the world.

y number <optional> 0

The vertical position of this Game Object in the world.

x1 number <optional> 0

The horizontal position of the first point in the triangle.

y1 number <optional> 128

The vertical position of the first point in the triangle.

x2 number <optional> 64

The horizontal position of the second point in the triangle.

y2 number <optional> 0

The vertical position of the second point in the triangle.

x3 number <optional> 128

The horizontal position of the third point in the triangle.

y3 number <optional> 128

The vertical position of the third point in the triangle.

fillColor number <optional>

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

fillAlpha number <optional>

The alpha the triangle will be filled with. You can also set the alpha of the overall Shape using its alpha property.

Returns:
Description:

The Game Object that was created.