Comment dessiner des lignes lisses dans actionscript 3 (Flash)

Question

Comment dessiner des lignes lisses avec actionscript 3 (en utilisant flex 4)?

Je veux dire: je fais quelque chose comme ceci:

 var grap:Graphics = this.display.graphics; 
     grap.lineStyle(8, 0xFF0000, 1, true, "normal", CapsStyle.ROUND); 
     grap.moveTo(180,330); 
     grap.lineTo(200,130); 

Mais le résultat ressemble à ceci:
http://sub.ited.nl/try/ :(
Les bords des lignes sont très croustillantes, comment puis-je améliorer cette ? surtout lors de l'élaboration de la ligne par une interpolation, il ressemble à un homme ivre marchant sur les trottoirs;) ...

le code tween pour tracer la ligne:

 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]); 

Et dans la méthode onTweenUpdate:

 this.display.graphics.lineTo(values[0], values[1]); 

S'il vous plaît quelques conseils à ce sujet?

BTW: comment supprimer au mieux l'arrière-plan par défaut de l'objet flash? (le fond gris). J'ai dans mon index.mxml:

<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}"> 

Mais je vois souvent vacillante (en mode développement), ce qui signifie que je vois d'abord la valeur par défaut fond gris et un blanc ...

Merci d'avance

Answer 1

Y a-t-il une raison de ne pas, à chaque itération, ignorer les progrès de la ligne et de la redessiner? Comme dans:

// inside tween update 
displayObj.graphics.clear(); 
displayObj.graphics.moveTo(180,330); 
displayObj.graphics.lineTo(values[0]); 
// i.e. only the end point is tweened 

Dans votre code actuel vous dessinez en fait beaucoup de lignes individuelles, donc tout ce que vous avez fait pour améliorer la douceur dépendraient délicatement sur les entrailles de la façon dont Flash rend, vous êtes probablement mieux redessiner toute la ligne chaque image.