javascript - Matterjs 使用按钮单击移动身体

Question

嗨，我正在尝试向左和向右移动圆圈，这是我尝试的方法，我得到正确的 x 值为 600 的结果，但圆圈没有改变它的位置，可能它与绘图函数有关，因为已经画好了？我对此真的很陌生，有人可以帮我找出问题所在，还是有更好的方法可以使用按钮将对象从左向右移动？

function Particle(x, y, r) {
this.hue = random(360);
var options = {
    restitution: 0.8,
    friction: 0
}
x = 300;
this.body = Bodies.circle(x, y, r, options);
this.body.label = "particle";
this.r = r;
World.add(world, this.body);
$('#moveR').click(function() {
    for (i = x; i <= WIDTH; i++) {
        x = i;
        console.log(x);
    }
});