[TUTORIAL] - Scale & Stage

[Scheidlf]

Hallo,

Ich hab mir gedacht ich mach ein Tutorial über das nicht Skalieren und ausrichten von MC's, da in letzter Zeit einige Fragen wie "Wie kann ich einen MC immer unten Links im Eck bleiben lassen. Auch wenn ich die Browsergröße verändere." oder "Wie kann ich einen MC immer in der Mitte bleiben lassen. Auch wenn ich die Browsergröße verändere."auftreten.


1. Skalierung für den ganzen Flash-Film "abschalten".

PHP-Code:

Stage.scaleMode = "noScale"; 


2. Skalierung nur für einen MC "abschalten", der Rest soll skaliert werden.

PHP-Code:

Stage.scaleMode = "noScale";
//Skalierung für die ganze Bühne abschalten. 


PHP-Code:

Stage.align = "TL";
//Die aktuelle Ausrichtung der SWF-Datei im Player oder Browser. In diesem Fall TL(Top-Left). 


PHP-Code:

lstrn = new Object();
//Listener erstellen. 


PHP-Code:

lstrn.onResize = function() {
    //Beim verändern der Bühnengröße... 


PHP-Code:

    scaleMC._x = Stage.width/2;
    //den zu skalierenden MovieClip in die Mitte des Flash Films setzen.
    scaleMC._y = Stage.height/2;
    //den zu skalierenden MovieClip in die Mitte des Flash Films setzen.
    scaleMC._width = Stage.width;
    //die Breite des MovieClip = die Breite der Bühne.
    scaleMC._height = Stage.height;
    //die Höhe des MovieClip = die Höhe der Bühne. 


PHP-Code:

    MC._x = Stage.width/2;
    //den MovieClip der nicht skaliert werden soll, in die Mitte des Flash Films setzen.
    MC._y = Stage.height/2;
    //den MovieClip der nicht skaliert werden soll, in die Mitte des Flash Films setzen. 


PHP-Code:

Stage.addListener(lstrn);
//Listener der Bühne hinzufügen.
lstrn.onResize()
//sofort die Funktion aufrufen. 


der ganze Code würde dann so aussehen:

PHP-Code:

Stage.scaleMode = "noScale";
//Skalierung für die ganze Bühne abschalten.
Stage.align = "TL";
//Die aktuelle Ausrichtung der SWF-Datei im Player oder Browser. In diesem Fall TL(Top-Left). 
lstrn = new Object();
//Listener erstellen.
lstrn.onResize = function() {
    //Beim verändern der Bühnengröße...
    scaleMC._x = Stage.width/2;
    //den zu skalierenden MovieClip in die Mitte des Flash Films setzen.
    scaleMC._y = Stage.height/2;
    //den zu skalierenden MovieClip in die Mitte des Flash Films setzen.
    scaleMC._width = Stage.width;
    //die Breite des MovieClip = die Breite der Bühne.
    scaleMC._height = Stage.height;
    //die Höhe des MovieClip = die Höhe der Bühne.
    MC._x = Stage.width/2;
    //den MovieClip der nicht skaliert werden soll, in die Mitte des Flash Films setzen.
    MC._y = Stage.height/2;
    //den MovieClip der nicht skaliert werden soll, in die Mitte des Flash Films setzen.
};
Stage.addListener(lstrn);
//Listener der Bühne hinzufügen.
lstrn.onResize()
//sofort die Funktion aufrufen. 


3. Ausrichten eines MC's.

PHP-Code:

Stage.scaleMode = "noScale";
//Skalierung für die ganze Bühne abschalten.
Stage.align = "TL";
//Die aktuelle Ausrichtung der SWF-Datei im Player oder Browser. In diesem Fall TL(Top-Left). 
lstrn = new Object();
//Listener erstellen.
lstrn.onResize = function() {
    //Beim verändern der Bühnengröße...
// 
//Hier einen der folgenden Punkte(a,b,c...) einsetzen.
//
};
Stage.addListener(lstrn);
//Listener der Bühne hinzufügen. 


Diese gelten, wenn der Registrierungspunkt des MC's in der Mitte ist.


a.) In der unteren rechten Ecke...

PHP-Code:

MC._x = Stage.width-(MC._width/2);
MC._y = Stage.height-(MC._height/2); 


b.) In der unteren linken Ecke...

PHP-Code:

MC._x = MC._width/2;
MC._y = Stage.height-(MC._height/2); 


c.) In der oberen linken Ecke...

PHP-Code:

MC._x = MC._width/2;
MC._y = MC._height/2; 


d.) In der oberen rechten Ecke...

PHP-Code:

MC._x = Stage.width-(MC._width/2);
MC._y = MC._height/2; 


e.) In der Mitte...

PHP-Code:

MC._x = Stage.width/2;
MC._y = Stage.height/2; 


Diese gelten wenn der Registrierungspunkt des MC's in der linken oberen Ecke ist.

a.) In der unteren rechten Ecke...

PHP-Code:

MC._x = Stage.width-MC._width; 
MC._y = Stage.height-MC._height; 


b.) In der unteren linken Ecke...

PHP-Code:

MC._x = 0; 
MC._y = Stage.height-MC._height; 


c.) In der oberen linken Ecke...

PHP-Code:

MC._x = 0;
MC._y = 0; 


d.) In der oberen rechten Ecke...

PHP-Code:

MC._x = Stage.width-MC._width; 
MC._y = 0; 


e.) In der Mitte...

PHP-Code:

MC._x = (Stage.width-MC._width)/2; 
MC._y = (Stage.height-MC._height)/2; 


Beispieldateien sind im Anhang als RAR und ZIP vorhanden.

Edit:
@ Mods
Darf ich einfach so in den Titel [TUTORIAL] schreiben.?

[Orbiter]

Scheidlf fast gelungen

Zitat von Scheidlf

a.) In der unteren rechten Ecke...

PHP-Code:

MC._x = Stage.width-MC._width;
MC._y = Stage.height-MC._height; 


b.) In der unteren linken Ecke...

PHP-Code:

MC._x = 0;
MC._y = Stage.height-MC._height; 


c.) In der oberen linken Ecke...

PHP-Code:

MC._x = 0;
MC._y = 0; 


d.) In der oberen rechten Ecke...

PHP-Code:

MC._x = Stage.width-MC._width;
MC._y = 0; 


e.) In der Mitte...

PHP-Code:

MC._x = (Stage.width-MC._width)/2;
MC._y = (Stage.height-MC._height)/2; 


[Scheidlf]

@ Orbiter

Und auf das werden die meisten sicherlich selbst kommen, dass sie was abziehen oder dazuzählen müssen wenn sie einen anderen Registrierungspunkt gewählt haben.

>> Fortgeschrittenen Forum

[~pyropete~]

Danke!

Mir fehlt aber eine Beispiel-Fla, zum Angucken (ich denke daß noScale und Ausrichten eines MC und gleichzeitiges Scale der Stage ist da am interessantesten für die meisten)---

Und auf das werden die meisten sicherlich selbst kommen, dass sie was abziehen oder dazuzählen müssen wenn sie einen anderen Registrierungspunkt gewählt haben.

Das denkst Du! Tutorials müssen DAU-Sicher sein.
Orbiters Beispiel bezieht sich darauf, wenn der Registrierpunkt eines MC die linke, obere Ecke ist, nicht die Mitte, was prinzipiell immer der Fall ist, wenn MC dynamisch generiert werden ...

--pp

[Scheidlf]

Hier die Examples-Files

(Ich habs auch oben geändert)

[Orbiter]

@ Scheidlf

Ist der 0 Punkt in der Mitte des MCs mußt Du immer noch die halbe Breite und Höhe des MCs abziehen. Nur wenn der 0 Punkt rechts unten liegt kannst Du mit Stage.width und Stage.height arbeiten ohne Zugabe, sonst versteckst Du den MC ausserhalb der Bühne.

[Scheidlf]

Ich hab es eh korrigieert .... auserdem, wer sagt dass der MC nicht aus der Bühne hinaus ragen soll?

[Orbiter]

Von mir ein

[Scheidlf]

[Scheidlf]

so. passt.

[marc]

Fein. Und danke für den Hinweis. Packe ich dann direkt einmal in die Tutorial Ecke.

Gruß,
marc

[sebastian]

Danke, jetzt weiß ich schon auf was ich hinweise, wenn mal wieder jemand nicht in die Flash Hilfe schauen kann.
Finds immer sehr lobenswert wenn jemand solche Beiträge schreibt, viel zu viele User fragen nur. Also weiter so

lg

[Scheidlf]

freut mich dass es euch gefällt...

[andretti]

aloha!

....wenn ich also quasi die swf über den ganzen browser haben möchte, verwende ich deinen code, und im object- tag geb ich die swf-größe mit 100% an....?

[Scheidlf]

ja genau...