drawLine aber bitte langsam

[duc]

hallo zusammen ich habe folgende frage:
gibt es eine möglichkeit, das ich via actionscript eine linie zeichnen (lassen) kann, welche sich à la bewegungstween fortbewegt. sprich nicht z.B. per mouseklick auf button von Koorinate A nach B "springt", sondern nur "fliesst"?
alles verstanden?
Merci für eure Feedbacks.
Grüsse duc



_root.lineStyle(1, 0x0000FF, 100);
_root.lineTo(100, 75);

[thebiz]

Quick and dirty vielleicht so:

_root.createEmptyMovieClip("line", 1);
 with (_root.line) {
     lineStyle(1, 0xFF0000);
 }
 function drawL(vonx, vony, bisx, bisy) {
     _root.line.moveTo(vonx, vony);
     _root.line.onEnterFrame = function() {
         if (vonx < bisx && vony < bisy) {
             this.lineTo(vonx += 2, vony += 2);
         } else {
             delete this.onEnterFrame;
         }
     };
 }
 drawL(0, 0, 100, 300); 

[duc]

@thebiz
danke dir, werd es gleich testen.....geb dir bescheid wies ausviel....gruss duc

[duc]

@thebiz:
ist prima, danke nochmals. nun, kann mann da auch ne art verlangsamung gegen ende einbauen?

gruss duc

[thebiz]

Ich bastle gerade dran rum.
Will das Ding mal etwas abwandeln.
Kleinen Moment .

[thebiz]

Wie wäre es damit?:

_root.createEmptyMovieClip("line", 1);
with (_root.line) {
    lineStyle(1, 0xFF0000);
}
function drawL(vonx, vony, bisx, bisy) {
    _root.line.moveTo(vonx, vony);
    time = 0;
    _root.line.onEnterFrame = function() {
        if (time < 100) {
            time += 5;
            vonx += (bisx - vonx) / 10;
            vony += (bisy - vony) / 10;
            this.lineTo(vonx, vony);
        } else {
            delete this.onEnterFrame;
            drawL(vonx, vony, Math.round(Math.random() * 300), Math.round(Math.random() * 300));
        }
    };
}
drawL(0, 0, 100, 300); 

[duc]

hehe du bist wahnsinnig
nun ich würd sagen, ist ziemlich hiammer hehe.
nein aber es ist doch grad zu abartig, können wir nicht einfach bei einer linie bleiben, die getweent wird?

z.B.: x=50 y=50
dannn der endpunkt: x=500 y=50


ist dies folgendes?

drawL(50, 50, 500, 50); ?????

merci und gruzz duc

[thebiz]

Bin gerade dabei.
Muss noch eine Fallunterscheidung einbauen.
Mal sehen ob das so überhaupt klappt.

[thebiz]

So das sollte passen. voilà

_root.createEmptyMovieClip("line", 1);
with (_root.line) {
    lineStyle(1, 0xFF0000);
}
function drawL(vonx, vony, bisx, bisy) {
    _root.line.moveTo(vonx, vony);
    _root.line.onEnterFrame = function() {
        if (Math.abs(vonx) > Math.abs(bisx - 3) || Math.abs(vonx) > Math.abs(bisx + 3) && Math.abs(vony) > Math.abs(bisy - 3) || Math.abs(vony) > Math.abs(bisx + y)) {
            delete this.onEnterFrame;
        } else {
            vonx += (bisx - vonx) / 5;
            vony += (bisy - vony) / 5;
            this.lineTo(vonx, vony);
        }
    };
}
drawL(0, 0, 100, 300); 

[thebiz]

Etwas schöner verpackt.

var easingStrength = 10;
 _root.createEmptyMovieClip("line", 1);
 with (_root.line) {
     lineStyle(1, 0xFF0000);
 }
 //------------------------------------------
 function drawL(vonx, vony, bisx, bisy) {
     _root.line.moveTo(vonx, vony);
     _root.line.onEnterFrame = function() {
         if (Math.abs(vonx) > Math.abs(bisx - 3) || Math.abs(vonx) > Math.abs(bisx + 3) && Math.abs(vony) > Math.abs(bisy - 3) || Math.abs(vony) > Math.abs(bisx + y)) {
             delete this.onEnterFrame;
         } else {
             vonx += (bisx - vonx) / easingStrength;
             vony += (bisy - vony) / easingStrength;
             this.lineTo(vonx, vony);
         }
     };
 }
 //------------------------------------------
 drawL(50, 50, 800, 300); 

[duc]

also ich hab das nun divers getestet und mir den code angeschaut, habe dabei noch verständnisprobleme was die : Math.abs betrifft aber dass sollt ich dann vielleicht schon hinkriegen.
was ich noch bemerkt habe ist, dass die linie gegen ende unscharf wird, bzw. sie wird fast 2 pixel breit. an was könnte dass wohl liegen???

dann noch folgendes(falls du noch zeit und wille hast), wenn ich also jetz ein rechteck zeichnen will, kann ich die 4 punktkoordinaten auch in das drawL(...) einbinden oder wie sähe dass aus?

duc (danke dir tausend)

[thebiz]

Bin dabei.
Hatte etwas Problem.
Kann noch ein paar Minuten dauern.
Danach ist aber Schluss.
Muss nämlich dann weg.

[thebiz]

Man das war ne harte Geburt.
Ich hatte da mit dem Math.abs echt
einen Denkfehler gehabt.
Sieht noch etwas abgehackt aus am
Schluss jeder gebremsten Bewegung,
aber darum muss ich mich evtl. später
bemühen. Das mit den Strichdicken
, dass sie am Ende etwas dicker werden
passiert nicht bei allen Strichstärken.
Da muss man auch mal nach schauen.

var easing = 5;
_root.createEmptyMovieClip("line", 1);
with (_root.line) {
    lineStyle(2, 0xFF0000);
}
ini = 2;
//------------------------------------------
function drawL(x0, y0, x1, y1, x2, y2, x3, y3, x4, y4) {
    _root.line.moveTo(x0, y0);
    ar = arguments;
    _root.line.onEnterFrame = function() {
        if ((x0 > x1 - 6 && x0 < x1 + 6) && (y0 > y1 - 6 && y0 < y1 + 6)) {
            this.lineTo(x1, y1);
            drawL(ar[ini], ar[ini + 1], ar[ini + 2], ar[ini + 3], ar[ini + 4], ar[ini + 5], ar[ini + 6], ar[ini + 7]);
        } else {
            x0 += Math.round((x1 - x0) / easing);
            y0 += Math.round((y1 - y0) / easing);
            this.lineTo(x0, y0);
        }
    };
}
//------------------------------------------
drawL(0, 0, 200, 0, 200, 200, 0, 200, 0, 0); 

[thebiz]

So musste es noch korrigieren,
damit das onEnterFrame zum Schluss
gelöscht wird.

var easing = 5;
_root.createEmptyMovieClip("line", 1);
with (_root.line) {
    lineStyle(5, 0xFF0000);
}
ini = 2;
//------------------------------------------
function drawL(x0, y0, x1, y1, x2, y2, x3, y3, x4, y4) {
    _root.line.moveTo(x0, y0);
    ar = arguments;
    _root.line.onEnterFrame = function() {
        if ((x0 > x1 - 6 && x0 < x1 + 6) && (y0 > y1 - 6 && y0 < y1 + 6)) {
            this.lineTo(x1, y1);
            drawL(ar[ini], ar[ini + 1], ar[ini + 2], ar[ini + 3], ar[ini + 4], ar[ini + 5], ar[ini + 6], ar[ini + 7]);
        } else {
            ar[ini] == undefined ? delete this.onEnterFrame : null;
            x0 += Math.round((x1 - x0) / easing);
            y0 += Math.round((y1 - y0) / easing);
            this.lineTo(x0, y0);
        }
    };
}
//------------------------------------------
drawL(0, 0, 200, 0, 200, 200, 0, 200, 0, 0); 

[thebiz]

Also irgendein Fehler ist noch drinnen.
Wenn man als Startwert keine Null
eingibt, dann zeichnet er zum Schluss
zu Null zurück.
Ich muss jetzt aber erst mal weg.

edit:
Du kannst es ja derweil auch so machen,
dass Du 4 mal den einzelnen Strich
aufrufst, mit den entsprechenden
Koordinaten. Musst halt 4 line Clips erstellen etc.