补间动画平台无摩擦力问题：箱块无法随平台同步移动

你设置的平台是isStatic: true的静态物体，Matter.js中静态物体的位置变更（比如通过tween直接修改x）不会触发物理引擎的摩擦力计算——因为静态物体被引擎视为“固定不动”的，所以上方的箱子无法获得跟随平台移动的摩擦力，最终会掉落。

核心是把平台改为动态物体，同时限制它的运动自由度（防止掉落、旋转），让物理引擎能正确计算摩擦力。

步骤1：修改平台配置 #

将平台的isStatic改为false，并添加锁定旋转、增加密度的配置，确保平台不会被箱子推动或倾斜：

const platform = this.matter.add.sprite(664, ScreenHelper.sceneWrapperSize.height - 100, "brick", undefined, {
  isStatic: false, // 改为动态物体
  collisionFilter: {
    category: CAT_FLOOR,
    mask: CAT_PLAYER | CAT_PLAYER_BOTTOM_SENSOR | CAT_BLOCK_A,
    group: 0
  },
  friction: 1,
  frictionStatic: 1,
  fixedRotation: true, // 锁定旋转，避免平台倾斜
  density: 100 // 增加密度，让平台不易被箱子推动
});
platform.setDisplaySize(200, 20);

步骤2：正确实现平台移动 #

不能直接通过tween修改Sprite的x属性（会和Matter的body位置不同步），推荐两种方式：

方式一：通过tween控制平台的速度 #

直接控制Matter body的速度，让物理引擎自然处理移动：

// 计算移动速度：从664到300的距离是364，3秒完成的话速度为 364 / 3 ≈ 121.33（反向为正）
this.tweens.add({
  targets: platform.body.velocity,
  x: -121.33,
  ease: Phaser.Math.Easing.Quintic.InOut,
  duration: 3000,
  yoyo: true,
  repeat: -1
});

方式二：tween修改位置并同步body #

如果坚持用tween修改Sprite位置，需要在回调中同步Matter body的位置：

this.tweens.add({
  targets: platform,
  x: 300,
  ease: Phaser.Math.Easing.Quintic.InOut,
  duration: 3000,
  yoyo: true,
  repeat: -1,
  onUpdate: (tween) => {
    const platform = tween.targets[0];
    // 同步Sprite位置到Matter body
    Matter.Body.setPosition(platform.body, { x: platform.x, y: platform.y });
  }
});

步骤3：优化箱子的摩擦力配置 #

给箱子也添加frictionStatic，增强静摩擦力，确保箱子能稳定跟随：

const box = this.matter.add.rectangle(700, ScreenHelper.sceneWrapperSize.height - 110, 20, 20, {
  collisionFilter: {
    category: CAT_BLOCK_A,
    mask: CAT_FLOOR,
    group: 0
  },
  friction: 1,
  frictionStatic: 1 // 添加静摩擦力
});

内容的提问来源于stack exchange，提问作者NeoGER89