title: Text moving animation
body: <p>I am new to animations in JavaFX, and I get the basic idea of how it works; You need a starting keyframe and and ending one, then you play it.</p>
  
  <p>What I want to do is have a list of strings, say, "0, 1, 2, 3, 4, 5...10", and a variable, <code>index</code>. Then what I want to do is have 3 of them on the screen at a time like this inside 3 different <code>Text</code> objects:</p>
  
  <pre><code>0   1   2
  </code></pre>
  
  <p>In the example above, <code>index = 0</code>. If <code>index = 1</code>, it would look like this:</p>
  
  <pre><code>1   2   3
  </code></pre>
  
  <p>You get the idea, so what I want to do, is every time <code>index</code> increments (it would have to be a <code>Property</code>), there would be an animation of the numbers trading spaces.</p>
  
  <p>So like this (symbol numbers represent fading):</p>
  
  <pre><code>index = 0 : 0   1   2
  index = 1 : )  1   2#
  frame --- : ) 1   2 #
  frame --- : )1   2  #
  frame --- : 1   2   3
  </code></pre>
  
  <p>So in theory, the lists that stores these numbers could be infinite so I can't (shouldn't) have a separate <code>Text</code> object for each number. I can't figure out how this should be done, as keyframes moving the <code>Text</code> object themselves complicates things.</p>