title: Creating a grid array of co ordinates
body: <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>