Html5 canvas 跳球代码在HTML5画布中引起抖动

编辑：这仍然是一个持续存在的问题，可能是它所承载的站点特有的问题，因为我无法在它未承载时复制它。如果你想看它，你也可以帮我一点忙，通过谷歌找到它。。。谷歌B2B营销机构，并找到移动营销的结果，它应该接近顶部！您要查找的部分上方有一个标题“技术堆栈”。你看到虫子了吗？你能想象是什么导致了这一切吗

我在我的网站上有一个HTML画布，我用它来包含球，球落在画布上，它们会弹来弹去，并以各种方式在底部很好地固定下来

我的印象是，这是完美的工作。然而，现在我注意到这些球在别人的电脑上抖动和发狂。我检查了他们使用的浏览器，它与我的（ChromeV79）相同。所以我想澄清一下，我的电脑上从来没有出现过这种错误，但在其他人的电脑上，它总是有这种抖动，有些电脑功能更强大，有些电脑规格更低

就是这样（这个代码笔在他们的电脑上没有抖动，所以你可能也看不到）：

这是bug的视频：

$（文档）.ready（函数（）{
$.ajaxSetup({
缓存：真
});
美元。什么时候(
$.getScript（“https://code.createjs.com/easeljs-0.6.0.min.js"),
$.getScript（“https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.10.0/matter.min.js"),
$.Deferred（函数（延迟）{
$（延期。解决）；
})
).done（函数（）{
新应用程序（）；
});
});
函数App（）{
var self=这个；
self.running=false；
self.initialized=false；
var stageClicked=false；
舞台，帆布；
var canvasWidth=410；
var canvasHeight=550；
var=0.8；
var=[]；
var matterJsBalls=[]；
var _gravityY=1；
var _graviyx=0；
var FPS=60；
var infoText，detailsText；
var Ballsinilized=假；
var iOS=navigator.userAgent.match（/（iPod | iPhone | iPad）/）；
var startTime=（新日期（））.getTime（）；
var engine=Matter.engine.create（）；
var-world=engine.world；
var floor=物质.实体.矩形（画布宽度/2，画布高度+50，画布宽度，100{
是的，
呈现：{
可见：假
}
});
var leftWall=material.Bodies.rectangle（-50，canvashheight/2100，canvashheight{
是的，
呈现：{
可见：假
}
});
var rightWall=material.Bodies.rectangle（画布宽度+50，画布高度/2100，画布高度{
是的，
呈现：{
可见：假
}
});
添加（世界，[地板，左墙，右墙]）；
self.initialize=函数（）{
切换侦听器（true）；
self.initCanvas（）；
self.initGame（）；
};
var-toggleListeners=函数（启用）{
如果（！启用）返回；
};
self.refresh=函数（）{}；
self.initCanvas=函数（）{
画布=$（“#球台”）.get（0）；
stage=newcreatejs.stage（画布）；
addEventListener（“调整大小”，在StagereSize上，false）；
onStageResize（）；
createjs.Touch.enable（stage）；
createjs.Ticker.addListener（勾选）；
createjs.Ticker.setFPS（FPS）；
self.initialized=true；
};
self.initGame=函数（）{
初始球（画布宽度、画布高度）；
};
var onStageResize=函数（）{
stage.canvas.width=画布宽度；
stage.canvas.height=画布高度；
};
var initBalls=函数（stageX，stageY）{
var imagesArray=[
"https://cdn.mos.cms.futurecdn.net/vChK6pTy3vN3KbYZ7UU7k3-320-80.jpg",
"https://cdn.mos.cms.futurecdn.net/vChK6pTy3vN3KbYZ7UU7k3-320-80.jpg",
"https://cdn.mos.cms.futurecdn.net/vChK6pTy3vN3KbYZ7UU7k3-320-80.jpg",
"https://cdn.mos.cms.futurecdn.net/vChK6pTy3vN3KbYZ7UU7k3-320-80.jpg",
"https://cdn.mos.cms.futurecdn.net/vChK6pTy3vN3KbYZ7UU7k3-320-80.jpg",
"https://cdn.mos.cms.futurecdn.net/vChK6pTy3vN3KbYZ7UU7k3-320-80.jpg",
"https://cdn.mos.cms.futurecdn.net/vChK6pTy3vN3KbYZ7UU7k3-320-80.jpg",
"https://cdn.mos.cms.futurecdn.net/vChK6pTy3vN3KbYZ7UU7k3-320-80.jpg",
"https://cdn.mos.cms.futurecdn.net/vChK6pTy3vN3KbYZ7UU7k3-320-80.jpg",
"https://cdn.mos.cms.futurecdn.net/vChK6pTy3vN3KbYZ7UU7k3-320-80.jpg"
];
对于（var i=0；i