我正在使用Phaser 3框架创建游戏。我的游戏使用滚动相机，因此根据我搜索的内容，显示分数的最简单方法是使用容器。我试图使用补间来确保它跟随播放器，但是我似乎无法找出正确的属性。
我希望分数从玩家的正上方开始，并随其移动而移动。
如果有比使用容器更好的方法，请随时进行更改。
//Camera to follow the skater
this.cameras.main.setBounds(0, 0, 3000, gameHeight);
this.cameras.main.startFollow(skater);
// ...some code in between...
//Scoreboard
scoreBoard = this.add.container(skater.x, 50);
scoreText = this.add.text(skater.x, 50, "SCORE: 0", {fontSize: '56px', color: '#fff'});
scoreBoard.add(scoreText);
this.tweens.add({
targets: scoreBoard,
x: scoreBoard.x + skater.x,
ease: 'Linear',
duration: 1,
delay: 1,
yoyo: false,
repeat: -1
});
注意：所有此代码仅在create()函数中。
解决方案非常简单。在update()函数中，将scoreText变量设置为skater.body.position.x如下所示：
function update() {
scoreText.x = skater.body.position.x;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句