denkfehler? --> OOP preloader

[dante]

zuerst der quellcode:

function preload (xanf, yanf, bildurl) {
    //variableninitalisierung
var startx = xanf ;//x-anfansgskoordinaten des balkens
var starty = yanf ;//y-anfangskoordinaten des balkens
var breite = 151;//breite des balkens 
var hoehe = 4;//hoehe des balkens
var farbe = 0xffd60c;//farbe des balkens
var alpha = 100;// alphawert  des balkens
//var at = getTimer()
//zeichnen des balkens
this.createEmptyMovieClip("balken_mc",1);//erstellt ein mc
        balken_mc._x = startx;  
        balken_mc._y = starty;
        with(balken_mc){
            beginFill(farbe,alpha);
            lineTo(0,hoehe);
            lineTo(breite,hoehe);
            lineTo(breite,0);   
            lineTo(0,0);
            endFill();
            };
 
this.onEnterFrame = function(){  
    var t = bildurl.getBytesTotal();
    var g = bildurl.getBytesLoaded();
    //var st = getTimer();
    //var rt = Math.round((st-at)/1000);
    //var et = Math.round((t*rt)/g);
    //var ct = Math.round(-(rt-et));
    if(g == t){
        //was er amchen soll wenn es fertig geladen ist
        balken_mc.clear();
        delete this.onEnterFrame;
            } else {var p = (g/t)*100;
                balken_mc._xscale = p;
            }
}   
}
 
 
 
function preloadaufruf(i) {
    //for (var i = 1; i <= 4; i++) {
    //var mc = this["thumb"+i];
    var xanf = this._x;
    var yanf = this._y;
    trace("mx_x: " + xanf );
    bildurl = "stuff/" + _global.kundennummer + "/" + _global.kategorie + "_" + i + ".jpg";
    preload (xanf,yanf,bildurl);
    } 

auf dem jeweiligen mc hab ich dann preloadaufruf(1); (oder 2,3,4 etc) liegen.

kann es an den this liegen in der function preload? muss ich den container mit den reingeladen bildern ansprechen oder das bild an sich?

[xele.de]

Hi.

Hab vor n paar Tagen auf die Schnelle mal was ähnliches gebaut. Ist aber nur spärlich kommentiert und sicher noch verbesserungsfähig

Vielleicht kannst du das ein oder andere davon brauchen.

MovieClip.prototype.ladeBild = function(quelle)
{
    //Kontainer erstellen
    this.createEmptyMovieClip("container",1);
    this.container._x = 0;
    this.container._y = 0;
    //unsichtbar machen
    this.container._alpha = 0;
    
    //Rahmen vom Ladebalken erstellen
    this.createEmptyMovieClip("rahmen",3);
    with(this.rahmen)
    {
        lineStyle(0.1,"0xE0DCDC",100);
        moveTo(5,5);
        lineTo(73,5);
        lineTo(73,11);
        lineTo(5,11);
        lineTo(5,5);
    }
    
    //Ladebalken erstellen
    this.createEmptyMovieClip("ladebalken",2);
    with(this.ladebalken)
    {
        lineStyle(0.1,"0xE0DCDC",100);
        beginFill("0xE0DCDC",100);
        moveTo(0,0);
        lineTo(68,0);
        lineTo(68,6);
        lineTo(0,6);
        lineTo(0,0);
        endFill();
    }
    this.ladebalken._x = 5;
    this.ladebalken._y = 5;
    this.ladebalken._width = 0;
    
    this.container.loadMovie(quelle);
    
    this.ladebalken.onEnterFrame = function()
    {
        this.geladen = this._parent.container.getBytesLoaded();
        this.gesamt = this._parent.container.getBytesTotal();
        
        this.prozent = Math.ceil((this.geladen/this.gesamt)*68);
 
        this.diff = this.prozent - this._width;
        this._width += this.diff/5;
        
        //wenn geladen, Rahmen und Balken ausblenden
        if(this._width >67)
        {
            this._parent.rahmen._alpha = this._parent._rahmen._alpha - 5;
            this._alpha = this._alpha - 5;
                
            if(this._alpha <= 0)
            {
                //Dann Bild einblenden
                this._parent.container._alpha = this._parent.container._alpha + 5;
                if(this._parent.container._alpha >= 100)
                {
                    delete this.onEnterFrame;
                }
            }
        }
    }
}
 
//Aufruf:
box.ladeBild("bild.jpg"); 

EDIT: Prozent ist bei mir nicht wirklich Prozent, das *68 ist nur, weil der Ladebalken 68 Pix breit ist. Und das "box" im Aufruf ist auch Variabel ..

[sesamstrassenbe]

hi!

ich geh mal davon aus, dass der preloader einfach nicht preloaden will?

vielleicht liegt das daran, dass du nur if (g == t) abfragst.
mach da mal ein if ( (g == t) && (g > 4) ) draus um abzufragen,
ob überhaupt schon was geladen wurde... das wirkt manchmal wunder.

gruß! daniel

[dante]

@daniel:

hi!
ne leider ist es nicht so einfach =)
ich glaube mein fehler leigt darin dass ich ja das bild auf dem server vorladen will und das nicht geht. ich muss höchst wahrscheinlich den container in dem ich das bild reinlade vorladen
probier ich gleich mal aus

naja ich arbeite jetzt schon länger mit flash, mit actionscript beschäftige ich mich aber erst seit ungefähr zwei moanten und manche sachen habe ich einfach "noch nicht drauf". aber das wird schon, denke ich =) .

mir ist das ganze preload prozedere noch nicht so klar.

@xele.de:

danke dass du dein script mal gepostet hast durch dich bin ich drauf gekommen dass ich den container vorladen sollte. danke

[sesamstrassenbe]

hm... also, wenn du nach dem "with {(...)}" ein "this.loadMovie(bildurl);"
einfügst und in der onEnterFrame-funktion "bildurl" durch "this" ersetzt, könnte es klappen...

zur zeit lädst du ja an keiner stelle dein bild irgendwo rein.

gruß! daniel

[dante]

das bild rein laden in die mc's tu ich hier machen

function thumbladen () {
//schleife zum thumbnail reinladen
for (var i = 1; i <= 4; i++) {
    var mc =this["thumb"+i];
    //var xanf = mc._x;
    //var yanf = mc._y;
    //trace("mx_x: " + xanf );
    bildurl = "stuff/" + _global.kundennummer + "/" + _global.kategorie + "_" + i + ".jpg";
    mc.createEmptyMovieClip("leer_mc",1);
    mc.leer_mc.loadMovie(bildurl);
    this["geladen"+x] = true;
    mc.leer_mc._xscale = 22;
    mc.leer_mc._yscale = 22;
    //trace(mc);
    }
} 

ich glaueb es könnte auch was mit der ubnterschiedlichen ausführzeiten beim eintritt in einen frame liegen. deswegen hab ich nmir ne hilfsvariable gebastelt. nur irgendwie mag er das enterframe nicht:

this.onEnterFrame() {
    if (geladen1){
        preloadaufruf(1);
        delete this.onEnterFrame;
        } else {
            //do.nothing.loop()
            }
    
    } 

das liegt auf einem der thumbnail container in die der leere container leer_mc erstellt wird indem dann endlich das eigentliche bild reingeladen wird

[dante]

nochmal der übersichtliochkeit halber

in der zeitleiste auf em ersten frame:

function preloadaufruf(i) {
    //for (var i = 1; i <= 4; i++) {
    //var mc = this["thumb"+i];
    var xanf = this._x;
    var yanf = this._y;
    trace("mc_x: " + xanf + "von thumbnailcon. nummer " + i);
    //bildurl = "stuff/" + _global.kundennummer + "/" + _global.kategorie + "_" + i + ".jpg";
    preload (xanf,yanf);
    }
 
 
function preload (xanf, yanf) {
    //variableninitalisierung
var startx = xanf ;//x-anfansgskoordinaten des balkens
var starty = yanf ;//y-anfangskoordinaten des balkens
var breite = 151;//breite des balkens 
var hoehe = 4;//hoehe des balkens
var farbe = 0xffd60c;//farbe des balkens
var alpha = 100;// alphawert  des balkens
//var at = getTimer()
//zeichnen des balkens
this.createEmptyMovieClip("balken_mc",1);//erstellt ein mc
        balken_mc._x = startx;  
        balken_mc._y = starty;
        with(balken_mc){
            beginFill(farbe,alpha);
            lineTo(0,hoehe);
            lineTo(breite,hoehe);
            lineTo(breite,0);   
            lineTo(0,0);
            endFill();
            };
 
this.onEnterFrame = function(){  
    var t = leer_mc.getBytesTotal();
    var g = leer_mc.getBytesLoaded();
    //var st = getTimer();
    //var rt = Math.round((st-at)/1000);
    //var et = Math.round((t*rt)/g);
    //var ct = Math.round(-(rt-et));
    if((g == t) && (g > 4) ){
        //was er amchen soll wenn es fertig geladen ist
        balken_mc.clear();
        delete this.onEnterFrame;
            } else {var p = (g/t)*100;
                balken_mc._xscale = p;
            }
}   
}
 
function thumbladen () {
//schleife zum thumbnail reinladen
for (var i = 1; i <= 4; i++) {
    var mc =this["thumb"+i];
    //var xanf = mc._x;
    //var yanf = mc._y;
    //trace("mx_x: " + xanf );
    bildurl = "stuff/" + _global.kundennummer + "/" + _global.kategorie + "_" + i + ".jpg";
    mc.createEmptyMovieClip("leer_mc",1);
    mc.leer_mc.loadMovie(bildurl);
    this["geladen"+x] = true;
    mc.leer_mc._xscale = 22;
    mc.leer_mc._yscale = 22;
    //trace(mc);
    }
}
 
function bildladen(kat, binu) {
  ///trace("funktion aufgerufen!");
  zuladendesbild = "stuff/" + _global.kundennummer + "/" + kat + "_" + binu + ".jpg"
  //trace(zuladendesbild);
  loadMovie(zuladendesbild, "bildclip_mc");
  //dann noch ne ladefunktion in bildclip_mc schreiben!
  //wirdgeladen = true;
}
 
    thumbladen (); 

auf dem thumb(hier numemr einfügen) leigt jeweils ein

onClipEvent(enterFrame) {
    if (geladen1){
        preloadaufruf(1);
        delete this.onEnterFrame;
        } else {
            //do.nothing.loop()
            }
    } 

[dante]

ich merke grad preloadaufruf wird irgendwie nicht aufgeführt. woran kann das leigen?

ich blick schon wieder in meinem eigenen code nicht durch. weiss jemand eine vile einfacher lösung hierfür?

[sesamstrassenbe]

und ich muss jetzt leider weg :-/

viel erfolg noch!

[dante]

ich glaube ich habe es jetzt vereinfacht:

function thumbladen () {
//schleife zum thumbnail 1-4 reinladen
for (var i = 1; i <= 4; i++) {
    //bestimmung des mc's um den sich alles dreht
    var mc =this["thumb"+i];
    
                            //variableninitalisierung für's preloaden
var startx = mc._x;         //x-anfansgskoordinaten des balkens
var starty = mc._y;         //y-anfangskoordinaten des balkens
var breite = 151;         //breite des balkens 
var hoehe = 4;        //hoehe des balkens
var farbe = 0xffd60c;      //farbe des balkens
var alpha = 100;            // alphawert  des balkens
 
//zeichnen des balkens
mc.createEmptyMovieClip("balken_mc",4);//erstellt ein mc in thumb_X
        //richtige position bla
        mc.balken_mc._x = startx;      
        mc.balken_mc._y = starty;
        with(mc.balken_mc){
            beginFill(farbe,alpha);
            lineTo(0,hoehe);
            lineTo(breite,hoehe);
            lineTo(breite,0);   
            lineTo(0,0);
            endFill();
            };
    
    
    // das bild ist...
    bildurl = "stuff/" + _global.kundennummer + "/" + _global.kategorie + "_" + i + ".jpg";
    //erstelle den leeren mc
    mc.createEmptyMovieClip("leer_mc",1);
    //lade da rein das bild
    mc.leer_mc.loadMovie(bildurl);
    //zum schluss noch alles skalieren
    mc.leer_mc._xscale = 22;
    mc.leer_mc._yscale = 22;
    
    //jetzt die preload anzeige ausführen
    this.mc.leer_mc.onEnterFrame = function(){    
    //lese die grössen von dem nun nicht mehr leeren mc
    var t = leer_mc.getBytesTotal();
    var g = leer_mc.getBytesLoaded();
    
    if((g == t) && (g > 4) ){
    //wenn es fertig geladen
    //lösch balken plus enterframe
    balken_mc.clear();
    delete this.onEnterFrame;
    } else {// wenn nich fertig geladen
            //prozent des geladenen errechnen + anzeigen
            var p = (g/t)*100;
            balken_mc._xscale = p;
            }   
    }
    
    
    
    }
}
 
function bildladen(kat, binu) {
  zuladendesbild = "stuff/" + _global.kundennummer + "/" + kat + "_" + binu + ".jpg"
  //trace(zuladendesbild);
  loadMovie(zuladendesbild, "bildclip_mc");
}
 
    thumbladen (); 

jetzt bin ich so ziemlich an den grenzen meines bisherigen actionscript wissens angekommen: es funktioneiort anscheinend immer noch nicht, d.h. von ladebalken keine spur

[dante]

help! i need somoebody! help!!! *lalalalala*

[sesamstrassenbe]

this.mc.leer_mc.onEnterFrame = function()

1. ist das "this" da nicht zuviel?
das hast du doch schon in "var mc =this["thumb"+i];" erledigt...

2. ich würde es mal mit "mc.balken_mc.onEnterFrame" versuchen.
weiss net wie das mit enterFrame bei einem movie ist, der grad noch
geladen wird...

ich bin wieder da! ;-)

daniel

[dante]

1. ja. ich habs mal weg gemacht

2. weiss ich leider auch nciht *G* habs mal geändert, danke


so was mir noch ins auge gefallen ist (*aua* ) :

mc.balken_mc.onEnterFrame = function(){
                        //lese die grössen von dem nun nicht mehr leeren mc
                        var t = leer_mc.getBytesTotal();
                        var g = leer_mc.getBytesLoaded(); 

muss da leer_mc nicht mc.leer_mc sein? ich bin im mom total verwirrt mit dem ansprechen der mc's.

[sesamstrassenbe]

stimmt...

"getBytesTotal();" und "getBytesLoaded();" musst du über "_root.mc..." adressieren, oder?
"_parent.leer_mc" müsste wohl auch klappen...

und "balken_mc" kannst du durch "this" ersetzen.

hab jetzt nicht geschaut, ob es woanders noch 'zweifelhafte' adressierungen gibt...

irgendwann muss das doch klappen ;-)

[dante]

wie egsagt im mom bin ich mit der ansprache von mc's total aus dem takt gekommen

das ganze ding leigt auf einem frame

in der selben TL liegen die thumb1-4 dinger und in jedem dieser dinger soll ein leer_mc und ein balken_mc erstellt werden. in leer_mc lade ich das bild rein und in balken_mc ist der ladebalken für den preloader drin.

ich habs jetzt mal s getestet

//jetzt die preload anzeige ausführen
    mc.balken_mc.onEnterFrame = function(){  
    //lese die grössen von dem nun nicht mehr leeren mc
    var t = mc.leer_mc.getBytesTotal();
    var g = mc.leer_mc.getBytesLoaded(); 

und es funktioniert nicht. da ich ja immer noch auf der (ich nenn sie mal thumb-) TL bin (und das enterframe ja auch muss ich doch nur mc.leer_mc angeben um den mc anzusprechen.

da fällt mir grad beim schreiben auf: das onenterframe wird ja in mc.balken_mc ausgefürt also müsste der leer_mc von dort aus über

_parent.leer_mc erreichbar sein

ich teste das jetzt mal hoffentlich klappt es. bin hier am verzweifeln