Ladebalken

[Badie]

Ich frag mich schon lange wie man diese Ladebalken hinbekommt.
Kann mir das vielleicht jemand mal erklären mit den Ladebalken?

Nur zur schon eine Animation machen bringt ja wohl wirklich nichts ich möchte also konkret wissen, wie ich es z.B schaffe, dass ein ladebalken hochgeht bis die Homepag komplett geladen ist.

Danke für unterstützung.

[andretti]

aloha!

hähähä....da ist aber viiiiiel actionscript dabei......
also:
das ganze nennt man preloader;
also bedeutet, der film wird vorgeladen, dann erst abgespielt;
das alles, um reckeligen film und schlechten sound zu vermeiden;
ich mache immer eine prototypefunction, weill ich immer mit einem movieclip ;
einen movieclip erstellen, darin ist ein balken mit dem instanznamen "balken" und ein dynamische s textfeld mit dem instanznamen "T_prozent";
die preloader sache aufrufe:

stop();
// einen prototype erstellen für movieclips;
Movieclip.prototype.preload = function() {
    //der variabel totalBytes die dateigröße des ganzen filmes zuordnen;
    var totalBytes = _root.getBytesTotal(), loadedBytes;
    //die variabel prozent erhält zu beginn den wert null;
    var prozent = 0;
    //x-scalierung des preloaderbalkens wird dem prozent gleichgesetzt;
    this.balken._xscale = prozent;
    //das textfeld mit preloader-info/fortschritt bekommt ausrichtung links und an dynamischen text angepasste größe;
    this.T_prozent.autoSize = "LEFT";
    //onEnterFrame: immer wieder checken, so oft der film "die "szene" betritt" (bei 30frames per scond eben 30 mal in der sekunde;
    this.onEnterFrame = function() {
        // die variabel loadedBytes = was gerade geladen ist;
        loadedBytes = _root.getBytesLoaded();
        //formel für ausrechnung des wertes prozent;
        prozent = Math.round(loadedBytes*100/totalBytes);
        //solange prozent weniger als hundert ist.....
        if (prozent<100) {
            //der Texx ist:
            this.T_prozent.text = "loading woodlight..."+prozent+"% loaded";
            //balkenbreite = prozent....
            this.balken._xscale = prozent;
            // alles andre(ergo, wenn 100 % geladen)
        } else {
            //das textfeld erhält fixen text;
            this.T_prozent.text = "woodlight complete loaded...100 %";
            //balken ist originalbreit(100%);
            this.balken._xscale = 100;
            //verzögerte weiterleitung zum nächsten/einen anderen frame
            var iv = setInterval(function () {
                _root.nextFrame();
                //wichtig: nur einmal das intervall aufrufen, deswegen sofort clearen!!!!
                clearInterval(iv);
                //verzögerung in millisekunden(hier eine sekunde);
            }, 1000);
            // und gaaaanz wichtig: nach verwendung onEnterFrame-events immer löschen....performance!!!!!
            delete this.onEnterFrame;
        }
    };
};
// der movieclip MC_preloader ruft die funktion auf;
MC_preloader.preload();
// nach diesem frame kommt /kommen dann der/die frame/frames mit dem inhalt; 
 

click for download

[Badie]

Wow die ganze sache ist glaube ich zu hoch für mich.

Aber man kann ja trotzdem versuchen die sache zu checken.
Also ich versteh nicht ganz was mit einen Prototypen erstellen gemeint ist

[andretti]

bei meiner version erstelle ich einen prototype- function:
aus der Flashilfe:
"Function.prototype
Verfügbarkeit
Flash Player 5. Wenn Sie ActionScript 2.0 verwenden, müssen Sie diese Eigenschaft nicht verwenden; sie gibt die Implementierung der Vererbung in ActionScript 1 wieder.

Verwendung
meineFunktion.prototype

Beschreibung
Eigenschaft; in einer ActionScript 1-Konstruktorfunktion verweist die Eigenschaft prototype auf ein Objekt, das der Prototyp der konstruierten Klasse ist. Jede mit der Konstruktorfunktion erstellte Instanz der Klasse erbt alle Eigenschaften und Methoden des Prototypobjekts."

jeder Movieclip kann dann quasi die als prototype geschrieben function aufrufen;

[Badie]

also da ich ziemlich schwer vor begriff zu sein scheine machen wir das am besten anders.

Also was mache ich als erstes?

Ich nehme mal an das erste was ich mache ist nicht text eingeben sondern irgend einen ladebalken oder sowas in der Art zeichnen

entschuldige wenn ich deine Zeit ein bisschen verschwände aber es ist sehr wichtig für mich, dass ich das dann am schluss auch verstehe

[andretti]

lies Dir meinen Beitrag durch : klick

und lade dir die dort zum Download angebotene Datei herunter und schau Dir das dann mal an;

[Badie]

gut hat mich ziemlich weiter gebracht.

Frage: für was ist denn Ebene 3?

Habe sie gelöscht und es funktioniert trotz dem noch

edit/ wieso hast du denn vo ebene 1 und 2 leere bilder eingefügt?

edit2/ und warum machst du für die action eine seperate ebene es funktioniert ja auch ohne. Ich hab jetzt mal alles auf eine Ebene getan und es geht immer noch

[andretti]

also:

Zitat von Badie

gut hat mich ziemlich weiter gebracht.

Frage: für was ist denn Ebene 3?
eben 3 ist unnötig/bitte löschen/relikt aus anderem preloader
Habe sie gelöscht und es funktioniert trotz dem noch

edit/ wieso hast du denn vo ebene 1 und 2 leere bilder eingefügt?
um sauschnelles laden zu verhindern und flash a bisserle zeit zu geben.....
edit2/ und warum machst du für die action eine seperate ebene es

um übersicht zu bewahren, schreibe ich in der(normalerweise) obersten ebene nur actionscript;
funktioniert ja auch ohne. Ich hab jetzt mal alles auf eine Ebene getan und es geht immer noch
stimmt, ist aber net so übersichtlich und userfreundlich, man verklickt sich schnell

[Badie]

Irgendwas stimmt immer noch nicht.
Ich habe vorhin mal ebene 3 und 2 gelöscht und die aktionen auf ebene 1 frame 2übertragen.

Dann habe ich mal geschaut ob es funktioniert. Und das hat es.

Also hab ich dden Keyframe kopiert und vor meiner Homepage wieder eingefügt.

Aber sobald ich abspiele will der Ladebalken einfach nicht funktionieren.

an was könnte das liegen?

[andretti]

wer weiß, "WIE" du das plaziert hast?

ambesten mal die fla hochladen......aber da die swf ja schon 3 mb hat, möcht ich nicht wissen, wieviel mb die fla hat.....

[Badie]

Nun ich hab am schluss anstatt nextFrame gotoAndPlay eingegeben da sonst der Film nicht weitergehen würde.

Doch es kommt gar nicht erst zu dieser Aktion das ganze bleibt weiter vorne hängen aber ich weiss nicht genau wo.

[dingles]

@ andretti

Hab dein Script von oben auch mal ausprobiert, aber warum funktioniert es nur, wenn man in den Ausgabeeinstellungen als Ausgabe Flash Player 6 wählt?
Wenn ich als Ausgabe Flash Player 7 wähle, verweigert der Preloader seinen Dienst. Warum???

[Der Frager]

...schreib mal MovieClip.prototype.preload = function() {

[dingles]

OK, jetzt gehts. Danke. Warum muss dieses sch**** Programm auch case-sensitive sein?

[Der Frager]

Wenn man den Code vernünftig schreibt (*wink @ Andretti *) dann ist das mit dem casesensitive schon ok...