[TUTORIAL] - Scale & Stage

[Realtimefreak]

>> schon ist das Ding immer in der Mitte. <<

Aber natürlich auch nur wenn du als swf Größe in der Html feste Werte angibst. Bei % sieht das ganze schon wieder anders aus.

[amexdesign]

PHP-Code:

Stage.scaleMode = "noScale"; 
Stage.align = "LT"; 
lstrn = new Object(); 
lstrn.onResize = function() { 
    MC._x = Stage.width/2; 
    MC._y = Stage.height/2; 
}; 
Stage.addListener(lstrn); 
lstrn.onResize(); 


so zentriert, bleibt MC immer in der Mitte der Stage, egal, ob die swf-Größe in Pixel oder prozentual angegeben ist.

[Realtimefreak]

Das Problem bei silbercue ist aber das er:

Stage.align = "T";

schreibt. Und nicht LT ...

[salazar]

hi,
richtig wäre wenn dann aber auch "TL"... und nicht "LT"

cheers,
sal

[Realtimefreak]

Schimpf und Schande über mich ...

[curious]

Hallo ,

ich habe ein Problem an dem ich mir schon seit Tagen die Zähne ausbeisse :-(

Ich lade eine externe .swf Datei in eine Haupt-Flash-Datei.
Die externe swf.Datei ist ein Animationsfilm, den ich aus Illustratordateien erstellt habe.
– Diese Animation soll als Hintergrundfilm laufen und soll sich der jeweiligen Browserfenstergröße proportional anpassen.
– Die Navigation der Site liegt dann an fester Position im Vordergrund (in der Hauptflashdatei) und soll nicht mit skaliert werden.

Hier zum Anschauen mit Hintergrund und Navigation:
fullscreentest 4

Nun mein grosses Problem: Wenn bei der externen Datei (also der Animationsfilm) die Grafiken über die Bühne gezogen wird, benutzt Flash beim Reinladen nicht die Größe der auf der Bühne sichtbaren Grafik sondern berechnet die über die Bühne hinausgehenden Grafiken mit ein....Dadurch wird beim rein laden falsch skaliert und plaziert .... und eine Skalierung findet beim Verändern der Größe des Browserfensters auch nicht statt. Gibt es da eine Lösung?


Hier zum Anschauen:
Meine Ausgangstest mit einem Hintergrund, dessen grafische Elemente auch über die Bühnengröße gehen, wobei hier alles klappt!

Fullscreentest Extern

Derselbe Test nur mit dem reingeladenen Animationsfilm

Fullscreentest 2 Extern

Hier mein Code den ich für den Hauptflashfilm zum Reinladen und der Skalierung der externen .swf verwendet habe:

PHP-Code:

Stage.scaleMode = "noScale";
Stage.align = "TL";

var bgFile:String = "bg_film.swf";
var bgWidth:Number;
var bgHeight:Number;
var ratio:Number;

// ---------- RESIZE LISTENER -----------------------
var stageListener:Object = new Object();
stageListener.onResize = function() : Void{
    resizeBackground();
}
Stage.addListener(stageListener);


// ---------- MOVIELOADER FOR BACKGROUND SWF --------
var loadListener:Object = new Object();
var bgLoader:MovieClipLoader = new MovieClipLoader();
bgLoader.addListener(loadListener);
bgLoader.loadClip(bgFile, container);
loadListener.onLoadInit = function(container) : Void{
    bgHeight = container._height;
    bgWidth  = container._width;
    ratio = bgWidth / bgHeight;
    ratio = Math.floor(ratio*100)/100;
    resizeBackground();
}


// ---------- SCALE FUNCTION FOR BACKGROUND SWF -----
function resizeBackground() : Void{
    if(Stage.width > bgWidth && Stage.height <= bgHeight){
        container._height = Stage.width / ratio;
        container._width = Stage.width;
    }
    if(Stage.height > bgHeight && Stage.width <= bgWidth){
        container._height = Stage.height;
        container._width = Stage.height * ratio;
    }
    if(Stage.height > bgHeight && Stage.width > bgWidth){
        if(Stage.width / Stage.height < ratio){
            container._height = Stage.height;
            container._width = Stage.height * ratio;
        }
        if(Stage.width / Stage.height > ratio){
            container._height = Stage.width / ratio;
            container._width = Stage.width; 


Im Anhang findet ihr die verwendeten Dateien der Tests als .fla:



Den Animationsfilm.fla (ein Auszug) als möglichen Übeltäter hier:
http://ww.zapport.de/animation_short.zip



Jede Hilfe wäre toll,

curious

[Pascalos]

Tach auch,

habe folgendes Problem. Meine swf passt sich nicht meinem Brwoser an. habe mir die Flash-8 - Scale & Stage.zip datei geladen. aber irgendwie kann ich das nicht umsetzen. *Schäm

Wäre super wenn mir jemand dabei behilflich sein könnte.

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 = MC._width/2;
	MC._y = MC._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.

Hatte mich für diesen code entschieden. Wies nur nicht ob es der richtige ist.
Mein Problem zur Zeit ist das wenn ich den film in opera gucke mit einer auflösung von 1900*1200 , da ist alles in ordnung. aber wenn ich die Auflösung änder z.B. auf 1024*768 dann passt das alles nicht mehr.

Versuche es schon seit tagen......

[amexdesign]

Hallo,

was ist denn der scaleMC? Ist es ein leeres MC, in den was geladen wird oder ist es ein MC mit farblicher Füllung???

[Pascalos]

genau da liegt mein problem!

ich weiss nicht was damit gemeint ist oder was ich da eintragen muss. hier ist die Internetseite: SEITE

vielleicht sieht man hier jetzt mein Problem besser.

Bitte nehmt dafür einenAuflösung über 1200*..... und danach mal 1024*..... da könnt ihr sehen was mein Problem ist.

Vielleicht hilft das noch: Mein Background Image im flashfilm ist 1600*.... groß. Die Bühne ist 950*900. wenn ich in Flash den Film Teste wird nur die Bühne angezeigt. Das sieht gut aus. Gehe ich dann ins www, dann wird der konplette Hintergrunf geladen. Das heißt der film wird viel zu groß für den browser.

Es wäre super super super cool wenn mir da jemand helfen könnte!!!!!

Gruß
Pascal

[amexdesign]

OK. Wenn Background Image in den scaleMC geladen wird, dann vielleicht so:

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 - scaleMC._width/2;
    //den zu skalierenden MovieClip in die Mitte des Flash Films setzen. 
    scaleMC._y = Stage.height/2 - scaleMC._height/2;
    //den zu skalierenden MovieClip in die Mitte des Flash Films setzen. 
    //scaleMC._width = Stage.width;///// hier kannst du doch nicht ein Bild von 1600*... auf 1024 setzen, wenn die Auflösung 1024x786 ist.
    //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 = MC._width/2;
    MC._y = MC._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. 


[amexdesign]

Und jetzt das Ganze auch als AS3

PHP-Code:

import flash.events.Event;
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, resizeHandler);
function resizeHandler(event:Event):void{
    scaleMC.x = stage.stageWidth/2 - scaleMC.width/2;
    scaleMC.y = stage.stageHeight/2 - scaleMC.height/2;
} 


[Linopacino]

wie kriege ich den hin das txtHeader immer links oben ist bei mir?
und ein neuer mc immer unten rechts ist? egal wie gross oder klein man das browserfenster zieht?

ich habe bis jetzt das erstellt :

PHP-Code:

import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.Event;

stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.addEventListener(Event.RESIZE, resizeHandler);

stage.dispatchEvent(new Event(Event.RESIZE));


function resizeHandler( event:Event ):void
{
    header.width = stage.stageWidth;
    
     
    txtHeader.x = (stage.stageWidth / 2) -370;
    mcHeader.x = (stage.stageWidth / 2) + 480;
    
    
    middle.x = (stage.stageWidth / 2) - (middle.width / 2);
    middle.height = stage.stageHeight - header.height - footer.height;
    
    mcMiddle.x = (stage.stageWidth / 2) - (mcMiddle.width / 2);
    
    footer.width = stage.stageWidth;    
    footer.y = stage.stageHeight - footer.height;
} 


aber hier ist der txtHeader zwar immer links oben, aber nur auf der eigentlich stage, zieht man das fenster grösser als die Stage bleibt der txtHeader trotzdem auf der Stage sprich, er entfernt sich vom browserfenster.

[pbmuenchen]

Was muss man ändern, damit der Hintergrund proportional vergrößert oder verkleinert wird (nicht verzerrt)?

Viele Grüße

pbmuenchen

[Decius]

Das würde mich jetzt aber auch nochmal interessieren

[GCBMadeira]

gibts darauf keine antwort mehr??