Simple texture loader in JavaScript using HTML5 canvas elements

gistfile1.coffee

texturize = (url, callback) ->
  image = new Image()
  image.src = url

  image.onload = ->
    canvas = document.createElement 'canvas' 
    context = canvas.getContext '2d'

    canvas.width = image.width
    canvas.height = image.height

    context.drawImage context, 0, 0
    
    {width, height} = image

    imageData = canvas.getImageData 0, 0, width, height

    pixels = []
    for y in [0..width]
      for x in [0..height]
        pixels[x] or= []
        pixels[x][y] = 
          r: imageData.data[x * y]
          g: imageData.data[x * y + 1]
          b: imageData.data[x * y + 2]
          a: imageData.data[x * y + 3]

    callback
      width: width
      height: height
      src: url
      pixels: pixels