Dynamisches Tweening

[visioncom]

Hallo Zusammen

Ich erstelle per ActionScript ein acht Spalten acht Quadrate (via AttachMovie).
Nun möchte ich die per AS animieren. Das heisst konkret die Türme aus quadrate sollen sich bewegen wie ein Gras im Wind (von einer seite zur anderen seit schwanken!). Hat jemand eine idee wie ich das anstellen könnte.
Bin ein wenig am schlag. Das gesamte muss laut vorgabe wie AS gelöst werden!

Hilfe!?!

Gruss
Chris

[andretti]

aloha!

als denkanstoss:

sieh nicht die schaukelbewegung als ganzes, sondern jedes quadrat für sich;

erstelle eine function mit parameter für die weglänge

in dieser function schreibst du die hin- und herbewegung des quadrats;

und jedes quadrat ruft dann diese function auf;
die quadrate werden folgendermaßen benannt, um reihenmäßig eine synchrone schaukelbewegung zu erreichen:
von oben links nach unten rechts:
MC_q1 MC_q2c MC_q3.......MC_q8
.
.
.
.
.
.
MC_q57.................................MC_q64
ich hoffe, meine lösung ist machbar .......:

Movieclip.prototype.schaukeln = function(position,pos1,pos2){
dir = "left";
        this.onEnterFrame = function() {
                if (dir == "left" && this._x>pos1) {
                        this._x -= .75;
                } else {
                        dir = "right";
                }
                if (dir == "right" && this._x<pos2) {
                        this._xscale += .75;
                } else {
                        dir = "left";
                        //delete this.onEnterFrame;
                }
        };
 
 
 
}
 
// die/der aufrufer:
//die obersten haben den längsten weg, die untersten gar keinen......
//die obersten 8 quadrate horizontal:
for (a = 1;a<9;i++){
_root["MC_q"+a].schaukeln("70","170");
}
//die darunter liegenden:
for (b = 9;b<17;b++){
_root["MC_q"+b].schaukeln("60","120");
}
//und so weiter und so weiter:
for (c= 17;c<25;c++){
_root["MC_q"+c].schaukeln("50","100");
}
for (d= 25;d<33;d++){
_root["MC_q"+d].schaukeln("40","80");
}
for (e= 33;e<41;e++){
_root["MC_q"+e].schaukeln("30","60");
}
for (f= 41;f<49;f++){
_root["MC_q"+f].schaukeln("20","40");
}
for (g= 49;g<57;g++){
_root["MC_q"+g].schaukeln("10","20");
}
for (h= 57;h<65;h++){
_root["MC_q"+h].schaukeln("5","10");
} 

gleich vorweg:
ich habe leider keine möglichkeit, das script zu testen, (no flash inside )
mögliche fehlerquellen:

die variablen links und rechts gehören evt getauscht;
bei der for schleife ist evt ein haken, aber mit hiolfe anderer im forum kann man das sicher beheben;
die werte in den klammern bei der for-schleife musst du auf deine bedürfnisse ändern:
_x des quadrates +- maximaler bewegung;

[visioncom]

danke für deine hilfe! Werde es gleich einmal umsetzten und mich anschliessend wieder melden....

Danke für die Hilfe....

[visioncom]

Ich bin es nochmals! Bin jetzt soweit das der Movieclip.prototype.schaukeln ohne fehler kompiliert werden kann. Nun wird aber die funktion schaukel nicht aufgerufen bzw. flash sagt immer, dass das Script den Film verlangsamt. Wenn ich diese Meldung mit "Ja" bestätige kommt die meldung nach einer weile wieder. Bei nein komme ich zum Film jedoch ohne die Schaukel-Funktion!

Was mach ich falsch?
(Diese Prototypen habe ich noch nie hin bekommen!)

[andretti]

aloha!

am besten .fla hochladen, script posten;

[visioncom]

Movieclip.prototype.schaukeln = function (pos1,pos2){
    var zeit = setInterval(function(){
        dir = "left";
        this.onEnterFrame = function() {
            if (dir == "left" && this._x>pos1) {
                this._x -= .75;
            }
            else {
                dir = "right";
            }
            
            if (dir == "right" && this._x<pos2) {
                this._xscale += .75;
            
            }
            else {
                dir = "left";
            }
        };
    }, delay)
}
// Allgemeine Values
 anz = 10;
 startX = 0;
 startY = 0;
 pX = 16.4;
 pY = 16.4;
 count = 0;
 rCount = 0;
 alphaR = 1.5;
 
for( rCount=0; rCount < anz; rCount++){
    if( startY == 0 ){ startY = 92.6; }
    else{ startY += pY; startX = 0;}
    alpha = alphaR * (rCount + 1);
    for( cCount=0; cCount < anz; cCount++){
        if( startX == 0 ){ startX = 12.7; }
        else{ startX += pX }
        this.attachMovie( "gr_quadrat", "mc_"+rCount+"_"+cCount, count++ );
        this["mc_"+rCount+"_"+cCount]._x = startX;
        this["mc_"+rCount+"_"+cCount]._y = startY;
        this["mc_"+rCount+"_"+cCount]._alpha = alpha;
        alpha += alphaR;
    }
}
 
for (a = 0;a<9;i++){
        this["mc_0_"+a].schaukeln("70","170");
} 

[andretti]

aloha!
habe gerade am laptop a bisserle probiert....geht nicht ganz so, wie ich mir das gedacht habe......
schau ma mal....

[andretti]

ich glaube, mein ansatz ist nich so schlecht, aber:

irgendwie/irgendwo muss man noch zusätzliche parameter einbauen,weil:

der "GrasImWindEffekt" ist abhängig von der x-Koordinate;
wenn man nun per schleife versucht, REIHENWEISE(horizontal) die quadrate zu bewegen, dann braucht ja schon das zweite quadrat einen anderen x-bezugspunkt für die bewegungsfunktion...bis hin zum letzten(achten) quadrat dieser reihe.....

wenn man wiederum per schleife versucht, jeweils immer 8 quadrate vertikal-linear zu bewegen, dann bewegen sich ja alle gleich weit vom ursprung-x nach links und rechts, dann hat man aber nicht den erwünschten effekt, weill sich diese quadrate synchron bewegen....und nicht das oberste den längsten weg hat und das unterste den kürzesten......

ich werde aber weitergrübeln, vielleicht gesellt sich ja noch wer vom forum dazu, ich bin gespannt, wie das schlussendlich funzt....

so neben bei: bei der ersten schleife mit "a" wird in meinem script "i++" erhöht, es sollte aber "a++" lauten.......

und das setInterval is auch unnötig.....

[visioncom]

Bin mir auch am gedanchen machen. Nicht ganz ne einfache animation! Werde mich auch melden wenn ich einen schritt weiter bin!
Danke für deine Hilfe...

[andretti]

Lösung brutalo:

einen prototype erstellen;

diesen prototype mit jedem quadrat einzeln aufrufen;

MovieClip.prototype.schaukeln = function(links,rechts){
wert = .5;
this.onEnterFrame = function(){
this._x += wert;
this._x >=rechts ? wert=-0.8 : 0;
this._x <=links ? wert=0.8: 0;
 
}
}
MC_q1.schaukeln(this._x-10,this.x+10);//entweder so probieren, oder koordinate auf bühne ablesen
//quasi musst du für jede vertikale reihe das jeweilige x herausfinden und dann könntest du mit jedem quadrat die function aufrufen;
//je weiter unten die reihe ist, desto weniger abstand vom ursprungs-x 
 

vielleicht geht das ja mal für den anfang;

[visioncom]

habe es jetzt einmal so ausprobiert. funktioniert grundsätzlich auch. jedoch schweift er nur nach rechts und nicht mer nach links zurück!?

[andretti]

is sicher nur 'ne kleinigkeit;

kann aber erst nach dem europacupspiel Austria Wien- AC Parma (LIVE !!!)nachgucken!!!! ca. 0.00 Uhr
ole ole ole ole....................

edit: ad Austria Wien - AC Parma..........

[visioncom]

Habe schon jenste sachen probiert! ist nicht so eine kleinigkeit!

[andretti]

habe mir dein script mal gezogen;
du erstellst ja sämtliche quadrate per script....da meine version zu nehmen und deren ._x auszulesen bin ich nicht mächtig......

was andres:

suche mal nach "wellenbewegung" hier im forum, bei flashstar gibt's auch sowas

[visioncom]

danke für deine hilfe! dein ansatz ist der beste bis jetzt!konnte noch nichts anderes in diese richtung finden!!!

irgendwo ist der wurm drin im schaukeln! er läuft sauber nach links aber nicht mehr sauber nach rechts...