shape tweening mit actionscript

[wicke]

hi,

ich möchte mir dynamisch buttons erstellen, die an die länge des buttontextes angepasst sein sollen. weil die linien trotzdem immer gleich dick sein sollen, fällt skalieren einen fertigen movieclips flach. (jedenfalls soweit ich das verstanden hab, korrigiert mich wenn ich falsch liege)
ausserdem soll der button animiert sein, also beim mouseover soll eine kleine ani abgespielt werden, die ich mit actionscript generieren möchte. ich dachte einfach an eine linie, die sich unter dem button langsam zeichnet.
ich wollte dafür zwei movieclips erzeugen, einen mit einem punkt, und einen mit der linie, und dann zwischen ihnen ein shapetweening mit actionscript dynamisch erzeugen.

herauszukriegen wie lang der Text ist, ist grad noch nicht ( das kommt später ) das problem. ich würde gern wissen, wie ich den tween erzeugen kann.

viele Grüße,
Daniel

[andretti]

aloha!

siehe Anhang;

wichtig: die linie zeichnest nicht mit linienwerkzeug, sondern mit rechteckwerkzeug!!!

[wicke]

ja besten dank !

da is ne menge zeugs drin, dass ich noch nicht kannte. da werd ich wohl erst mal ne ganze weile die hilfe von flash durchackern, bis ich das raffe

bis denne,
wicke

[Alphanimal]

keine fla?

[andretti]

//mit "MovieClip.prototype" kannst du dann jedem mc sagen, er soll diese function aufrufen:
//"this" bezieht sich innerhalb des prototypen immer auf den aufrufer
MovieClip.prototype.link = function(bezeichner, ziel) {
    this.MC_line._width = 0;
//textfeldformatierung
    this.T_testTextfeld.autoSize = "left";
    this.T_testTextfeld.border = true;
    this.T_testTextfeld.borderColor = "0xFF3300";
//textfeld bekommt den ersten parameter aus dem aufrufer der function, siehe ganz unten dann:
    this.T_testTextfeld.text = bezeichner;
    this.onRollOver = function() {
//so oft ein neuer frame kommt, soll sich die linie bis zur größe des mc's, in dem die linie liegt("_parent") vergrößern:
        this.MC_line.onEnterFrame = function() {
            this._xscale += 10;
            //this._yscale = this._yscale;
            if (this._width>=this._parent._width) {
//wenn die größe erreicht wurde, das onEnterFrame-event löschen:
                delete this.onEnterFrame;
            }
        };
    };
//onRollout dann wieder umgekehrte animation:
    this.onRollOut = function() {
        this.MC_line.onEnterFrame = function() {
            this._xscale -= 10;
            //this._yscale = this._yscale;
            if (this._width<=0) {
                delete this.onEnterFrame;
            }
        };
    };
//onPress, gehe zu link, der als zweiter parameter im aufrufer angeführt ist:
    this.onPress = function() {
        getURL(ziel, "_self");
    };
};
//die aufrufer:
MC_test.link("Heute habe ich aber einen langen Namen", "http://www.flashforum.de/forum");
MC_test_2.link("Kurzer Name", "http://www.flashbattle.de/"); 

[andretti]

Zitat von Alphanimal

keine fla?

is net dabei?

[wicke]

die fla war doch im zip ..
..aber der kommentierte code is noch hilfreicher !

[Alphanimal]

ok, die fla war drin...
aber nur wenn ich mit WinRar entpacke
****** WinAce...

ok...
der code is aus der fla oder?

ich versteh nicht warum du für sowas extra des MC prototyp veränderst...
die link-funktion funzt sowieso nu in dem MC mit dem textfeld usw.
also warum nicht die function im MC definieren?

dann brauchst du auch nicht immer "this" schreiben

[andretti]

wenn ich auf einer flash-basierenden webseite so ca. 10- 20 links habe, schreibe ich einmal(im prototype) die function, und rufe dann mit parameterübergabe auf:

_global.aktiv;
//++++++++prototype:
MovieClip.prototype.link = function(linkname, seite) {
    this.T_linkname.autoSize = "left";
    this.T_linkname.text = linkname;
    this.onRollOver = function() {
        if (this != _global.aktiv) {
            this.MC_cubes._xscale = this.MC_cubes._yscale=120;
            this.T_linkname.textColor = "0x6699CC";
        }
    };
    this.onRollOut = function() {
        if (this != _global.aktiv) {
            this.MC_cubes._xscale = this.MC_cubes._yscale=100;
            this.T_linkname.textColor = "0x99CC66";
        }
    };
    this.onPress = function() {
        if (this != _global.aktiv) {
            clicker.start(0, 1);
            clearInterval(_global.SID);
            clearInterval(_global.loadID);
            this.MC_cubes._xscale = this.MC_cubes._yscale=120;
            _global.aktiv.MC_cubes._xscale = _global.aktiv.MC_cubes._yscale=100;
            _global.aktiv.T_linkname.textColor = "0x99CC66";
            blende(seite);
            _global.aktiv.enabled = true;
        }
        this.enabled = false;
        _global.aktiv = this;
        this.T_linkname.textColor = "0x6699CC";
    };
};
_root.MC_siteHolder.loadMovie("home.swf");
_global.aktiv = MC_home;
MC_home.MC_cubes._xscale = MC_home.MC_cubes._yscale=120;
MC_home.T_linkname.textColor = "0x6699CC";
MC_home.enabled = false;
//---------------------------------------------link-aufrufer
var links = [["MC_home", "Home", "home.swf"], ["MC_vorstellung", "Vorstellung", "vorstellung.swf"], ["MC_service", "Service", "service.swf"], ["MC_speisen", "Speisen", "speisen.swf"], ["MC_presse", "Presse", "presse.swf"], ["MC_kontakt", "Kontakt", "kontakt.swf"], ["MC_linktipps", "Linktipps", "linktipps.swf"], ["MC_impressum", "Impressum", "impressum.swf"]];
var abstand = 30;
for (k=0; k<=links.length; k++) {
    var linkzahl = links[k];
    var linkbutton = linkzahl[0];
    var bezeichner = linkzahl[1];
    var datei = linkzahl[2];
    var mc = _root[linkbutton];
    mc.link(bezeichner, datei);
}