我正在尝试使用pixi.js实现黄油的平滑运动。我想这应该是一件简单的事情,但似乎无法获得。
有时我会出现尖峰/微小的滞后。我已经在Ubuntu 20.04开发人员计算机上使用最新的Chrome版本和最新的PIXI js(实际上是5.3.3)对其进行了测试。我的旧Macbook pro上最新的Chrome(2013年末)上也发生了同样的事情
这是我正在使用的代码:
const app = new PIXI.Application({
view: document.querySelector("#view"),width: window.innerWidth,height: window.innerHeight,backgroundColor: 0x0,antialias: false
})
const ticker = PIXI.Ticker.system
const box = new PIXI.Graphics()
box.linestyle(1,0xff0000)
.drawRect(
100,100,100)
app.stage.addChild(box)
let speed = 4
app.ticker.add( (dt) => {
if (box.x < 0) {
speed *= -1
box.x += speed * dt
}
if (box.x > 800) {
speed *= -1
box.x += speed * dt
}
box.x += speed * dt
})
这是一个运行中的版本https://codepen.io/ferama/pen/LYZVBMx
我缺少什么?