画架中的画架前后移动画架

Question

从demo they provided

获得有关easeljs精灵动画的一些建议

如何从画布事件中对画布中正在运行的人进行前进和后退？

Answer 1

移动只是递增x位置。

// New position is the current position, plus 150 pixels
var position = grant.x + 150 * deltaS;
// The delta is just a multiplier to keep the movement independent of the framerate.

// Then "Grant" is set to the new position, unless the position is past
// the right side of the canvas, in which case it is set to the left side again
// (to wrap)
grant.x = (position >= w + grantW) ? -grantW : position;

要反转动画，可以反转数学

var position = grant.x - 150 * deltaS; // Move backwards
grant.x = (position < 0) ? w : position; // Put on far right

然后你可以水平翻转精灵，让他走另一条路。

grant.scaleX = -1;

你可以采取与其他一切相同的方法。请注意，在演示中，精灵并没有真正相对于地面，背景等移动，它只是设置为视差效果。如果你想要创造一些更具互动性的东西，你可能想采取不同的方法。