javascript - 玩家悬停在平台 Sprite 上方

Question

我一直在这里关注 Phaser 3 的介绍 http://phaser.io/tutorials/making-your-first-phaser-3-game并发现我的 Angular 色“悬停”在我制作的平台上方。

如果可以回答以下任一问题，则可以忽略本文的其余部分:

Sprite 是否有填充属性并且可以将其删除吗？

可以给 Sprite 指定碰撞 mask 尺寸吗？

这是我初始化播放器和平台以及碰撞代码的代码。

(我意识到在“this”上定义玩家可能是一种奇怪的做事方式)

      clouds = this.physics.add.staticGroup();
      platforms = this.physics.add.staticGroup();

      platforms.create(0, 400, 'platform').setScale(0.5).refreshBody();
      clouds.create(200, 410, 'plc-cloud').setScale(0.5).refreshBody();
      //player

      this.player = this.physics.add.sprite(0,300,'player').setScale(0.5);
      this.player.speed = 5.5;
      this.player.isMoving = false;
      this.player.isCrouching = false;
      this.player.setCollideWorldBounds(true);
      this.player.body.setGravityY(400);
      this.physics.add.collider(this.player, platforms);
      this.physics.add.collider(this.player, clouds);

图像尺寸:播放器:100x100像素云:150x150平台:400x32

这就是结果 platform hover

Answer 1

除非您在加载 Sprite 时指定除 0 之外的边距或间距，否则不应为 Sprite 指定 padding 属性。

您可以使用 setSize(width, height) 设置 Sprite 的碰撞尺寸 请参阅 Phaser 文档 here 。

如果您在物理配置中打开调试，它应该在平台和 Sprite 周围绘制方框，以便您可以确定适当的尺寸。类似于:

物理:{
默认值:'街机'，
街机:{
调试:真
}
}