Creating a grid array of co ordinates
<p>I'm a little confused with my array creation. I have a list of items with x:y co ordinates and also their dimensions (in grid sizes) ... for example:</p>

<pre><code>x: 1
y: 7
width: 2 tiles
height: 2 tiles
</code></pre>

<p>So the idea im trying to do is create an array of x:y grids that are "occupied". But looping such data so the occupied tiles would there for be:</p>

<pre><code>x: 1
y: 7
//
x: 2
y: 7
//
x: 1
y: 8
//
x: 2
y: 8
</code></pre>

<p>Because in the above example the item is 2 by 2 tiles ( a square ).</p>

<p>My object is structured like this (shown in console.log(sdata);)</p>

<pre><code>7: Array[4]
0: "1"
1: "7"
2: "2"
3: "2"
</code></pre>

<p>So yeah im trying to make an array to store this kind of grid reference..Hope I explained what I trying to get at, but i can't work out how to structure a loop to create the array.</p>
