title: Draw a line with PIXI and move it with TweenMax
body: <p>I watched an example of using this both framework (PIXIjs and GSAP). So I wanted to use it</p>
  
  <p>I'm a little bit stuck on a case.
  So what I want to do is to draw 3 line that match the border of my window. That's fine, but In a second step, I'd like that this lines move without leaving the border.</p>
  
  <p>Here is my little code for this part</p>
  
  <pre><code>// This is how I create the line
      var lineArray = [];
  
      for (var i = 0; i &lt; 3; i++) {
  
          var line = new PIXI.Graphics();
          line.lineStyle(1, 0xf3a33f);
  
          if(i == 0) {
              line.moveTo(getRandomInt(0, window.innerWidth), window.innerHeight);
              line.lineTo(getRandomInt(0, window.innerWidth), 0);
          } else if(i == 1) {
              line.moveTo(0, getRandomInt(0, window.innerHeight));
              line.lineTo(window.innerWidth, getRandomInt(0, window.innerHeight));
          } else {
              line.moveTo(getRandomInt(0, window.innerWidth), window.innerHeight);
              line.lineTo(window.innerWidth, getRandomInt(0, window.innerHeight));
          }
  
          line.endFill();
          line.alpha = 0;
  
          stage.addChild(line);
          lineArray.push(line);
  
      }
  
  // And this is how I want to animate it
  
  var timeline = new TimelineMax({ paused: true });
  for (var i = lineArray.length - 1; i &gt;= 0; i--) {
      lineArray[i].beginFill(0xf3a33f, 1);
      timeline.add(TweenMax.to( lineArray[i], .05, {alpha: 1}), 1.25);
  }
  timeline.play();
  </code></pre>
  
  <p>Is there a way to move the lineTo(x, y) and moveTo(x, y) of the graphics shape ?
  I thought that I can redraw each time that I move the line, and destroy the old one, but I hope that there is a easier way to do that.</p>
  
  <p>Cheers,
  H4mm3R</p>