Question

我正在尝试使用Phaser 3框架绘制一个简单的多边形。问题是：多边形不显示。

var config = {
        type:Phaser.AUTO,
        width:800,
        height:600,
        scene: {
            preload: preload,
            create: create,
        }
    };

    var game = new Phaser.Game(config);

    var poly;
    var graphics;

    function preload() {}

    function create() {

        poly = new Phaser.Geom.Polygon();
        poly.setTo([ new Phaser.Geom.Point(200, 100), new Phaser.Geom.Point(350, 100), new Phaser.Geom.Point(375, 200), new Phaser.Geom.Point(150, 200) ]);


        graphics = this.add.graphics(0, 0);
        graphics.fillPoints(poly.points, true);
    }

我得到的错误是：“ Phaser.Polygon不是构造函数”，但是我在有关Phaser的教程中看到了该代码。

编辑：我按照PhotonStorm的建议更改了代码，现在我没有收到错误，但是多边形仍然没有出现。

EDIT2：通过在图形对象上调用lineStyle和fillStyle来解决。

graphics = this.add.graphics(0, 0);

graphics.lineStyle(5, 0xFF00FF, 1.0);
graphics.fillStyle(0xFFFFFF, 1.0);
graphics.fillPoints(poly.points, true);

Answer 1

它是Phaser.Geom.Polygon。

Here is the docs page for it。

一个基本示例：

    var polygon = new Phaser.Geom.Polygon([
        400, 100,
        200, 278,
        340, 430,
        650, 80
    ]);

如何使用Phaser 3绘制多边形？

1 个答案: