Bouncing Window

[Syracus]

Fragen über Fragen!

Ich habe ein Bouncing Window (von mir mit mx.transitions) mit Schatten (nicht von mir) gebastelt.

Siehe Anhänge...swf und fla.

Was ich aber trotz mehrmaligen Probieren nicht zu Rande bringe ist, dass der Schatten sich NICHT mit vergrössert, sondern gleich bleibt.

Zudem möchte ich externe mc's reinladen, wenn das Fenster fertig gebounced hat (den Ort habe ich mit "aus" - Textfeld markiert). Aber das Problem ist, wie kann ich das Fenster in die jeweilige Grösse der externen mc's bringen da ich ja deren Grösse nicht weiss...

Zudem sind die Parameter nicht so besonders schlau gewählt...

Ich hoffe Ihr wisst Rat und könnt mir dabei helfen...:

// Funktion aktivieren
 
onLoad = function ()
{   
 
    function update(){
        
        // Variablen Rahmen
        var x     = -54;
        var y     = -54;
        var width =  109;
        var height=  109;
        var blur  =   5;
        var color = 0x333333;
        var alpha =   20;
        
        // FVariablen :      FensterClip, xPos, yPos, xFaktor, yFaktor, xPosZeit, yPosZeit, xZeit, yZeit, Cor
        _root.setzeFenster (_root.mc_container, 0,  0,  200,  200,   100, 100, 100, 100, 15);
 
        // Funktionsaufruf Schatten
        rahmen.clear();
        rahmen.blurredRect(x, y, width, height, blur, color, alpha);
        rahmen.drawRahmen(0xFFFFFF,80);
        }
 
    function init() {
        rahmen = _root.mc_container.mc_inhalt;
        update();
        }
        init();
    
 
};
 
// Funktion Fenster setzen
 
function setzeFenster (FensterClip, xPos, yPos, xFaktor, yFaktor, xPosZeit, yPosZeit, xZeit, yZeit, Cor)
{
    
    var tweenWidth = FensterClip;
    tweenWidth.anfangWidth = FensterClip._width + Cor;  // Cor ist Korrektur
    tweenWidth.endeWidth = FensterClip._width + xFaktor;
    tweenWidth.dauerWidth = xZeit; 
    
    var tweenHeight = FensterClip;
    tweenHeight.anfangHeight = FensterClip._height + Cor; // Cor ist Korrektur
    tweenHeight.endeHeight = FensterClip._height + yFaktor;
    tweenHeight.dauerHeight = yZeit; 
    
    var tweenX = FensterClip;
    tweenX.anfangX = FensterClip._x;
    tweenX.endeX = FensterClip._x + xPos;
    tweenX.dauerX = xPosZeit; 
    
    var tweenY = FensterClip;
    tweenY.anfangY = FensterClip._y +Cor;
    tweenY.endeY = FensterClip._y + yPos;
    tweenY.dauerY = yPosZeit;
    
    FensterClip.onPress = function ()
        {
        changeSize (this);
        };
}
 
// Ease - Container
 
function changeSize (obj)
{
        var tweenWidth = new mx.transitions.Tween (obj, 
        "_width", mx.transitions.easing.Elastic.easeOut, obj.anfangWidth, 
        obj.endeWidth, obj.dauerWidth);
        
        var tweenHeight = new mx.transitions.Tween (obj, 
        "_height", mx.transitions.easing.Elastic.easeOut, obj.anfangHeight, 
        obj.endeHeight, obj.dauerHeight);
        
        var tweenX = new mx.transitions.Tween (obj, 
        "_x", mx.transitions.easing.Elastic.easeOut, obj.anfangX, 
        obj.endeX, obj.dauerX);
        
        var tweenY = new mx.transitions.Tween (obj, 
        "_y", mx.transitions.easing.Elastic.easeOut, obj.anfangY, 
        obj.endeY, obj.dauerY);
        
        tweenWidth.onMotionFinished = function ()
        {
        aus = "Bewegung fertig!"; // Hier kann man ein LoadClip machen
        };
}
 
 
// Schatten
 
MovieClip.prototype.drawRahmen = function(c,a) {
        
        this.lineStyle(1,col,15);
        this.moveTo(startX,startY);
        this.beginFill(c,a)
        this.lineTo(startX+breite,startY);
        this.lineTo(startX+breite,startY+hoehe);
        this.lineTo(startX,startY+hoehe);
        this.lineTo(startX,startY);
        this.endFill()
        updateAfterEvent();
        //drawShaddow();
};
MovieClip.prototype.drawRect = function(x1, y1, w, h,c,a,lthick,lc,la) {
        this.lineStyle(lthick,lc,la);
        this.moveTo(x1,y1)
        this.beginFill(c,a)
        this.lineTo(x1+w,y1)
        this.lineTo(x1+w,y1+h)
        this.lineTo(x1,y1+h)
        this.lineTo(x1,y1)
        this.endFill()
};
 
MovieClip.prototype.blurredRect = function(x, y, width, height, blur, color, alpha) {
        this.lineStyle();
        var f = [];
        var sum = 0;
        for (var i = 1; i<blur+1; i++) {
                f[i-1] = i*i;
                sum += f[i-1];
        }
        var newfactor= 2;
        var counter = 40;
        do {
                factor=newfactor
                var b = 0;
                for (var i = 0; i<=blur; i++) {
                        var ftemp = (f[i]*(factor*alpha)/sum)/100;
                        b = b*(1-ftemp)+ftemp;
                }
                counter--;
                newfactor *= alpha/(100*b);
        } while ((counter>0) && (Math.abs(100*b-alpha)>.5));
        for (var i = 0; i<=blur; i++) {
                f[i] *= (factor*alpha)/sum;
        }
        for (var i = 0; i<=blur; i++) {
                this.beginFill(color, f[i]);
                this.roundRect(1+(x+i)-blur/2, 1+(y+i)-blur/2, x+width-i+blur/2-1, y+height-i+blur/2-1, blur-(i*2/3));
                this.endFill();
        }
};
MovieClip.prototype.roundRect = function(x1, y1, x2, y2, r) {
        r = Math.min(Math.abs(r), Math.min(Math.abs(x1-x2), Math.abs(y1-y2))/2);
        var f = 0.707106781186548*r;
        var a = 0.588186525863094*r;
        var b = 0.00579432557070009*r;
        var ux = Math.min(x1, x2);
        var uy = Math.min(y1, y2);
        var lx = Math.max(x1, x2);
        var ly = Math.max(y1, y2);
        this.moveTo(ux+r, uy);
        var cx = lx-r;
        var cy = uy+r;
        this.lineTo(cx, uy);
        this.curveTo(lx-a, uy+b, cx+f, cy-f);
        this.curveTo(lx-b, uy+a, lx, uy+r);
        cy = ly-r;
        this.lineTo(lx, cy);
        this.curveTo(lx-b, ly-a, cx+f, cy+f);
        this.curveTo(lx-a, ly-b, lx-r, ly);
        cx = ux+r;
        this.lineTo(cx, ly);
        this.curveTo(ux+a, ly-b, cx-f, cy+f);
        this.curveTo(ux-b, ly-a, ux, ly-r);
        cy = uy+r;
        this.lineTo(ux, cy);
        this.curveTo(ux+b, uy+a, cx-f, cy-f);
        this.curveTo(ux+a, uy+b, ux+r, uy);
}; 

Beste Grüsse, Syra

[soloFlash]

Auf Deine Fragen:

1.)
rahmen = _root.mc_container.mc_inhalt;
fenster = _root.mc_container;
--> rahmen befindet sich im fenster --> wenn Du das Fenster veränderst, ändert sich der Rahmen mit! Nimm den Schatten raus aus dem Fenster, leg ihn in einen eigenen MC dann geht's!

2.)
die Grösse reingeladener MCs sind in Flash erst verfügbar, wenn der MC fertig reingeladen wurde. Kannst Du dann über _width und _height abfragen.
Mach doch erst das Laden, und wenn das Fertig ist, dann das Bouncen.

[Syracus]

Danke für die Antwort aber:

rahmen = _root.mc_container.mc_inhalt;
fenster = _root.mc_container;
--> rahmen befindet sich im fenster --> wenn Du das Fenster veränderst, ändert sich der Rahmen mit! Nimm den Schatten raus aus dem Fenster, leg ihn in einen eigenen MC dann geht's!

Frage 1: Nun der Schatten muss ja zum Clip mc_container gehören. Wie bringe ichs denn fertig ihn in einen eigenen mc zu bringen? Meinst Du das so, dass ich einen neuen mc_rahmen schaffe, der dann aber die Parameter des Fensters mitübernehmen kann?

Frage 2: Wie in aller Welt lade ich am Ende swf's rein, das hat nicht so richtig geklappt bei mir...und wird der swf, denn nicht auch verzogen?

lg Syra

[Syracus]

Scheint ne Knacknuss zu sein...

Ich weiss echt nicht wie man das löst oder ob es tatsächlich so einfach ist wie Du sagst. Baue ich einen neuen mc_rahmen und lasse Ihn mit dem bouncing Fenster vergrössern, wird der neue Rahmen sich ja ebenfalls mitverändern müssen...

Die Lösung läge wohl eher darin, die Variablenwerte des Rahmens zu bearbeiten. Das heisst zu VERKLEINERN, wenn sich das Fenster vergrössert. Wäre aber ne Heidenarbeit! Ich hoffte aber auf eine einfachere Lösung...z.B mit einem mc der nicht auf Skallierungen reagiert bloss seine Grösse verändert...hmm das aber sounds nach übler Sience Fiction...

Grüsse, Syra

[soloFlash]

Deine Aufbau:
_root
...+ mc_container
......+ mc_rahmen

wenn Du einen MC veränderst (grösse...), dann nimmt der natürlich alle darin enthalten MCs mit.
selbstverständlich kannst Du dagegensteuern (container vergrössern, rahmen verkleinern), aber damit das passt, ist wohl wirklich viel arbeit notwendig.

Alternativer Aufbau (Rahmen nicht mehr im Container)
_root
...+ mc_container
...+ mc_rahmen

Coantaineränderungen berühren den Rahmen nicht mehr!

zur anderen Frage:
loadMovie lädt Dateien. Wenn der Pfad stimmt, dann klappt es.
ja, natürlich wird der "mitverzogen", wenn er innerhalb des MCs liegt, der verändert wird.

Wenn ich verstanden habe, was Du vorhast (swf laden, dann Rahmen entsprechend anpassen):
ich würde erst laden, dann über die "preloader-technik" warten, bis er fertig geladen ist, dann grösseneigenschaften abfragen, und dann den container bouncen lassen.

wolltest Du das so?

[Syracus]

Dennoch weiss ich nicht, ob ich mich passend ausgedrückt habe. Ich möchte ja, dass sich der Rahmen mit dem gebounceden Fenster verändert, jedoch nur in der width und length, nicht in der Dicke. Daraus schliesse ich also, es gibt keine andere Lösung als die die ich schon weiss, nämlich die, dass man die Variablenwerte des Rahmens mitverändern muss, je nach Fenster... oder will ich Dich einfach nicht verstehen...???

Also ich habe das mit dem separaten Rahmen ausprobiert, dass man das tun kann ist klar, doch der Rahmen bleibt dann eben einfach was für sich und ich will ja, dass er mitbounced...

Das zweite wollte ich so, vielen Dank

Beste Grüsse, Syra