Triangle Edges

Learn how to retrieve the individual line segments that form the three sides of a Triangle geometry object using getLine methods.

800 × 600

GitHub

class Example extends Phaser.Scene
{
    create ()
    {
        const triangle = new Phaser.Geom.Triangle(400, 250, 300, 350, 500, 350);

        const graphics = this.add.graphics();

        graphics.lineStyle(3, 0xaa0000);
        graphics.strokeLineShape(triangle.getLineA());

        graphics.lineStyle(3, 0x00aa00);
        graphics.strokeLineShape(triangle.getLineB());

        graphics.lineStyle(3, 0x0000aa);
        graphics.strokeLineShape(triangle.getLineC());
    }
}

const config = {
    scale: { mode: Phaser.Scale.FIT },
    width: 800,
    height: 600,
    type: Phaser.AUTO,
    parent: 'game-container',
    scene: Example
};

const game = new Phaser.Game(config);

More in Triangle32 examples

Triangle EqualsDemonstrates how to use the Triangle.Equals method to check if two triangle shapes have identical vertex coordinates.

Triangle Get PointDemonstrates how to use the getPoint method to calculate a specific coordinate along the perimeter of a Triangle shape.

Triangle Get PointsDemonstrates how to retrieve an array of points evenly distributed along the perimeter of a triangle shape.

Triangle Get Random PointDemonstrates how to use the getRandomPoint method to pick random coordinates located within the area of a Triangle geometry shape.