title: How to draw smooth lines in actionscript 3 (Flash)
body: <p>How can I draw smooth lines with actionscript 3 (using flex 4)?</p>
  
  <p>I mean: I do something like this:</p>
  
  <pre><code>        var grap:Graphics =  this.display.graphics;
          grap.lineStyle(8, 0xFF0000, 1, true, "normal", CapsStyle.ROUND);
          grap.moveTo(180,330);
          grap.lineTo(200,130);
  </code></pre>
  
  <p>But the result looks like this:<br> 
  <a href="http://sub.ited.nl/try/" rel="nofollow noreferrer">http://sub.ited.nl/try/</a> :( <br>
  The edges of the lines are very crispy, how can I improve this?
  Especially when drawing the line through a Tween, it looks like a drunken man walking on the sidewalks ;)...</p>
  
  <p>The tween code for drawing the line:</p>
  
  <pre><code>        var grap:Graphics =  this.display.graphics;
          grap.lineStyle(8, 0xFF0000, 1, true, "normal", CapsStyle.ROUND);
          grap.moveTo(220,330);
          new Tween(this, [220, 330], [240, 130]);
  </code></pre>
  
  <p>And in the onTweenUpdate method:</p>
  
  <pre><code>        this.display.graphics.lineTo(values[0], values[1]);
  </code></pre>
  
  <p>Please some advice on this?</p>
  
  <p>BTW: how can best remove the default background of the flash object ? (the grey background).
  I have this in my index.mxml:</p>
  
  <pre><code>    &lt;mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
  xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="600" 
  addedToStage="start()" styleName="plain" backgroundImage="{null}"&gt;
  </code></pre>
  
  <p>But I see a flickering often (in development mode), which means I first see the default  grey background and then a white one...</p>
  
  <p>Thanks in advance</p>