title: JavaScript - Splitting a tileset image to be stored in 2D Image() array
body: <p>Let's say I have this image:</p>
  
  <p><img src="https://i.stack.imgur.com/5z1KX.png" alt="enter image description here"></p>
  
  <p>and I have this 2D array <code>tiles[]</code> .. and using <code>Image()</code> function... how can do I use the (what I assume be best way?) <code>for</code> loop to add each tile into the <code>array</code> so <code>tile[0]</code> through however many there are is read and used as <code>Image()</code> objects later to be painted on HTML5 canvas?</p>