Strich animiert: In AS?

[duncan]

Guten Morgen,

ich möchte gerne, dass als Intro ein Strich gezeichnet wird...das soll aussehen, als würde ich ihn gerade zeichnen, also animiert (ich hoffe, ich drücke mich nicht unverständlich aus).....am Ende soll ein Rechteck entstehen. Wie kann ich das hinbekommen?

Vielen Dank im Voraus,
duncan

[Mr.Dauerfeuer]

ich glaub des hab ich von flashstar.de, wenn Du's umbaust kannste damit auch nen Rechteck zeichnen lassen:

PHP-Code:

function initZeichnen() {
    // Bühnen Breite und Höhe
    stageBreite = Stage.width / 2;
    stageHoehe = Stage.height / 2;
    // Entspricht 2*Math.PI
    faktor = 5*Math.PI;
}

// Kreiszeichenfunktion
kreisZeichnen = function(pBreite, pHoehe, pWinkel) {
    i += pWinkel;
    rechts += 1;
    var xPos = rechts;
    var yPos = Math.sin(i*1) * pHoehe + stageHoehe;
    this.lineTo(xPos, yPos);
    this.lineStyle(2, 0xff0000, 100);
    
};

// Initialisierung Ausführen
_root.onLoad = initZeichnen;

// Kreiszeichnen
_root.onEnterFrame = function() {
    this.kreisZeichnen(80, 80, 0.1);
    
    // Durch den Faktor wird festgelegt, wann
    // die Ereignisprozdurmethode gelöscht werden
    // soll und die Zeichnung abgeschlossen wird
    if (i > _root.faktor) {
        delete this.onEnterFrame;
    }
}; 


[duncan]

Hi,

leider habe ich nur geringe Ahnung von AS und daher verstehe ich das Skript nicht....hast Du/habe Ihr vielleicht eine Beispiel-fla?

Grüße,
Stefan

[Mr.Dauerfeuer]

ohne AS Verständniss is natürlich net so leicht....

hier die fla.



Greetz Mr.D

[Mr.Dauerfeuer]

PHP-Code:


this.lineTo(xPos, yPos);
this.lineStyle(2, 0xff0000, 100); 


lineStyle legt fest wie die Linie aussehen soll, lineTo legt fest wohin gezeichnet werden soll, da Du ja wahrsch. zur Laufzeit zeichnen willst musst Du xPos bzw. yPos entweder mit einer onEnterFrame oder einem Intervall ändern.

[duncan]

Hi,

ich versuche es mal. Vielen Dank für Deine Hilfe!

[fritzxxxxx]

Hier kommt die Antwort aus der "Animationsfraktion".

Animiere den Strich doch einfach. Auf Ebene 1 entsteht in div keyframes das Rechteck. Auf Ebene 2 legst du eine Grafik von einer Hand, die nen STift hält. Dieser weißt du eine Führungseben zu (klar: der Führungspfad entspricht exakt deinem rechteck auf Ebene1. Und schon hast du eine Hand, die ein Rechteck malt.

Fritz