Phaser 3框架中如何正确为Actor子类附加随动子对象？

你可以通过将Arc和Text设置为Enemy的子对象来实现直接操作this.x/this.y时自动同步，无需依赖容器。Phaser的GameObject原生支持父子层级关系，子对象会继承父对象的位置变换，完全符合你的需求。

方法一：设置父子对象（推荐） #

修改你的Enemy类构造函数，将创建的Arc和Text绑定为当前Enemy实例的子对象，并调整它们的局部坐标（相对于父对象的位置）：

export class Enemy extends Actor {
    private circle: GameObjects.Arc;
    private elSizeText: GameObjects.Text;

    constructor(scene: Phaser.Scene, x: number, y: number) {
        super(scene, x, y, 'enemy');
        // 修正原代码笔误：this.y 应赋值为 y 而非 x
        this.x = x;
        this.y = y;

        // 创建Arc和Text时，初始局部坐标设为(0,0)，对齐Enemy中心
        this.circle = this.scene.add.circle(0, 0, 20, 0x333333);
        this.elSizeText = this.scene.add.text(0, 0, 'label', { font: 'bold 20px Arial' });
        
        // 将两个对象设置为Enemy的子对象
        this.circle.setParent(this);
        this.elSizeText.setParent(this);

        this.scene.physics.add.existing(this);
        this.setVelocity(0, 500);
    }

    // 后续直接操作this.x/this.y即可，子对象自动跟随
    updatePosition(newX: number, newY: number) {
        this.x = newX;
        this.y = newY;
    }
}

原理：当父对象（Enemy）的位置、旋转或缩放发生变化时，所有子对象会自动更新自身的世界坐标，完全无需手动同步。如果需要调整附属对象相对于Enemy的偏移，直接修改它们的局部x/y即可（比如让Text在Enemy上方10px，设置this.elSizeText.y = -10）。

方法二：监听位置变化事件（备选） #

如果因为某些限制无法使用父子关系，可以监听Enemy的positionchange事件，在位置更新时手动同步Arc和Text的坐标：

export class Enemy extends Actor {
    private circle: GameObjects.Arc;
    private elSizeText: GameObjects.Text;

    constructor(scene: Phaser.Scene, x: number, y: number) {
        super(scene, x, y, 'enemy');
        this.x = x;
        this.y = y;

        this.circle = this.scene.add.circle(x, y, 20, 0x333333);
        this.elSizeText = this.scene.add.text(x, y, 'label', { font: 'bold 20px Arial' });

        // 监听Enemy位置变化，同步附属对象坐标
        this.on('positionchange', () => {
            this.circle.x = this.x;
            this.circle.y = this.y;
            this.elSizeText.x = this.x;
            this.elSizeText.y = this.y;
        });

        this.scene.physics.add.existing(this);
        this.setVelocity(0, 500);
    }
}

这种方法需要手动维护同步逻辑，不如父子关系简洁，但在特殊场景下可以使用。

注意事项 #

确保你的Actor类继承自Phaser的GameObject（比如Sprite、Image或Container），这样才能支持父子层级和positionchange事件。

内容的提问来源于stack exchange，提问作者user3585184