canvas_coffee.coffee

timerVar = {}
dw = document.documentElement.clientWidth
dh = document.documentElement.clientHeight
#  window.clearInterval timerVar

time_unit = 0

Draw = (ctx) ->
  
  ctx.fillStyle = 'rgba(255,155,135, 0.12)'
  ctx.fillRect(0,0,600,200)
  
  for i in [0..3]
    for j in [0..3]
      ctx.save()
      ctx.fillStyle = 'rgb('+(51*i)+','+(255-51*i)+',255)'
      ctx.translate(10+j*50,10+i*50)
      ctx.fillRect(0,0,25+time_unit,25+time_unit)
      ctx.restore()
  
  time_unit += 1
  time_unit = time_unit % 20
   
$(document).ready( () ->
  ctx = $("canvas")[0].getContext('2d');
  timerVar = setInterval((->
    Draw(ctx)
    return
    ), 20)

)