Bezier curves animeren

[efixer]

Hi,

Ik wil graag bezier curves die ik middels AS3 heb getekend animeren. Ik heb het dan uiteraard over het animeren van de ankerpunten, zodat er een soort 'wave' idee ontstaat. Ik heb al heel wat afgezocht, maar ik heb nog niets concreets kunnen vinden (zowel Reference als 3thParty libraries). Een voorbeeld van wat ik ongeveer bedoel is te vinden op de site van http://www.publicis.nl/.

Het alternatief is om de lijnen eerst te tekenen en animeren in de GUI m.b.v.d. timeline en dan te exporteren naar AS, maar het liefst blijf ik helemaal van de TL af. Kan iemand mij een duw in de goede richting geven?

[boluc91]

een simpel voorbeeld


var timer:Timer = new Timer(20,0);
timer.addEventListener(TimerEvent.TIMER,example);
timer.start();
var mc:MovieClip = new MovieClip();
var begin:Point = new Point(0,0);
var end:Point = new Point(200,0);
var mid:Point = new Point(100,50);

function example(evt:TimerEvent){
mc.graphics.clear();
mc.graphics.lineStyle(3,0xFF0000);
mc.graphics.moveTo(begin.x,begin.y);
mc.graphics.curveTo(mid.x,mid.y,end.x,end.y);
//zet hier wat animatie voor je punten...
mid.x += 0.2;
mid.y += Math.sin(mid.x/2);

}

this.addChild(mc);

[efixer]

een simpel voorbeeld


var timer:Timer = new Timer(20,0);
timer.addEventListener(TimerEvent.TIMER,example);
timer.start();
var mc:MovieClip = new MovieClip();
var begin:Point = new Point(0,0);
var end:Point = new Point(200,0);
var mid:Point = new Point(100,50);

function example(evt:TimerEvent){
mc.graphics.clear();
mc.graphics.lineStyle(3,0xFF0000);
mc.graphics.moveTo(begin.x,begin.y);
mc.graphics.curveTo(mid.x,mid.y,end.x,end.y);
//zet hier wat animatie voor je punten...
mid.x += 0.2;
mid.y += Math.sin(mid.x/2);

}

this.addChild(mc);


Zoiets had ik al geprobeerd, maar dan niet de drie ankerpunten als Point! Super bedankt en ik kan er nu wel iets moois van maken!