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);
    }
});