Rendered wired behavior

[dasmus]

(From: https://github.com/pixijs/pixi.js/issues/2344)
Below is a video that shows how sprites come into the canvas, make a straight row on Y axis, and then fly away.

My code(below) dictates, that the finish position for sprites is x=0. So the animation should be finished when all sprites are in the row. Somewhy it flies them to random formations.

My callbacks also indicated, that all animation is indeed finished. But some why, pixi decides to move the sprites after animation is done.

if you change the final animation to finish on x = 3 not 0. Nothing like this happens.
(My code example is done with older version, but same happens with version 3.0.9)

https://youtu.be/oNToAu5wNso 
https://github.com/mihkell/pixijs_animation_bug
 

[ivan.popelyshev]

Its not a pixi problem.

How to do linear animation:

var start_point, end_point;
if (cur_time < totalTime) {
  cur_point.x = (end_point.x - start_point.x) * curTime / totalTime + start_point.x;
  cur_point.y = (end_point.y - start_point.y) * curTime / totalTime + start_point.y;
} else {
  cur_point.x = end_point.x;
  cur_point.y = end_point.y;
}

Your formulaes are correct too, but they wont work with floating-precision numbers, because you are trying to subtract two close values and divide them by very small number. Not every mathematical function can be computed correctly with floating-precision numbers