MCs dynamisch in 2D-Array speichern und darüber auf ihn zugreifen

[peat-ar]

Hi @ all,

ich hab ein Problem mit dynamisch erzeugten MCs (in einem zweidimensionalen Array, über den ich dann auf sie zugreife), hier mal der Code:

var rectArray:Array = new Array(new Array(), new Array());
var rect_mc:rect = new rect();
var columns:Number = 60;
var rows:Number = 50;
var i:uint;
var j:uint;

for (i = 0; i <= columns; i++)
	{
		for (j = 0; j <= rows; j++)
			{
				rectArray[i][j] = rect_mc;
				rectArray[i][j].x = i * 10;
				rectArray[i][j].y = j * 10;
				addChild(rect_mc);
			}
	}

So, mein Ziel wäre es, dass eben dieser MC (rect_mc) wie in Tabellenform 50x60mal nebeneinander erzeugt wird. Wenn ich mir per trace-Funktion aber i und j anzeigen lasse stoppt es da immer schon bei i=1 (also j machts immer brav durch, aber i halt nicht), das Hauptproblem ist jedoch, dass einfach kein einziger MC auf der Bühne ist (oder höchstens einer).

Ich schätze mal das liegt daran, dass ich mit rect_mc immer dasselbe anspreche und damit seine Position immer wieder verändere, aber ich hab jetzt schon alle möglichen Stellungen ausprobiert (zuerst addChild oder auf die For-Schleifen aufteilen, usw) und es hat nichts funktioniert...

Bin im Moment total verwirrt und blick überhaupt nicht mehr durch diese mehrdimensionalen Arrays und dynamisch erstellte Objekte durch :S

pls help!

[Der Frager]

Hallo,

probier's mal so:

PHP-Code:

var rectArray:Array = new Array();

var columns:Number = 60;
var rows:Number = 50;
var i:uint;
var j:uint;

for (i = 0; i <= columns; i++) {
    for (j = 0; j <= rows; j++) {
        var rect_mc:rect = new rect();
        rectArray[i] = new Array()
        rectArray[i][j] = rect_mc;
        rectArray[i][j].x = i * 10;
        rectArray[i][j].y = j * 10;
        addChild(rect_mc);
    }
} 


[peat-ar]

Wow, danke, es funktioniert!

Doch etwas komplizierter als ich dachte ... ~.^

[Martin Kraft]

Eigentlich dürfte das so noch nicht funktionieren, da z.Z. der Array für die Reihen in jeder Reihe neu belegt wird. Das sollte aber immer nur am Anfang einer Spalte geschehen:

PHP-Code:

var rectArray:Array = new Array();

var columns:uint= 60;
var rows:uint= 50;
var i:uint;
var j:uint;

for (i = 0; i <= columns; i++) {
    rectArray[i] = new Array();

    for (j = 0; j <= rows; j++) {
        var rect_mc:rect = new rect();

        rect_mc.x = i * 10;
        rect_mc.y = j * 10;

        rectArray[i][j] = rect_mc;

        addChild(rect_mc);
    }
} 


P.S.: Auch hier mal wieder der Tip: Du machst Deinen Code leichter lesbar, wenn Du konsequent alle KlassenNamen mit einem Großbuchstaben beginnst. Also nicht "rect" sondern "Rect".

[peat-ar]

Ok, danke, werds mir merken und habs schon ausgebessert

Jetzt noch eine off-Topic Frage: Wenn ich aber für jedes dieser "rect_mc"s eine Hover-Funktion initiieren will, dann kann ich das nicht gleich mit rectArray[i][j].addEventListener....... dazuschreiben, weil ich es dann nachher ja nicht mehr individuell ansprechen kann (innerhalb der Funktion, weil sich ja i und j ändern), oder hab ich da einen Denkfehler? Und dieses "function xyz(x:int, y:int)" das kann ich ja nicht bei der addEventListener Methode dazuschreiben...

Sollte ich das also ganz einfach und brachial mit den Koordinaten der Maus (/10 und davon dieses %-Dings, damit ich auf die Position innerhalb des Arrays von den einzelnen MCs komme, um sie so anzusprechen) umgehen, oder gibts dafür auch so eine elegantere Lösung?

Habt mir auf jeden Fall schon sehr viel weitergeholfen, thx

mfg Peter

[fevzi]

guten abend, es könnte vielleicht so gehen. bestimmt gibt es elegantere lösungen. die hier wäre sozusagen für jeden mc ein mouseover.

PHP-Code:

var rectArray:Array = new Array();

var columns:uint= 60;
var rows:uint= 50;
var i:uint;
var j:uint;

for (i = 0; i <= columns; i++) {
    rectArray[i] = new Array();

    for (j = 0; j <= rows; j++) {
        var rect_mc:rect = new rect();

        rect_mc.x = i * 10;
        rect_mc.y = j * 10;

        rectArray[i][j] = rect_mc;

        addChild(rect_mc);
if (rectArray[i][0]) {
rectArray[i][0].addEventListener(MouseEvent.MOUSE_OVER,mouseHover);
    }
if (rectArray[i][1]) {
rectArray[i][1].addEventListener(MouseEvent.MOUSE_OVER,mouseHover2);
    }
    //usw
    }
}
function mouseHover(e:Event):void {
// do something...
}
function mouseHover2(e:Event):void {
// do something...
}


 //usw.... 


grussi :-)

[peat-ar]

Wäre es nicht möglich eine Funktion für alle MCs zu schreiben (bei der ich dann weiß bei welchem die Maus grad drüber ist; dessen z-Wert sollte sich dann etwas ändern und der von allen daneben auch (deshalb der 2D-Array, da ich dachte ich könnte es dann in einer Funktion relativ angeben, zB.: rectArray[MouseX%seitenlängeDesMCs-1][MouseY%seitenlängeDesMCs].z -= 5, usw)?

So müsste ich ja für jeden MC eine eigene Funktion schreiben, oder?

und warum...

PHP-Code:

if (rectArray[i][0]) 


...wenn rectArray[i][0] true ist, dann...? Wie kann ein Array true sein (davon wird ja ausgegangen wenn ich in einer if-Function nichts wie "==" oder so schreibe...)?

Vielen Dank auf jeden Fall, hoffe weiterhin auf freundliche Antworten

mfg Peter

[Martin Kraft]

Wieso schreibst Du die Eventlistener nicht einfach in Deine Klasse rect?

Die Funktionen der Klasse sind ja überall vorhanden und Du musst deshalb nicht mehr mit irgendwelchen durchnummerierten Funktionen rumbasteln..

[peat-ar]

Stimmt auch wieder...leider kenn ich mich mit den Klassen nicht wirklich aus, nur soweit, dass ich ein Objekt dynamisch erzeugen kann.

Wenn ich den EventListener allerdings in die Klasse schreibe, kann ich dem auch Informationen (seine Position innerhalb des Arrays) mitgeben, sodass er auch die umliegenden MCs ansprechen kann?

Aber danke schon mal für den Tip, bin total auf der Leitung gestanden

[Martin Kraft]

Ich hatte überlesen, dass Du mehrere Kästen beeinflussen willst. Das wiederum würde ich ganz ohne rollover mithilfe einer Mouseabstandsberechnung lösen (wofür man nichtmal eine 2D-Array bräuchte):

PHP-Code:

addEventListener(MouseEvent.MOUSE_MOVE, handleMouse);

private function handleMouse(e:MouseEvent):void {

    var i:uint;
    var y:uint;
    var r:rect;
    var maxZ:Number = 50;
    var scaleXY:Number = 1 / 300;

    for (i = 0; i < rectArray.length; i++) {
        for (j = 0; j < rectArray[i].length; j++) {
            r = rectArray[i][j] as rect;
            if (r) r.z = maxZ / (1 + Math.pow(r.mouseX*scaleXY, 2) + Math.pow(r.mouseY*scaleXY, 2) );
        }
    }        
} 


(Wie immer: Code noch nicht getestet)

Spiel mal etwas mit den Parametern maxZ und scaleXY bis Dir das Ergebniss passt.

[peat-ar]

Ok...sieht sehr intelligent aus ^^

Ab

PHP-Code:

            r = rectArray[i][j] as rect;
            if (r) r.z = maxZ / (1 + Math.pow(r.mouseX*scaleXY, 2) + Math.pow(r.mouseY*scaleXY, 2) ); 


versteh ichs zwar nicht so, aber ich such mir diese (mir neuen) Funktionen, usw mal raus

Nochmals vielen Dank für eure Hilfe!

[Martin Kraft]

Die Funktion berechtnet mit Hilfe des Pytagoras aus den Mouse-Koordinaten den Mouseabstand:

PHP-Code:

// d² = x² + y² =>
d = Math.sqrt( Math.pow(x,2) + Math.pow(y,2) ); 


Und gewichtet diesen Abstand dann mit Hilfe der folgenden Formel als Glockenkurve, die Ihr Maximum bei 0,1 hat und in beide Richtungen gegen 0 abfällt:

PHP-Code:

h = 1 / (1+ Math.pow(d,2)); 


Zusammen mit ein paar Parametern sieht das dann so aus wie das, was ich oben gepostet habe.

[peat-ar]

Ich komm mir irgendwie grad vor wie der größte Trottel, aber
1) wofür brauch ich den Abstand?
2) Glockenkurve ist laut Wikipedia für Wahrscheinlichkeitsberechnung, usw... was hat das mit dem Beispiel zu tun? (sorry in der Schule sind wir noch nicht so weit )
3) (die wohl dümmste Frage): Wo schreibe ich die Funktion die definiert was beim Hover-Effekt passieren soll hin?

[Martin Kraft]

...bei der ich dann weiß bei welchem die Maus grad drüber ist; dessen z-Wert sollte sich dann etwas ändern und der von allen daneben auch

Ich habe dich so verstanden, dass Du alle Kästen mit der Mouse abhängig von ihrem Abstand beeinflüssen möchtest...

Zitat von peat-ar

1) wofür brauch ich den Abstand?

...und dafür brauchst Du natürlich genau diesen Abstand

Zitat von peat-ar

2) Glockenkurve ist laut Wikipedia für Wahrscheinlichkeitsberechnung, usw... was hat das mit dem Beispiel zu tun? (sorry in der Schule sind wir noch nicht so weit )

Diese Kurve hilft Dir dabei auszurechnen wie stark eine Kasten entsprechenden seines Mouseabstand beeinflusst wird. Sie geht von 1 (starker Einfluss) wenn die Mouse direkt über dem Kasten ist, bis fast 0 (gar kein Einfluss) in den Randbereichen.

Zitat von peat-ar

3) (die wohl dümmste Frage): Wo schreibe ich die Funktion die definiert was beim Hover-Effekt passieren soll hin?

Over-Effekte brauchst Du nicht mehr, weil Du aller Parameter die sich ändern sollen (hier z.B. "z" und "alpha") dynamisch mit dieser Funktion änderst:

PHP-Code:

addEventListener(MouseEvent.MOUSE_MOVE, handleMouse);

private function handleMouse(e:MouseEvent):void {

    var i:uint;
    var y:uint;
    var r:rect;
    var scaleXY:Number = 1 / 300;
    var f:Number;

    for (i = 0; i < rectArray.length; i++) {
        for (j = 0; j < rectArray[i].length; j++) {
            r = rectArray[i][j] as rect;

            // f ist der Wert für die Beeinflussung. Erliegt immer zwischen 0 und 1
            f = 1 / (1 + Math.pow(r.mouseX*scaleXY, 2) + Math.pow(r.mouseY*scaleXY, 2) );

            // Und jetzt werden entsprechend die Parameter angepasst
            if (r){
              r.z = f * maxZ;
              r.alpha = f*.5 + .5;
              // usw..
            }

        }
    }        
} 


[peat-ar]

ad omnia: Oh, ich hatte noch meine ursprüngliche Lösung im Kopf, dass ich das über den Array mit einem Hover-Effekt mache

Vielen Dank

PS.: Geniale Lösung, dachte das müsste man mit Arrays machen