为什么动画在加速

Question

我的代码有问题。为什么这个动画仍然加速。 [在这个 link 中是代码 ][1]

[1]:enter code here http://jsfiddle.net/74j0u5zf/4/

Answer 1

因为不止一个 if 语句可以执行每个循环。如果 x == 500，它也 > 0。

您的 gameLoop() 函数可以大大简化。

function gameLoop() {

    renderer.render(stage);
    cat.x = cat.x + moveX;

    if (cat.x <= 0 || cat.x >= 500) {
        moveX = -moveX;
    }

    requestAnimationFrame(gameLoop);
}

http://jsfiddle.net/74j0u5zf/5/

为什么动画在加速

why the animation is accelerating

javascript

svg

pixi.js

grafika