无法为matter.js设置动画

// 创建一个Matter.js引擎实例
var engine = Matter.Engine.create();

// 创建一个Matter.js世界实例
var world = engine.world;

// 创建一个Canvas元素
var canvas = document.createElement('canvas');
document.body.appendChild(canvas);
var ctx = canvas.getContext('2d');

// 设置Canvas的宽高
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

// 创建一个Matter.js刚体
var box = Matter.Bodies.rectangle(200, 200, 80, 80);

// 将刚体添加到世界中
Matter.World.add(world, box);

// 创建一个动画循环函数
function animate() {
  // 清空画布
  ctx.clearRect(0, 0, canvas.width, canvas.height);

  // 更新引擎
  Matter.Engine.update(engine);

  // 绘制刚体
  ctx.fillStyle = 'red';
  ctx.fillRect(box.position.x - box.width / 2, box.position.y - box.height / 2, box.width, box.height);

  // 递归调用动画函数
  requestAnimationFrame(animate);
}

// 启动动画
animate();