curveto

Prøv at kigge her http://www.flashdesign.dk/downloads/read.asp?kat=Tutorials&dl=47

/per

Du kan også downloade denne lille demo:

http://flashkit.com/movies/Applications/Simple_D-Timo_Met-28/index.shtml

/per

hoejrup >> Eksemplerne har jo ikke noget at gøre med curveTo

Det er pga. den måde curveTo-metoden er konstrueret på. Hvis du vil have den til at følge nogle bestemte punkter, bliver du nødt til at anvende bezier-kurver. Robert Penner har gjort dette, og du kan finde yderligere oplysninger på http://www.were-here.com/forums/showthread.php?s=0f929625f9e10e8dfa984b9bb1c3173e&threadid=124264 . Ellers kan du prøve at vedhæfte følgende til en frame:

MovieClip.prototype.curveToThru = function (px, py, ax, ay) {
    var cx = 2*px - .5*(this._xpen + ax);
    var cy = 2*py - .5*(this._ypen + ay);
    this.curveTo (cx, cy, ax, ay);
}

this.onEnterFrame = function () {
    this.clear();
    this.lineStyle(0);
    this.curveToThru(550, 200, _xmouse, _ymouse);
}

To punkter er i dette tilfælde ens hele tiden. Hvis du ikke ønsker dette, kan du altid tilføje en listener på onMouseMove og ændre de to punkter.

Mvh Morten

hoejrup >> Det har ikke meget med 'curveTo' at gøre ;(

gotcha >> Jeg formulerede mig nok ikke helt præcist nok! I dit eksempel er det endepunktet af en kurve der følger musen, men det jeg mente var at toppunktet skal følge musen :)
Jeg kigger lige lidt nærmere på dit link lidt senere - måske ligge løsningen der (?)

Vh. Alexander

Så vedhæft følgende til en frame:

MovieClip.prototype.drawCurve3Pts = function (x1, y1, x2, y2, x3, y3) {
    var cx = 2*x2 - .5*(x1 + x3);
    var cy = 2*y2 - .5*(y1 + y3);
    this.moveTo (x1, y1);
    this.curveTo (cx, cy, x3, y3);
}
this.onEnterFrame = function () {
    this.clear();
    this.lineStyle(0);
    this.drawCurve3Pts (100, 100, _xmouse, _ymouse, 400, 400);
}

Du kan så ændre på (x1,y1) og (x3,y3) for at styre hhv. start - og endepunktet.

Mvh Morten

Perfekt - Det var lige det jeg ledte efter!

Tak, tak og 1000 tak for hjælpen ;)

Vh. Alexander

istedet for onEnterFrame burde du nok bruge onMouseMove, det kræver ikke nær så meget processor kraft

Tja, det er jo rigtigt nok. Brug følgende:

Mouse.addListener();

MovieClip.prototype.drawCurve3Pts = function (x1, y1, x2, y2, x3, y3) {
    var cx = 2*x2 - .5*(x1 + x3);
    var cy = 2*y2 - .5*(y1 + y3);
    this.moveTo (x1, y1);
    this.curveTo (cx, cy, x3, y3);
}

this.onMouseMove = function () {
    this.clear();
    this.lineStyle(0);
    this.drawCurve3Pts (100, 100, _xmouse, _ymouse, 400, 400);
}

:)