# Multiple rectangles based on 2D variable array

**URL:** <https://forum.kirupa.com/t/multiple-rectangles-based-on-2d-variable-array/274099>\
**Category:** flash\
**Created:** [October 24, 2008, 7:40pm UTC](https://forum.kirupa.com/t/multiple-rectangles-based-on-2d-variable-array/274099 "2008-10-24T19:40:53Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![JasonScarlett](https://avatars.discourse-cdn.com/v4/letter/j/3ec8ea/32.png) [@JasonScarlett](https://forum.kirupa.com/u/JasonScarlett)\
**Post date:** [October 24, 2008, 7:40pm UTC](https://forum.kirupa.com/t/multiple-rectangles-based-on-2d-variable-array/274099/1 "2008-10-24T19:40:53Z")

</div>

I want to draw multiple rectangle based on information stored in a 2D array that is read from XML.

1. 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

```auto
 
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]);
 

```