Phaser.js 物理引擎中实现独立对象或群组的无重力缓慢漂移效果

class MyScene extends Phaser.Scene {
    constructor() {
        super({ key: 'MyScene' });
    }

    preload() {
        this.load.image('ball', 'assets/ball.png'); // 假设你有一个名为 'ball.png' 的图片
    }

    create() {
        // 设置世界边界，防止物体飞出屏幕
        this.physics.world.setBoundsCollision(true, true, true, true);
        // 设置一个全局重力（例如，向下加速100）
        this.physics.world.gravity.y = 100; 

        // 创建一个游戏对象
        const floatingBall = this.physics.add.image(100, 100, 'ball');

        // 设置初始速度，使其缓慢移动
        floatingBall.setVelocity(10, 5); // x方向10，y方向5

        // 关键一步：禁用该对象的重力
        floatingBall.body.setAllowGravity(false);

        // 可选：设置反弹和与世界边界碰撞
        floatingBall.setBounce(1);
        floatingBall.setCollideWorldBounds(true);

        // 创建另一个受重力影响的球进行对比
        const normalBall = this.physics.add.image(300, 100, 'ball');
        normalBall.setVelocity(0, 0); // 初始静止
        normalBall.setBounce(0.7);
        normalBall.setCollideWorldBounds(true);
        // normalBall.body.setAllowGravity(true); // 默认就是true，无需显式设置
    }
}

const config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    physics: {
        default: 'arcade',
        arcade: {
            debug: false // 设置为true可以显示物理边界
        }
    },
    scene: MyScene
};

const game = new Phaser.Game(config);

class MyGroupScene extends Phaser.Scene {
    constructor() {
        super({ key: 'MyGroupScene' });
    }

    preload() {
        this.load.image('star', 'assets/star.png'); // 假设你有一个名为 'star.png' 的图片
    }

    create() {
        this.physics.world.setBoundsCollision(true, true, true, true);
        this.physics.world.gravity.y = 200; // 设置全局重力

        // 创建一个物理群组，并配置其成员不受重力影响
        const floatingStars = this.physics.add.group({
            key: 'star',
            repeat: 5, // 创建6个星星 (1个原始 + 5个重复)
            setXY: { x: 50, y: 50, stepX: 100, stepY: 50 }, // 设置初始位置

            // 关键一步：设置群组内所有成员不允许重力影响
            allowGravity: false, 

            // 其他物理属性设置
            bounceX: 1,
            bounceY: 1,
            collideWorldBounds: true,
            setVelocityX: { min: 50, max: 100 }, // 随机x速度
            setVelocityY: { min: 10, max: 30 }  // 随机y速度
        });

        // 遍历群组，可以进一步微调每个成员的属性
        floatingStars.children.entries.forEach(star => {
            // 如果在群组配置中未设置allowGravity，也可以在这里单独设置
            // star.body.setAllowGravity(false); 
            // 可以添加一些拖拽效果，让漂移更自然
            star.setDrag(5); 
        });

        // 创建一个受重力影响的对比对象
        const heavyRock = this.physics.add.image(400, 100, 'star');
        heavyRock.setBounce(0.5);
        heavyRock.setCollideWorldBounds(true);
    }
}

const config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    physics: {
        default: 'arcade',
        arcade: {
            debug: false // 设置为true可以显示物理边界
        }
    },
    scene: MyGroupScene
};

const game = new Phaser.Game(config);