Phaser教程：向游戏对象组添加新子元素

group.create(x, y, key, frame, setScrollFactor);

class MyGameScene extends Phaser.Scene {
    constructor() {
        super('MyGameScene');
    }

    preload() {
        // 预加载一个名为 'enemy' 的图片资源
        this.load.image('enemy', 'assets/enemy.png');
    }

    create() {
        // 创建一个普通的游戏对象组
        // 组中的所有子元素都将是 Phaser.GameObjects.Image 类型
        this.enemyGroup = this.add.group();

        // 使用 create() 方法在组中创建一个新的子元素
        // x: 100, y: 200, 使用 'enemy' 纹理
        const firstEnemy = this.enemyGroup.create(100, 200, 'enemy');
        firstEnemy.setOrigin(0.5); // 设置锚点到中心
        firstEnemy.setScale(0.8);  // 缩小尺寸
        firstEnemy.setTint(0x00ff00); // 设置绿色着色

        // 再次创建另一个敌人，并直接链式调用配置方法
        this.enemyGroup.create(300, 150, 'enemy')
            .setOrigin(0.5)
            .setScale(1.2)
            .setAlpha(0.7); // 设置透明度

        // 遍历组中的所有子元素，并输出它们的位置
        this.enemyGroup.children.each(function(enemy) {
            console.log(`Enemy ID: ${enemy.id}, Position: (${enemy.x}, ${enemy.y})`);
        });
    }
}

// 假设已经有了Phaser游戏配置和启动代码
// const config = {
//     type: Phaser.AUTO,
//     width: 800,
//     height: 600,
//     scene: MyGameScene,
//     parent: 'game-container'
// };
// const game = new Phaser.Game(config);

class PhysicsGameScene extends Phaser.Scene {
    constructor() {
        super('PhysicsGameScene');
    }

    preload() {
        this.load.image('ball', 'assets/ball.png');
        this.load.image('platform', 'assets/platform.png');
    }

    create() {
        // 创建一个物理组，用于管理具有物理体的球
        this.balls = this.physics.add.group();

        // 在物理组中创建一个新的子元素（一个球）
        // 它会自动拥有一个Arcade物理体
        const newBall = this.balls.create(100, 50, 'ball');
        newBall.setBounce(0.8); // 设置反弹系数
        newBall.setCollideWorldBounds(true); // 与世界边界碰撞
        newBall.setVelocity(Phaser.Math.Between(-200, 200), 0); // 随机水平速度

        // 创建一个静态物理组，用于管理平台
        this.platforms = this.physics.add.staticGroup();
        // 在静态组中创建一个平台，并刷新其物理体
        this.platforms.create(400, 568, 'platform').setScale(2).refreshBody();

        // 设置球与平台之间的碰撞检测
        this.physics.add.collider(this.balls, this.platforms);
    }
}

// 假设已经有了Phaser游戏配置，并启用了Arcade物理引擎
// const config = {
//     type: Phaser.AUTO,
//     width: 800,
//     height: 600,
//     scene: PhysicsGameScene,
//     physics: {
//         default: 'arcade',
//         arcade: {
//             gravity: { y: 300 },
//             debug: false // 设置为 true 可以显示物理体边界
//         }
//     },
//     parent: 'game-container'
// };
// const game = new Phaser.Game(config);