Polygon, Graphics

[Queue]

Hello,

I am currently displaying my Polygon via PIXI.Graphics.drawPolygon() which works fine. Is there any way to display a PIXI.Polygon directily? Because I want to use the "contains()" method in a onDragMove() function.

My current (rather ugly workaround) is drawing the Polygon as a graphic and generating a PIXI.polygon with the same points for the collision check.

var graphic = new PIXI.Graphics();
graphic.beginFill(0x00dd00, 1);
graphic.lineStyle(2, 0x000000, 1);
graphic.drawPolygon(
    [
        new PIXI.Point(100, 500),
        new PIXI.Point(200, 400),
        new PIXI.Point(300, 400),
        new PIXI.Point(200, 500),
        new PIXI.Point(100, 500)
    ]
);
graphic.endFill();
app.stage.addChild(graphic);

poly = new PIXI.Polygon(
    [
        new PIXI.Point(100, 500),
        new PIXI.Point(200, 400),
        new PIXI.Point(300, 400),
        new PIXI.Point(200, 500),
        new PIXI.Point(100, 500)
    ]
);

function onDragMove() {
    if (this.dragging) {
        var newPosition = this.data.getLocalPosition(this.parent);
        this.x = newPosition.x;
        this.y = newPosition.y;
        console.log(poly.contains(this.x, this.y));
    }
}

 

Are there any more convenient approaches?

Best Regards 

Queue

[ivan.popelyshev]

I think its somewhere inside "graphics.graphicsData": https://github.com/pixijs/pixi.js/blob/dev/src/core/graphics/Graphics.js#L68

[Queue]

thats technically right, but sadly the polygon won't be stored as PIXI.Polygon, instead only the Points and some other data is stored inside there. So I cant use "contains()" there aswell.

 

edit: my bad, it works. Its in graphicsData[x].shape the output in my console did not show "Polygon" thats why I was confused