I want to draw multiple rectangle based on information stored in a 2D array that is read from XML.
- How do I loop through the array to create each rectangle?
Below is the code I have thus far … but I am stuck on teh syntax to loop.
Cheers
MovieClip.prototype.drawRectangle = function(x, y, w, h, fill) {
var s:MovieClip = this.createEmptyMovieClip("s1", 1);
s.beginFill(fill, 100);
s.moveTo(x, y);
s.lineTo(x+w, y);
s.lineTo(x+w, y+h);
s.lineTo(x, y+h);
s.endFill();
};
var i = 1;
this.createEmptyMovieClip("x", i++);
this.createEmptyMovieClip("y", i++);
this.createEmptyMovieClip("z", i++);
var aRectData = new Array();
aRectData[0] = [10,10,80,20,0xff0000];
aRectData[1] = [10,35,80,20,0xff9900];
aRectData[2] = [10,60,80,20,0x00ff00];
var j = 0;
var k = 0;
x.drawRectangle(aRectData[j][0],aRectData[j][1],aRectData[j][2],aRectData[j][3],aRectData[j][4]);
j++;
y.drawRectangle(aRectData[j][0],aRectData[j][1],aRectData[j][2],aRectData[j][3],aRectData[j][4]);
j++;
z.drawRectangle(aRectData[j][0],aRectData[j][1],aRectData[j][2],aRectData[j][3],aRectData[j][4]);