[ Stuff ] Menue wabber ausweichen

[_geo_]

kann man sicher noch kürzen. Hoffe es nützt euch was.

mfg geo

//funktionen
movieclip.prototype.createTf = function(name,x,y,tgr,ttext,b_bg){
    (!_global.depth_var_tf) ? _global.depth_var_tf = 10000 : _global.depth_var_tf++ ;
    this.createTextField(name,_global.depth_var_tf,0,0,0,0);
    with(this){
        tf.autoSize = true;
        tf.selectable = false;
        tf.text = ttext;
        tf.border = (b_bg) ? true : false ;
        tf.background = (b_bg) ? true : false ;
        tf_format = new TextFormat();
        tf_format.size = tgr;
        tf.setTextFormat(tf_format);
    }
}
 
movieclip.prototype.drawRectangle = function(l,o,b,h,col,ol,ld,lc){// links, oben, breite , hoehe, füllfarbe, outline  ja / nein(0/1), liniendicke, linienfarbe
    (ol) ? this.lineStyle(ld,lc,100): null ;
    this.moveTo( l, o );
    this.beginFill(col,100);
    this.lineTo( l, h );
    this.lineTo( b , h );
    this.lineTo( b , o );
    this.lineTo( l, o );
    this.endFill();
}
 
 
MovieClip.prototype.scale = function(big,scalemax,scalespeed,pfad){ // big... ob vergr oder nicht (0/1)
    if(big == true){
        if(pfad._xscale >= scalemax){
            pfad._xscale = pfad._yscale = scalemax;
        } else {
            pfad._xscale = pfad._yscale += scalespeed;
        }
    } else {
        if(pfad._xscale <= 100){
            pfad._xscale = pfad._yscale = 100;
        } else {
            pfad._xscale = pfad._yscale -= scalespeed;
        }
    }
}
 
movieclip.prototype.scaleB = function(smax,sspeed,buttons,pfad){
    while(a < 5){
    a++;
        pfad["button"+a].onRollOver = function(){
            _global.aktivB = this._name; // test ... OK
            this.big = setInterval(scale, 50, true, smax, sspeed, this);
            clearInterval(this.small);
        }
 
        pfad["button"+a].onRollOut = function(){
            this.small = setInterval(scale, 50, false, smax, sspeed, this);
            clearInterval(this.big);
        }
    }
}
 
movieclip.prototype.wabberB = function(smax,sspeed,buttons,pfad){
    while(a < 5){
    a++;
        pfad["button"+a].onRollOver = function(){
            _global.aktivB = this._name;
            this.onEnterFrame = function(){
                sX *= 0.92;
                diffX = smax - this._xscale;
                sX += (diffX/10);
                this._xscale = this._yscale += sX;
                for(l=1; l<=buttons; l++){
                    if( ("button" add l) != this._name){
                        if(Math.abs(pfad["button" add l]._xscale - 100) < 1){
                            delete pfad["button" add l].onEnterFrame;
                            pfad["button" add l]._xscale = pfad["button" add l]._yscale = 100;
                        }
                    }
                }
            }
        }
 
        pfad["button"+a].onRollOut = function(){
            this.onEnterFrame = function(){
                sX *= 0.95;
                diffX = 100 - this._xscale;
                sX += (diffX/10);
                this._xscale = this._yscale += sX;
            }
        }
    }
}
 
movieclip.prototype.rePos = function(w ,h){
    with(this){
        _x -= w/2;
        _y -= h/2;
    }
}
 
movieclip.prototype.ausrichten = function(pfad,buttons,difb){
    b=0;
    ak_mc = pfad[_global.aktivB];
    while(b < buttons){
    b++;
        b_mc = pfad["button" add b];
        if(b_mc._name == _global.aktivB) x = b;
    }
    for(i=(x-1); i>0; i--){ // ausrichten der mcs vor dem scale mc
        b_mc = pfad["button" add i];
        b_mc1 = pfad["button" add (i+1)]
        b_mc._x = b_mc1._x - b_mc1._width/2 - difb - b_mc._width/2 ;
    }
    for(j=(x+1); j<=buttons; j++){ // ausrichten der mcs hinter dem scale mc
        b_mc = pfad["button" add j];
        b_mc1 = pfad["button" add (j-1)]
        b_mc._x = b_mc1._x + b_mc1._width/2 + difb + b_mc._width/2 ;
    }
}
 
movieclip.prototype.initButtons = function(x,y){
while(i<buttons.length){
i++;
_global.buttons_ad = i;
    _root.createEmptyMovieClip("button" add i,10 add i);
    b_mc = eval("button" add i);
    with(b_mc){
        createEmptyMovieClip("textfeld",10);
        createEmptyMovieClip("textfeld_bg",9);
        var abst = 5;
        textfeld.createTf("tf", 0, 0, 14, _global.buttons[i-1], 0);
        textfeld_bg.drawRectangle( -abst, -abst, (textfeld._width + abst+1), (textfeld._height + abst+1), 0x0099CC, 1, 2, 0x000000 );
        wtf = textfeld._width;
        htf = textfeld._height;
        wbtf = textfeld._width;
        hbtf = textfeld._height;
        textfeld.rePos(wtf, htf);
        textfeld_bg.rePos(wbtf, hbtf);
        difb = 0;
        alt_b = _parent["button" add (i-1)]._width/2;
        alt_xpos = _parent["button" add (i-1)]._x;
        xpos = alt_xpos + alt_b + _width/2 + difb;
        _x = (_name != "button1") ? xpos : x ;
        _y = y
    }
    b_mc.urWidth = b_mc._width;
    b_mc.urHeight = b_mc._height;
    b_mc.urX = b_mc._x;
}
}
//funktionen
 
_global.buttons = ["der Button","Button","HA","_geo_","Ende"];
this.initButtons(50,250);//x anf koord y anf koord
//this.scaleB(250, 10, _global.buttons_ad, _root); //normal scale
this.wabberB(250, 5, _global.buttons_ad, _root); //oder wabbern
setInterval(ausrichten, 50, _root, _global.buttons_ad, difb); 

[johanness]

Schönes Ding, wer es für sein Projekt anpasst kann es sicher gebrauchen!!
Mir wackelt es so noch ein bisschen zu viel, aber es läst sich ja alles machen

PS: Mehr Duko würde sicher nicht schaden

[_geo_]

bzw. doku ( script kommt frisch aus der tastatur, doku gibts aus zeitmangel erst später )

mfg geo

[_geo_]

so und hier nochmal das Ganze mit doku und Verbesserungen

//funktionen
 
//createTf macht wie der name schon sagt ein Textfeld in den mc in dem sie aufgerufen wird
// x und y sind die koordinaten des tf (links oben), name ist der name tgr die textgroesse in pixel
// ttext ist der text (inhalt) des tf
//b_bg border_background gibt (boolean) mit 0 oder 1 an ob ein hintergrund und ein rahmen angezeigt werden soll
// bei dem tf ist autoSize an => tfist genaus so gross wie der beinhaltette Text
movieclip.prototype.createTf = function(name,x,y,tgr,ttext,b_bg){
    // hier werden die tiefen der tf s geregelt, bei nur einem tf pro mc ist das nicht unbedingt
    // nötig ( aber falls es einaml mehr sein sollten ) die tiefen werden in einer global var gespeichert
    (!_global.depth_var_tf) ? _global.depth_var_tf = 10000 : _global.depth_var_tf++ ;
    // das textfeld wird mit den oben genannten paramentern erzeugt
    this.createTextField(name,_global.depth_var_tf,x,y,0,0);
    with(this[name]){ // wer will kann hier noch einige eigenschaften des tf verändern
        autoSize = true;
        selectable = false;
        text = ttext;
        border = (b_bg) ? true : false ; // border ja nein ?
        background = (b_bg) ? true : false ; // background ja nein ?
        tf_format = new TextFormat();
        tf_format.size = tgr; // textgr festlegen
        setTextFormat(tf_format);
    }
}
 
// drawRectangle zeichnet ein Rechteck ( hier den background bzw. buttons )
// l ... links , o ... oben , b ... breite des rechtecks , h ... hoehe des rechtecks
// col ... farbe des rechtecks (zb.: 0x00FF00 )
// ol ... outline (Umrandung) (boolean) ja oder nein ( o oder 1 true oder false)
// ld ... outline dicke
// lc .. outline color
movieclip.prototype.drawRectangle = function(l,o,b,h,col,ol,ld,lc){// links, oben, breite , hoehe, füllfarbe, outline  ja / nein(0/1), liniendicke, linienfarbe
    // wenn outline dann farbe und dicke festlegen
    (ol) ? this.lineStyle(ld,lc,100): null ;
    // zeiger nach links oben
    this.moveTo( l, o );
    // fuellen mit farbe col ( bei alpha = 100)
    this.beginFill(col,100);
    //rechteck zeichnen
    this.lineTo( l, h );
    this.lineTo( b , h );
    this.lineTo( b , o );
    this.lineTo( l, o );
    // fuellen ende
    this.endFill();
}
 
/////////////////////////////////////////////////////////////
//                        skalieren                        //
/////////////////////////////////////////////////////////////
 
// scale ist dafuer verantwortlich, dass die "buttons"/rechtecke scaliert werden
// big ... ob das der button vergroessert werden sol oder nicht (boolean) (1/0) (true/false)
// scalemax ... maximun in prozent (zb.: 200)
//scalespeed ... um wieviel pro durchlauf vergroessert werden soll
//pfad ... der pfad des mc das vergroessert werden soll (meistens this)
MovieClip.prototype.scale = function(big,scalemax,scalespeed,pfad){ // big... ob vergr oder nicht (1/0)
    // wenn vergroessert werden soll dann 
    if(big == true){
        // wenn scalemax erreicht dann stop
        if(pfad._xscale >= scalemax){
            pfad._xscale = pfad._yscale = scalemax;
        } else { // ansonsten weiter scale um scalespeed erhoehen
            pfad._xscale = pfad._yscale += scalespeed;
        }
    //wenn vergroessert werden soll dann alles umgekehrt
    } else {
        if(pfad._xscale <= 100){
            pfad._xscale = pfad._yscale = 100;
        } else {
            pfad._xscale = pfad._yscale -= scalespeed;
        }
    }
}
 
// scaleB legt fest wann wergroessert wird und wann nicht und sie 
// enthaelt den setIntervall fuer die scale funktion
// smax ... maximun in prozent (zb.: 200) ; wird spaeter an scale uebergeben
// sspeed ... um wieviel pro durchlauf vergroessert werden soll ; wird spaeter an scale uebergeben
// buttons ... anzahl der buttons die erzeugt werden (hier 5 bzw _global.buttons.length [array m. d. button namen])
// pfad des mc auf welches die funktion angewendet werden soll (parent der buttons) (meistens this)
movieclip.prototype.scaleB = function(smax,sspeed,buttons,pfad){
    // fuer jeden button werden die on... funktionen festgelegt
    while(a < buttons){
    a++;
        pfad["button"+a].onRollOver = function(){
            // der momentan aktive button wird in eine global var gespeichert
            _global.aktivB = this._name;
            // scale wird mit den entsprechen paramentern aufgerufen
            this.big = setInterval(scale, 50, true, smax, sspeed, this);
            // verkleinerung wird gestoppt
            clearInterval(this.small);
        }
 
        pfad["button"+a].onRollOut = function(){
            // scale wird mit den entsprechen paramentern aufgerufen
            this.small = setInterval(scale, 50, false, smax, sspeed, this);
            // vergroesserung wird gestoppt
            clearInterval(this.big);
        }
    }
} 

[_geo_]

direkt ans obere anfügen !!

/////////////////////////////////////////////////////////////
//                      oder wabbern                       //
/////////////////////////////////////////////////////////////
 
// wabberB skaliert die "buttons" auf ein bestimmte art => wabber effekt
// smax ... max ausschlag des wabbern in prozent
// rf ... rebungs faktor ansonsten wuerde das wabbern nie aufhoeren
// buttons ... anzahl der erstellen buttons
// pfad .. pfades mc in dem die funktion angewendet werden soll (parent der buttons) (meistens this)
// vf verzoegerungs faktor , bestimmt die verzoegerung des wabberns (speed des wabberns)
movieclip.prototype.wabberB = function(smax,rf,vf,buttons,pfad){
    while(a < buttons){
    a++;
        pfad["button"+a].onRollOver = function(){
            _global.aktivB = this._name;
            this.onEnterFrame = function(){
                // sX wird mit rf multipliziert damit das wabbern nicht ewig dauert
                sX *= rf;
                // scale differenz zwischen smax und moentanem scale wird bestimmt
                diffX = smax - this._xscale;
                // diffX wird "abgeschwächt" ansonsten würde smax sofort
                // nach einem druchgang erreicht werden
                sX += (diffX/vf);
                // der neue sclaewert wird gesetzt
                this._xscale = this._yscale += sX;
                for(l=1; l<=buttons; l++){
                    // nachfolgendes gilt fuer alle buttons ausser den button der gerade aktiv ist
                    if( ("button" add l) != this._name){
                        // damits nicht ewigt nachwabbert wird ab einer diffX von 1
                        // der onEnterFrame entfernt (performance)
                        if(Math.abs(pfad["button" add l]._xscale - 100) < 1){
                            delete pfad["button" add l].onEnterFrame;
                            // damit auch schoen wieder die original groesse erreicht wird
                            //wird scale auf 100 gesetzt
                            pfad["button" add l]._xscale = pfad["button" add l]._yscale = 100;
                        }
                    }
                }
            }
        }
        // das umgekehrte von oben (zurueckwabbern auf scale = 100)
        pfad["button"+a].onRollOut = function(){
            this.onEnterFrame = function(){
                sX *= rf;
                diffX = 100 - this._xscale;
                sX += (diffX/vf);
                this._xscale = this._yscale += sX;
            }
        }
    }
}
 
// rePos positioniert das angesprochene mc neu
// w ... der wert der von x "abgezogen werden soll"
// h ... der wert der von y "abgezogen werden soll"
movieclip.prototype.rePos = function(w ,h){
    with(this){
        _x -= w/2;
        _y -= h/2;
    }
}
 
// hier werden alle buttons ausser dem aktiven neu positioniert
// buttons ... anzahl der erzeugten buttons
// pfad .. pfades mc in dem die funktion angewendet werden soll (parent der buttons) (meistens this)
movieclip.prototype.ausrichten = function(pfad,buttons){
    b=0;
    ak_mc = pfad[_global.aktivB];
    while(b < buttons){
    b++;
        b_mc = pfad["button" add b];
        if(b_mc._name == _global.aktivB) x = b;
    }
    for(i=(x-1); i>0; i--){ // ausrichten der mcs/buttons vor dem aktiven button
        b_mc = pfad["button" add i];
        b_mc1 = pfad["button" add (i+1)]
        b_mc._x = b_mc1._x - b_mc1._width/2 - b_mc.difb - b_mc._width/2 ;
    }
    for(j=(x+1); j<=buttons; j++){ // ausrichten der mcs/buttons hinter dem aktiven button
        b_mc = pfad["button" add j];
        b_mc1 = pfad["button" add (j-1)]
        b_mc._x = b_mc1._x + b_mc1._width/2 + b_mc.difb + b_mc._width/2 ;
    }
}
 
// initialisierung der buttons mit deren namen und textfeldern und eigenschaften
// x ... x pos des ersten buttons (anfagns pos des menues)
// y ... y pos des ersten buttons (anfagns pos des menues)
// abst ... differenz zwischen dem Rahmen des textfeldes und dem rahmen des background rechtecks
// difb .. abstand zwischen den buttons
movieclip.prototype.initButtons = function(x,y,abst,difb){
while(i<buttons.length){
i++;
    // ein leeres mc als grundlage fuer jeden button
    this.createEmptyMovieClip("button" add i,10 add i);
    // pfad wird zwischengespeichert
    b_mc = eval("button" add i);
    with(b_mc){
        // leeres mc fuer das textfeld
        createEmptyMovieClip("textfeld",10);
        // leeres mc fuer den hintergrund (rechteck)
        createEmptyMovieClip("textfeld_bg",9);
        // erzeugen des tf
        textfeld.createTf("tf", 0, 0, 14, _global.buttons[i-1], 0);
        // erzeugen des bg
        textfeld_bg.drawRectangle( -abst, -abst, (textfeld._width + abst+1), (textfeld._height + abst+1), 0x0099CC, 1, 2, 0x000000 );
        // breite und hoehe des tf werden zwischengespeichert
        wtf = textfeld._width;
        htf = textfeld._height;
        // das tfmc und des recheck mc werden neu positioniert
        // das ist notwendig weil die _scale methode vom mittelpunkt ("ankerpunkt")
        // des mc skaliert und nicht von der "graphischen" mitte
        textfeld.rePos(wtf, htf);
        textfeld_bg.rePos(wtf, htf);
        // anfaengliche positionierung der buttons wird festgelegt
        alt_b = _parent["button" add (i-1)]._width/2;
        alt_xpos = _parent["button" add (i-1)]._x;
        xpos = alt_xpos + alt_b + _width/2 + difb;
        // ausnahme der erste button (an welchem sich alle anderen buttons orientieren)
        _x = (_name != "button1") ? xpos : x ;
        _y = y;
    }
    // vars die spaeter gebraucht werden werden festgelegt
    b_mc.difb = difb;
    b_mc.urWidth = b_mc._width;
    b_mc.urHeight = b_mc._height;
    b_mc.urX = b_mc._x;
}
}
//funktionen
 
// die funktionen werden aufgerufen und die paramenter uebergeben
 
_global.buttons = ["der Button","Button","HA","_geo_","Ende"];
this.initButtons(50,250,5,0);
//this.scaleB(250, 10, _global.buttons.length, this); //normal scale
this.wabberB(250, 0.92,35, _global.buttons.length, this); //oder wabbern
setInterval(ausrichten, 50, this, _global.buttons.length); 

mfg geo

[_geo_]

Da ich gefragt wurde ob ich nicht auch so ein menü machen könnte wie das auf www.gabocorp.com , stell ich es jetzt hier mal rein, so dass alles was davon haben.

// no copy n paste script mc`s needed
movieclip.prototype.createTf = function(name,x,y,tgr,ttext,b_bg){
    (!_global.depth_var_tf) ? _global.depth_var_tf = 10000 : _global.depth_var_tf++ ;
    this.createTextField(name,_global.depth_var_tf,x,y,0,0);
    with(this[name]){ // wer will kann hier noch einige eigenschaften des tf verändern
        autoSize = true;
        selectable = false;
        text = ttext;
        border = (b_bg) ? true : false ; // border ja nein ?
        background = (b_bg) ? true : false ; // background ja nein ?
        tf_format = new TextFormat();
        tf_format.size = tgr; // textgr festlegen
        setTextFormat(tf_format);
    }
}
 
function wabber(targetsize,div,speed,pfad){// zielgroesse , div (norm: 150) , speed > 1, pfad = this
    delete pfad.onEnterFrame;
    faktor = 1;
    pfad.onEnterFrame = function(){
        (faktor < 0.5) ? faktor = 0 : (faktor -= faktor / div) ;
        this.sX *= faktor;
        this.diffX = targetsize - this._xscale;
        this.sX += ( this.diffX / speed );
        this._xscale = this._yscale += this.sX;
    }
}
 
function startPos(anz,name,abst){
    //if( eval(name add anz)._width > 0 ) clearInterval(order);
    for(i=anz-1; i>=1; i--){
        mc_a = eval(name add i);
        mc_b = eval(name add (i+1));
        wdif = mc_a._width/2 + mc_b._width/2 + abst;
        zielX = mc_b._x - wdif;
        mc_a._x -= (mc_a._x - zielX) / 5;// mc_b._x - wdif;
        mc_a.urW = mc_a._width;
        mc_a.urX = mc_a._x;
    }
}
 
// funktionen mit einstellungen
 
function contifunc(name,anz){
    initb(name,anz);
    order = setInterval(startPos,10,anz,name,10);
}
 
function initb(name,anz){
    b1.btext="hallo";
    b1.onPress = function(){ trace(this._name) }
    
    b2.btext="button";
    b2.onPress = function(){ trace(this._name) }
 
    b3.btext="|_ _ _|";
    b3.onPress = function(){ trace(this._name) }
 
    b4.btext="buttons";
    b4.onPress = function(){ trace(this._name) }
 
    b5.btext="| HAllo |";
    b5.onPress = function(){ trace(this._name) }
    
    for(i=1; i<=anz; i++){
        _root[name add i].onRollOver = function(){ wabber(200,150,6,this) }
        _root[name add i].onRollOut = function(){ wabber(100,150,6,this) }
    }
}
 
// aufruf
contifunc("b",5);
contifunc("ba",5); 

mfg geo

[RustyCake]

Suppi Sache _geo_
Muß ich mir noch genauer angucke

[_geo_]

danke.

Aber unter punkte hats noch keine.

Ach und bevor ich's vergesse, von dem weabber ding hab noch ne konmponente gemacht.

[RustyCake]

Geschrieben von _geo_

Aber unter punkte hats noch keine.

kannst ja meins noch reinwurschteln
eins is mir aufgefallen, die intervale rattern auch wenn des Ding ruhig steht!
könnte man doch sicher abstellen

[_geo_]

Geschrieben von RustyCake
kannst ja meins noch reinwurschteln

( wär der hammer )

die intervalle könnte man sichern icht abstellen. Nur der order intervall wird eh immer gebraucht (außer halt wenns still steht), aber das merk ich mit meinen 2.4 Ghz nicht so

Bei dem wabber menue könnt es sich auszahlen die intervalle der scale funktion zu stoppen der läuf nämlich oft um sonst mit.

function(name,anz)
for(var i=1; i++; i<= anz){
mc = eval(name add i);
if(mc._xscale <= 101){
clearInterval(order);
}
}

Na ja.

[RustyCake]

Hehe! Vielleicht sollte ich mir auch mal nen neuen Rechner gönnen!!
Auf meiner alten Möre würden zuviele intervale oder enterFrames schon zu spüren sein!!

aber ist schon ne feine sache

[_geo_]

Hey, was ich gerade seh, Gratulation zum 8000 er