Bilderreihe anordnen und auf Mauszeiger reagieren lassen

[falsanu]

Hi Forum,

ich hab mal ne kleine Frage, an der ich mir seit Stunden die Zähne ausbeiße.

Kurze Erklärung der Aufgabe:

Ich möchte 10x10 Bilder aus einem Ordner auslesen und diese auf dem Monitor, ordentlich neben- und untereinander gereiht haben. Raus kommt ein gesamtes Bild.

function ladeBilderHCL(zeilen, spalten, breite, hoehe) {
    zaehler = 1;
    _root.createEmptyMovieClip("conti", 0);
    for (var i = 0; i<zeilen; i++) {
        for (var j = 0; j<spalten; j++) {
            conti.createEmptyMovieClip("z"+i+"s"+j, zaehler);
            conti["z"+i+"s"+j].loadMovie("hcl/haerder_"+String(zaehler)+".jpg", zaehler);
            conti["z"+i+"s"+j]._x = j*40;
            conti["z"+i+"s"+j]._y = i*40;
            zaehler++;
        }
    }
} 

Und nun wollte ich Probieren, das beim herüberfahren, über das entstandene Bild sich die einzelnen "Pixel" vergrößern oder verkleinern. Das hab ich auch schon mit dem onMouseMove-Befehl hinbekommen.

for (var k = 0; k<10; k++) {
        //trace("drin");
        for (var l = 0; l<10; l++) {
            //trace("drin2");
            conti["z"+k+"s"+l].onMouseMove = function() {
                if (this._xmouse>0 && this._xmouse<40 && this._ymouse>0 && this._ymouse<40) {
                    //trace("drin3");
                    swapDepths(120);
                    if (this.xscale<=150 && this._yscale<=150) {
                        var w = this._width;
                        var h = this._height;
                        this._yscale += 4;
                        this._xscale += 4;
                        this._x = this._x+(w-this._width)/2;
                        this._y = this._y+(h-this._height)/2;
                    }
                } else {
                    if (this._xscale>100 && this._yscale>100) {
                        var w = this._width;
                        var h = this._height;
                        this._yscale -= 4;
                        this._xscale -= 4;
                        this._x = this._x+(w-this._width)/2;
                        this._y = this._y+(h-this._height)/2;
                    }
                }
            };
        }
    } 

Das Problem ist nun, das ich denke, dass dies sehr viel Codemüll ist und man das ganze sauberer Coden kann.

Wie kann ich denn einem dyn. erstellten MovieClip einen Namen zuweisen und ihm in einer onEnterFrame-Abfrage diesen Namen auslesen, splitten und dadurch auf andere "Pixel" einfluss nehmen lassen?

Der Hintergrund ist der: Ich würde ich gerne noch nen bischen mehr mit den daraus entstehenden Möglichkeiten abgehen wollen und das ganze nen bischen modularer machen wollen.
Ein Beispiel: Ich würde gern, das ich mir einfach ne Funktion schreibe in der steht, was passieren soll wenn die Maus über irgendeinem x-belibigen "P
ixel" steht. Da kommt man dann wahrscheinlich schnell zur OOP, das hab ich auch schon versucht, aber es kam nur müsli dabei raus.

Ich hoffe das jemand ne Idee hat.

Vielen Dank im Vorraus

Gruß Falsanu

[janoshnosh]

uff das ist ein bisschen viel.... ich antworte mal auf eine frage [QUOTE=falsanuWie kann ich denn einem dyn. erstellten MovieClip einen Namen zuweisen und ihm in einer onEnterFrame-Abfrage diesen Namen auslesen, splitten und dadurch auf andere "Pixel" einfluss nehmen lassen?[/QUOTE]du kannst MC's variablen mit auf den weg geben, ich mache das immer über eine id. bei dir würden sich wahrscheinlich eher zwei variablen empfehlen, ein x und ein y sozusagen, anbei auch eine kleine code-vereinfachung:

function ladeBilderHCL(zeilen, spalten, breite, hoehe) {
        zaehler = 1;
        var conti = _root.createEmptyMovieClip("conti", 0);
        for (var i = 0; i<zeilen; i++) {
                for (var j = 0; j<spalten; j++) {
                        var mc = conti.createEmptyMovieClip("z"+i+"s"+j, zaehler);
                        mc.loadMovie("hcl/haerder_"+String(zaehler)+".jpg", zaehler);
                        mc._x = j*40;
                        mc._y = i*40;
//hier die variablen
[B]mc.X = spalten;
mc.Y = zeilen;[/B]
//oder/und
[B]mc.id = zaehler;[/B]
                        zaehler++;
                }
        }
} 

damit könntest du jetzt bei einem oEF (onEnterFrame) per this.id, this.X, this.Y auch die nachbarn ihrer selber finden - meintest du sowas?

eine gefahr sehe ich aber dabei, in der for-schleife so viele loadMovies zu starten... hab da mal was von zwei loads gleichzeitig gelesen - daran glaube ich zwar nicht, aber das scheint ein issue zu sein, also vorsicht. außerdem vorsicht: nicht versuchen, direkt nach dem loadMovie die oEF's zuzuweisen, erst warten bis fertig geladen wurde

ich hoffe, das hilft dir ein bisschen.
gruß janosch

[falsanu]

Erst einmal danke, die Codevereinfachung ist super, so seh ich endlich wieder durch.

außerdem vorsicht: nicht versuchen, direkt nach dem loadMovie die oEF's zuzuweisen, erst warten bis fertig geladen wurde

Genau daran bin bei meinen anderen Versuchen gescheitert. Ich konnte die oEF's nie ansprechen. Und meine Mühen zu warten bis alles geladen wurde scheiterten ebenfalls. Habs mit einer SetInterval-Abfrage probiert, so oft fragen bis getBytesTotal==getBytesLoaded, war aber nicht von erfolg gekrönt.

Wie finde ich herraus ob alle MCs erstellt und geladen wurden?

Gruß Falsanu

[Der Frager]

Tag...
Da gibt's doch so viel Krams hier. Preloader -> Mal suchen...
HIER nochmal so 'ne einfache Thumbnail-Geschichte von mir. Vielleicht kannst du daraus was gebrauchen.

[janoshnosh]

da hat "der frager" heute eine sehr brauchbare methode vorgestellt, das loadMovie-problem zu umgehen (siehe hier ), und zwar kann man das umgehen, indem man den zu ladenden inhalt nicht in den eigentlichen MC 'A' lädt, sondern in einen unter-MC 'B'. 'A' kannst man dann zuweisen was man willst und muss nicht warten, bis irgendwas fertig geladen wurde. wenn du nämlich so viele loads gleichzeitig lädtst, wäre es ein bisschen übertrieben, auch noch eine "ladevorgangskontrollschleife" ( ) (preloader) für jeden einzelnen mitlaufen zu lassen.

das wäre also ne möglichkeit.

gruß janosch

EDIT:
oh da isser ja

[falsanu]

Hab jetzt mal versucht mit

trace(_root.conti.z2s2.X);

herraus zu bekommen wie groß X ist, aber ich bekomme als antwort nur "undefined"

zum Mäuse melken...

[falsanu]

Alles klar. Ich habe es jetzt hinbekommen, das X und Y ausgelesen werden, jedoch nur wenn ich die funktionen direkt in das oEF schreibe. Gibt es auch eine Möglichkeit zu sagen:

bla bla bla
mc1.onEnterFrame = tueIrgendWas();

Aufjedenfall schonmal danke, mit dem was ich jetzt hab kann ich 1000%ig schon mehr machen als mit meinem Ansatz, und ich hab mal wieder ne Menge gelernt, wie man Code möglichst klein halten kann.

[janoshnosh]

mc1.onEnterFrame = function () { tueIrgendWas(); }