Phaser 3：允许粒子以翻转/镜像图像发射？

Question

我有一个粒子发射器，它像往常一样发射同一图像的多个副本。然而，我希望一些粒子被翻转，要么完全以随机的量翻转，要么在中间翻转，这样落到左边的粒子会被翻转，而落到右边的粒子不会被翻转。

然而，我找不到任何关于翻转粒子而不翻转所有粒子的信息。我只想翻转一些。这有可能吗？

Answer 1

有几种方法，我认为“最快”就是使用发射器的scaleX属性。

此代码通过与 -1 相乘，翻转大约 10% 的粒子( 0.9 > Math.random() ) ，何时应该翻转。

示例代码：

this.add.particles('sparkle').createEmitter({
    x: 200,
    y: 100,
    scaleX: {
        onEmit: function () { 
            return ( 0.9 > Math.random() ) ? -1 : 1;
        }
    },
    speed: { min: -100, max: 100 },
    quantity: 0.1,
    frequency: 1,
});

但我从之前的问题中假设您的发射器具有“随机比例”属性。在这种情况下，您必须执行以下操作：

示例代码，对于随机缩放的粒子：

gameState.splash = this.add.particles('droplet').createEmitter({
    x: gameState.height/2,
    y: gameState.width/2,
    scale:  { 
        onEmit: function () {
            // create random new scale
            let newRandowmScale = Phaser.Math.FloatBetween(0.05, 0.3);
            return ( 0.9 > Math.random() ) ? -1 * newRandowmScale  : newRandowmScale;
         }
    },
    speed: { min: -100, max: 100 },
    ...
});

更新（SlowerFix）：示例代码，对于随机缩放的粒子：

更新的作用：保存 scaleX 事件的当前比例并在 scaleY 中使用它事件。 （它很hacky，但应该可以工作。我会看看是否有更干净的解决方案）

gameState.splash = this.add.particles('droplet').createEmitter({
    x: gameState.height/2,
    y: gameState.width/2,
    scaleY:{
        onEmit: function(particle){
            // keep scale value positive
            return Math.abs(particle.scaleX);
        }
    },
    scaleX:{
        onEmit: function(p){
            let scale = Phaser.Math.FloatBetween(.2, .5);
            return Math.random() > .9 ? scale * -1 : scale;
        }
    }, 
    speed: { min: -100, max: 100 },
    ...
});