gezoomte grafik wieder "klein bekommen"

[rok°!]

ich lade eine animation verkleinert (30%) per loadmovie in einen neuen mc. nun möchte ich per button die grafik auf ihre originalgröße (100%) zoomen (am liebsten per tween, also mit einer bewegung). das problem dabei ist: wie krieg ich die animation wieder kleiner? mein zoom-button, der neben der grafik war wird überdeckt auf die nachgeladene animation soll aber nicht geklickt werden. ich hätte lieber einen button neben der gezoomten grafik.

hier lade ich die animation nach:

PHP-Code:

createEmptyMovieClip ("ani", 2); 
ani.loadMovie ("de/big_2D.swf"); 
ani._xscale = 30; 
ani._yscale = 30; 
ani._x = 350; 
ani._y = 270; 


und das steht im button:

PHP-Code:

on (release) {
    ani._xscale = 100; 
    ani._yscale = 100; 
    ani._x = 170; 
    ani._y = 50;
} 


wie gesagt, das zoomen klappt ja so einigermaßen (halt ohne tween). allerdings weiss ich nicht, wie ich nun einen button neben die gezoomte grafik bekomme...

kann mir jemand helfen?

[thebiz]

Die Frage ist:

1. Willst Du, dass das Zoomen nicht über den Button zoomt?
2. Willst Du, dass der Button nach dem Zoomen seine Position ändert?

Wäre beides möglich.

[rok°!]

ich denke eher 2.
wenn das geht währe ich glücklich
die grafik ist nicht durchsichtig. wenn der button, rechts unten neben der grafik einach mitrutscht, währe das klasse.
um dir gleich den arm auszureißen: am liebsten währe mir noch, wenn ich einen hintergrund noch einfügen könnte (alpha 80%). die grafik dazu existiert schon

[thebiz]

Ist noch nicht perfekt,
aber schon ein Ansatz:

PHP-Code:

zL = this;
// ******************************************************
function zoomen(objekt) {
 zoom = setInterval(function () {
  if (objekt._xscale<100) {
   objekt._xscale += 5;
   objekt._yscale += 5;
   zL.button_mc._x = zL.rot_mc._x+zL.rot_mc._width+20;
   zL.button_mc._y = zL.rot_mc._y;
   updateAfterEvent();
  }
 }, 10);
}
// ******************************************************
zL.attachMovie("rotBox_mc", "rot_mc", 1);
zL.attachMovie("button_mc", "button_mc", 2);
zL.rot_mc._xscale = zL.rot_mc._yscale=30;
zL.button_mc._x = zL.rot_mc._x+zL.rot_mc._width+20;
zL.button_mc.onPress = function() {
 zoomen(zL.rot_mc);
};
// ****************************************************** 


[rok°!]

aha!
schön. das prinzip hab ich (glaube ich) zunächst erstmal verstanden... und wie krieg ich den button dazu, dass er nach dem zoomen die "zurückzoom-funktion" aufruft?

[thebiz]

So, jetzt mit zoomIn und zoomOut.

Vielleicht willst Du es ja so in etwas machen. Der Mc zoomt
jetzt in eine andere Richtung. Wohin der Mc zoomt kann man
sich ja aussuchen. Das mit dem Button, der sich mitbewegt,
finde ich nämlich eigentlich nicht so hübsch.

PHP-Code:

zL = this;
zoomID = true;
zoomSpeed = zS = 5;
// ******************************************************
function zoomIn(objekt) {
zoom = setInterval(function () {
if (objekt._xscale < 100) {
objekt._xscale += zS;
objekt._yscale += zS;
updateAfterEvent();
} else {
clearInterval(zoom);
}
}, 10);
}
// ******************************************************
function zoomOut(objekt) {
zoom = setInterval(function () {
if (objekt._xscale > 30) {
objekt._xscale -= zS;
objekt._yscale -= zS;
updateAfterEvent();
} else {
clearInterval(zoom);
}
}, 10);
}
// ******************************************************
zL.attachMovie("rotBox_mc", "rot_mc", 1);
zL.attachMovie("button_mc", "button_mc", 2);
zL.rot_mc._xscale = zL.rot_mc._yscale = 30;
zL.rot_mc._x = zL.rot_mc._y = 100;
zL.button_mc._x = zL.rot_mc._x;
zL.button_mc._y = zL.rot_mc._y - 30;
// ******************************************************
zL.button_mc.onPress = function() {
switch (zoomID) {
case true :
zoomIn(zL.rot_mc);
zoomID = !zoomID;
break;
case false :
zoomOut(zL.rot_mc);
zoomID = !zoomID;
}
};
// ****************************************************** 


Ok, man könnte auch eine Funktion nehmen namens zoom.
Das würde das Skript etwas kürzer machen.
Aber die 5-6 Zeilen machen es jetzt auch nicht aus.

[rok°!]

das problem ist einfach, das der button rechts neben der ani stehen muss, weil oben und unten kein platz mehr ist, wenn die ani gezoomt wird.

[rok°!]

ich hab mal'n bissel dran "rumgeschraubt". jetzt bleibt der button rechts daneben und das für mich wichtigste: die grafik zoomt von der mitte aus nach außen (also bleibt nicht bei x,y=0).

allerdings "ruckelt" der button. ich hab da bestimmt noch einen denkfehler drin. vielleicht siehst du ihn ja:

PHP-Code:

zL = this;
zoomID = true;
zoomSpeed = zS = 5;
// ******************************************************
function zoomIn(objekt) {
    zoom = setInterval(function () {
        if (objekt._xscale < 100) {
            objekt._xscale += zS;
            objekt._yscale += zS;
            objekt._x -= zS/2;
            objekt._y -= zS/2;
            zL.button_mc._x = zL.rot_mc._x+zL.rot_mc._width+10;
            zL.button_mc._y = (zL.rot_mc._height/2)-zL.button_mc._height;
            updateAfterEvent();
        } else {
            clearInterval(zoom);
        }
    }, 10);
}
// ******************************************************
function zoomOut(objekt) {
    zoom = setInterval(function () {
        if (objekt._xscale > 30) {
            objekt._xscale -= zS;
            objekt._yscale -= zS;
            objekt._x += zS/2;
            objekt._y += zS/2;
            zL.button_mc._x = zL.rot_mc._x+zL.rot_mc._width+10;
            zL.button_mc._y = zL.rot_mc._height-zL.button_mc._height;
            updateAfterEvent();
        } else {
            clearInterval(zoom);
        }
    }, 10);
}
// ******************************************************
zL.attachMovie("rotBox_mc", "rot_mc", 1);
zL.attachMovie("button_mc", "button_mc", 2);
zL.rot_mc._xscale = zL.rot_mc._yscale=30;
zL.button_mc._x = zL.rot_mc._x+zL.rot_mc._width+10;
// ******************************************************
zL.button_mc.onPress = function() {
    switch (zoomID) {
    case true :
        zoomIn(zL.rot_mc);
        zoomID = !zoomID;
        break;
    case false :
        zoomOut(zL.rot_mc);
        zoomID = !zoomID;
    }
};
// ****************************************************** 


[rok°!]

so. bin mal wieder selbst drauf gekommen
abwarten, bis es ein anderer macht ist zwar nett aber bringt nix (und ist zudem noch viel langsamer)

also um das sogn. ruckeln wegzubekommen muss man einfach nur die rechnung für den grünen button überarbeiten:

PHP-Code:

zL.button_mc._y = zL.rot_mc._height+zL.rot_mc._y-zL.button_mc._height; 


und das kommt dann in beide zoom-functions rein (anstatt der vorhandenen).

[rok°!]

jetzt komm ich aber wirklich nicht weiter:
rotBox_mc soll geladen werden. existiert also nur als externe swf

wie mach ich das?
mein ansatz sieht soaus, klappt aber nich:

PHP-Code:

createEmptyMovieClip ("ani", 1); 
ani.loadMovie ("sub_big_siClaro_2D.swf"); 
zL.attachMovie("ani", "ani", 2);
zL.attachMovie("button_mc", "button_mc", 3); 


[thebiz]

Das muss aber klappen:

PHP-Code:

zL = this;
zL.createEmptyMovieClip("ani", 1);
zL.ani.loadMovie("rotBox.swf"); 


Axo, warum hast Du das attachMovie noch
da stehen? Ich denke du lädst extern?

[rok°!]

sehen tue ich es auch.
allerdings scheint da was nicht richtig zu funktionieren...

mein button gurkt irgendwo oberhalb der grafik herum und das nette zoomen (von der mitte heraus) klappt jetzt auch nicht, obwohl ich nur die grafik jetzt hinzulade, den rest hab ich nicht verändert...

[thebiz]

Also wenn Du den Film einlädst,
musst Du natürlich auch darauf achten,
das die Namen auch nocht stimmen,
die im Skript verwendet wurden.
Du lädst ja jetzt das .swf in den container "ani"
wie es scheint. Also auch das Skript
entsprechend ändern.
Denn eigentlich ist es egal ob es jetzt eingeladen wird
oder nicht. Hauptsache die Referenzierungen stimmen.

[rok°!]

yo, hab ich ja. guck:

[thebiz]

Du musst halt schauen, wie Du die .swf anlegst.
Am besten die Bühne ist so groß wie der Inhalt.

Ich habe mal das Skript etwas geändert.
Die genaue Positionierung des Buttons,
musst Du halt für Deine Zwecke anpassen.

PHP-Code:

zL = this;
zoomID = true;
zoomSpeed = zS = 5;
// ******************************************************
function zoomIn(objekt) {
 zoom = setInterval(function () {
  if (objekt._xscale < 50) {
   objekt._xscale += zS;
   objekt._yscale += zS;
   objekt._x -= zS / 2;
   objekt._y -= zS / 2;
   // objekt._y -= zL.ani._height*objekt._yscale/100/2;
   updateAfterEvent();
  } else {
   clearInterval(zoom);
  }
 }, 10);
}
// ******************************************************
function zoomOut(objekt) {
 zoom = setInterval(function () {
  if (objekt._xscale > 30) {
   objekt._xscale -= zS;
   objekt._yscale -= zS;
   objekt._x += zS / 2;
   objekt._y += zS / 2;
   updateAfterEvent();
  } else {
   clearInterval(zoom);
  }
 }, 10);
}
// ******************************************************
zL.createEmptyMovieClip("ani", 1);
zL.ani.loadMovie("test.swf");
zL.onEnterFrame = function() {
 if (zL.ani._width > 0) {
  zL.attachMovie("button_mc", "button_mc", 3);
  zL.button_mc.onPress = function() {
   switch (zoomID) {
   case true :
    zoomOut(zL.ani);
    zoomID = !zoomID;
    break;
   case false :
    zoomIn(zL.ani);
    zoomID = !zoomID;
   }
  };
  zL.ani._xscale = zL.ani._yscale = 50;
  zL.ani._x = 100;
  zL.button_mc._y = 0;
  zL.button_mc._x = 150;
  delete zL.onEnterFrame;
 }
};
// ******************************************************