Dynamischer Abstand etwas schwer zu realisieren

Hallo zusammen,

ich stehe wiedermal voll aufm Schlauch und kann wieder mal sehr gut eure klugen Köpfe gebrauchen - bzw. ich bitte euch darum die mir mal kurz auszuleihen

Spaß bei Seite... ich habe das Problem, dass ich drei MCs habe, die beim Klicken ihre Größe verändern, so weit so gut, jedoch möchte ich gerne, dass sie sich immer aneinander orientieren wo sie grade sein sollten, damit der Abstand gleich bleibt, ich bekomme das einfach net hin.

Hier mal mein Versuch

var farb_zielScaleY:Number = 100;
var farb_zielScaleX:Number = 100;
var button_zielScaleY:Number = 100;
var button_zielScaleX:Number = 100;
var zielScaleY:Number = 100;
var zielScaleX:Number = 100;
var ausfaden:Boolean = false;
 
MovieClip.prototype.farb_button_alpha = function (ausfaden:Boolean) {
    this.farb_mc.onEnterFrame = function() {
        if (ausfaden == true) {
            if (this._alpha > 0) {
                this._alpha -= 10;
            } else {
                delete this.onEnterFrame;
            }
        } else if (ausfaden == false) {
            if (this._alpha < 100) {
                this._alpha += 6;
            } else {
                delete this.onEnterFrame;
            }
        }
    }
};
MovieClip.prototype.button_grosse = function(zielScaleY:Number, zielScaleX:Number, farb_sichtbar:Boolean, abstandsMC:String) {
    this.onEnterFrame = function() {
        if (abstandsMC != "none") {
            this._x = (_root[abstandsMC+"_mc"]._x) + (_root[abstandsMC+"_mc"]._width/2) + 80;
        }
        this._yscale -= Math.round((this._yscale-zielScaleY)/3);
        this._xscale -= Math.round((this._xscale-zielScaleX)/3);
        this.farb_mc._visible = farb_sichtbar;
    };
}
_root.home_mc.onRollOver = function() {
    this.farb_button_alpha(true);
}
_root.home_mc.onRollOut = onDragOut = function() {
    this.farb_button_alpha(false);
}
_root.home_mc.onPress = onRelease = onReleaseOutside = onDragOut = function() {
    this.button_grosse(100, 150, false, "none");
    _root.about_mc.button_grosse(100,100, true, "home");
    _root.projekte_mc.button_grosse(100,100, true, "about");
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
_root.about_mc.onRollOver = function() {
    this.farb_button_alpha(true);
}
_root.about_mc.onRollOut = function() {
    this.farb_button_alpha(false);
}
_root.about_mc.onPress = onRelease = onReleaseOutside = onDragOut = function() {
    this.button_grosse(100, 150, false, "home");
    _root.home_mc.button_grosse(100,100, true, "none");
    _root.projekte_mc.button_grosse(100,100, true, "about");
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
_root.projekte_mc.onRollOver = function() {
    this.farb_button_alpha(true);
}
_root.projekte_mc.onRollOut = function() {
    this.farb_button_alpha(false);
}
_root.projekte_mc.onPress = onRelease = onReleaseOutside = onDragOut = function() {
    this.button_grosse(100, 150, false, "about");
    _root.home_mc.button_grosse(100,100, true, "none");
    _root.about_mc.button_grosse(100,100, true, "home");
} 

Ich habe euch auch die fla nochmal angehangen, weil sich das hier nur so als Code bestimmt net gut macht ...

Ich würde mich tierisch über eure Hilfe freuen - wie immer - und DANKE sage ich auch schon im Voraus.

Gruß

Tino

[RustyCake]

Servus.
Ich hab mal vor zwei Jahren an so einem Teil rumgebastelt, habs niocht komplett fertig gemacht, und es ist im MX Style!

PHP-Code:

var mcs = ["mc1", "mc2", "mc3", "mc4", "mc5"];
var kord = [];
MovieClip.prototype.make = function(koordX, widthX, speed) {
    if (this._x != koordX || this._width != widthX) {
        this.onEnterFrame = function() {
            var deltaX = this._x-koordX;
            var gamaX = this._width-widthX;
            var dist = Math.sqrt(deltaX*deltaX);
            var dist2 = Math.sqrt(gamaX*gamaX);
            var moveX = speed*(deltaX/dist);
            var move2X = speed*(gamaX/dist2);
            if (speed>=dist && speed>=dist2) {
                this._x = koordX;
                this._width = widthX;
                delete this.onEnterFrame;
            } else {
                this._x -= moveX;
                this._width -= move2X;
            }
        };
    }
};
MovieClip.prototype.fader = function(a, b) {
    this.onEnterFrame = function() {
        if (Math.round(this._alpha)<a) {
            this._alpha = Math.round(this._alpha += b);
        } else if (Math.round(this._alpha)>a) {
            this._alpha = Math.round(this._alpha -= b);
        } else {
            delete this.onEnterFrame;
        }
    };
};
for (var i = 0; i<mcs.length; i++) {
    kord.push(this[mcs[i]]._x);
    this[mcs[i]].onRollOver = function() {
        this.fader(80, 5);
    }
    this[mcs[i]].onRollOut = function() {
        this.fader(100, 5);
    }
    this[mcs[i]].onPress = onRelease = onReleaseOutside = onDragOut= function() {
        w = this._name.slice(2, 3);
        temp = mcs.slice(w, mcs.length);
        for (var j = w; j<mcs.length; j++) {
            this._parent[mcs[j]] != this ? this._parent[mcs[j]].make(kord[j]+20, 80, 5) : this.make(kord[j], 120, 10);
        }
        for (var j = 0; j<w; j++) {
            this._parent[mcs[j]] != this ? this._parent[mcs[j]].make(kord[j]-20, 80, 5) : this.make(kord[j], 120, 10);
        }
    };
} 


Hi Rusty,

sorry für die späte Antwort, aber ich habe seltsamerweise keine Mail bekommen.
Komisch ...

Danke für deine Variante .... die muss ich mir gleich mal anschauen, ich habe das mal so "gelöst":

var ScaleX:Number;
var ScaleY:Number;
var newX:Number;
 
MovieClip.prototype.skalieren = function (ScaleX:Number, ScaleY:Number, newX:Number) {
    this.onEnterFrame = function() {
        this._width -= Math.round((this._width - ScaleX)/3);
        this._height -= Math.round((this._height - ScaleY)/3);
        this._x -= Math.round((this._x -newX)/3);
    }
}
 
_root.home_mc.onPress = function() {
    this.skalieren(250,450, 100);
    _root.about_mc.skalieren(150,150,100 + 220);
    _root.arbeiten_mc.skalieren(150,150,100 + 390);
    _root.projekte_mc.skalieren(150,150,100 + 560);
}
 
_root.about_mc.onPress = function() {
    this.skalieren(250,350, 250);
    _root.home_mc.skalieren(150,150,250- 220);
    _root.arbeiten_mc.skalieren(150,150,250 + 220);
    _root.projekte_mc.skalieren(150,150,250 + 390);
}
 
_root.arbeiten_mc.onPress = function() {  // Hier müsste ich nochmal überarbeiten, wegen der Neuzuweisung der X-Werte, bei den ersten beiden hauts schon hin
    this.skalieren(250, 400, this._x);
    _root.home_mc.skalieren(150,150,this._x - 390);
    _root.about_mc.skalieren(150,150,this._x - 220);
    _root.projekte_mc.skalieren(150,150,this._x + 220);
}
 
_root.projekte_mc.onPress = function() {
    this.skalieren(250,400,this._x);
    _root.home_mc.skalieren(150,150,this._x - 560);
    _root.about_mc.skalieren(150,150,this._x - 390);
    _root.arbeiten_mc.skalieren(150,150,this._x - 220);
} 

Nachteil bei mir ist nur, dass mal halt die Abstände im Script angeben muss und es somit nicht wirklich dynamisch ist ... ... aber vielleicht schaffe ich das ja noch ... wenn nicht, dann bastel ich mir einfach aus deiner supi funktionierenden Variante was zusammen :P

Gruß und fettes DANKE

Tino