Phaser 3补间不透明度？

简单的J

我正在尝试将一个精灵从一个点过渡到另一个点，并使其在移动时逐渐消失。我已经试过了：

const tween = game.tweens.add({
  targets: [log.sprite],
  x: fire.x,
  y: fire.y + (fire.height * 0.2),
  opacity: 0,
  duration: 300,
  repeat: 0,
  onComplete() {
    destroyLog(log);
    resolve();
  },
});

但这是行不通的。我在为Phaser 3找到好的API文档时遇到了很多麻烦，因此我不确定应该在哪里寻找此信息。

samvel1024

您可能应该使用alpha而不是opacity。以下是Phaser3的工作示例。起始值和最终值lambda只是为了提高灵活性。我想您可以直接用值替换它们。this指的是Phaser.Scene实例。

this.add.tween({
  targets: [sprite],
  ease: 'Sine.easeInOut',
  duration: 1000,
  delay: 0,
  x: {
    getStart: () => startX,
    getEnd: () => endX
  },
  y: {
    getStart: () => startY,
    getEnd: () => endY
  },
  alpha: {
    getStart: () => startAlpha,
    getEnd: () => endAlpha
  },
  onComplete: () => {
    // Handle completion
  }
});

通过在本地克隆该存储库并在代码中搜索一些关键字，可以轻松找到Phaser 3的有用用法示例。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。