Animation verändern

[Denniz]

Hallo Leute,
ich habe mir mal vor einiger zeit ein vertikal laufenden Blättereffekt zusammengebaut.
Dies hab ich mit einer verschachtelten schleife gelöst bei der ein rechteck mc dubliziert und nach und nach abgespielt wird.
Jetzt hätte ich diesen effekt aber gerne so wie es hier auf der Page zu sehen ist: http://www.indenhuck.de/ (Das Photo rechts).

Ich habe aber keine Idee was ich in meinem Skript dafür ändern muß.

Mein AS:

var anz_hor = 5;
var anz_vert = 5;
_global.count=1;
_global.anz_rechteck = anz_hor*anz_vert;
function blaettern(hintergrund, rechteck, horizontal_lines, vertikal_lines) {
	//Eigenschaften für rechteck 
	rechteckbreite = hintergrund._width/horizontal_lines;
	rechteckhoehe = hintergrund._height/vertikal_lines;
	rechteck._width = rechteckbreite;
	rechteck._height = rechteckhoehe;
	startx = hintergrund._x-hintergrund._width/2+rechteckbreite/2;
	starty = hintergrund._y-hintergrund._height/2+rechteckhoehe/2;
	rechteck._x = startx;
	rechteck._y = starty;
	zaehler = 0;
	for (i=1; i<=vertikal_lines; i++) {
		for (j=1; j<=horizontal_lines; j++) {
			zaehler++;
			duplicateMovieClip(rechteck_mc, "rechteck_mc"+zaehler, zaehler);
			this["rechteck_mc"+zaehler]._y = starty+rechteckhoehe*(j-1);
			this["rechteck_mc"+zaehler]._x = startx+rechteckbreite*(i-1);
		}
	}
}
this.blaettern(this.hintergrund_mc, this.rechteck_mc, anz_hor, anz_vert);
this.rechteck_mc.gotoAndPlay(2);
stop();

Was müßte ich ändern damit die Animation so aussieht wie bei der gennanten website.

Hier ist meine fla: http://schrottplatz.pytalhost.com/effekt.rar

Vielleicht hat jemand einen Tip für mich.

 

[Denniz]

Hat niemand eine Idee wie man diesen Blättereffekt umsetzt?

 

[Scorpion-Stinger]

Hat niemand eine Idee wie man diesen Blättereffekt umsetzt?

Doch!! ;-)

Ich habe dir die angepasste Projektdatei in den Anhang gelegt.

Zur Erklärung:

Dein Script

var anz_hor = 5; 
var anz_vert = 5; 
_global.count=1; 
_global.anz_rechteck = anz_hor*anz_vert; 
function blaettern(hintergrund, rechteck, horizontal_lines, vertikal_lines) { 
    //Eigenschaften für rechteck  
    rechteckbreite = hintergrund._width/horizontal_lines; 
    rechteckhoehe = hintergrund._height/vertikal_lines; 
    rechteck._width = rechteckbreite; 
    rechteck._height = rechteckhoehe; 
    startx = hintergrund._x-hintergrund._width/2+rechteckbreite/2; 
    starty = hintergrund._y-hintergrund._height/2+rechteckhoehe/2; 
    rechteck._x = startx; 
    rechteck._y = starty; 
    zaehler = 0; 
    for (i=1; i<=vertikal_lines; i++) {  // vertikal_lines in horizontal_lines ändern
        for (j=1; j<=horizontal_lines; j++) { // horizontal_lines in vertikal_lines ändern
            zaehler++; 
            duplicateMovieClip(rechteck_mc, "rechteck_mc"+zaehler, zaehler); 
            this["rechteck_mc"+zaehler]._y = starty+rechteckhoehe*(j-1);  // (j-1) in (i-1) ändern
            this["rechteck_mc"+zaehler]._x = startx+rechteckbreite*(i-1); // (i-1) in (j-1) ändern
        } 
    } 
} 
this.blaettern(this.hintergrund_mc, this.rechteck_mc, anz_hor, anz_vert); 
this.rechteck_mc.gotoAndPlay(2); 
stop();

Liebe Grüße
Mathias

 

[Denniz]

Hallo,

danke für deine mühe. Aber das ist immer noch nicht der effekt wie er auf der page zu sehen ist. Jetzt ist er zwar horizontal statt vertikal aber auf der Page ist er diagonal. Ist bestimmt dort mit tweens gemacht aber eine AS möglcihkeit muß es doch auch geben.

 

[Tobias Menzel]

Hi,

Denniz, bitte beachte unsere Netiquette in Bezug auf Groß- und Kleinschreibung, danke!

@Topic: Im Anhang findest Du ein Beispiel, das Dir die grundsätzliche Vorgehensweise verdeutlichen sollte.

Gruß
.