色んなものに使えるループ

mainLoop.coffee

mainLoop =
  initialize: ->
    @currentTime = @getTime
    @lastTime = @currentTime
    
    vendors = ["ms", "moz", "webkit", "o"]
    
    x = 0
    while x < vendors.length and not window.requestAnimationFrame
      window.requestAnimationFrame = window[vendors[x] + "RequestAnimationFrame"]
      window.cancelAnimationFrame = window[vendors[x] + "CancelAnimationFrame"] or window[vendors[x] + "CancelRequestAnimationFrame"]
      ++x
    
    lastTime = 0
    unless window.requestAnimationFrame
      window.requestAnimationFrame = (callback, element) ->
        currTime = @getTime()
        timeToCall = Math.max(0, 16 - (currTime - lastTime))
        id = window.setTimeout(->
          callback currTime + timeToCall
        , timeToCall)
        lastTime = currTime + timeToCall
        id
    
    unless window.cancelAnimationFrame
      window.cancelAnimationFrame = (id) ->
        clearTimeout id
  
  getTime: ->
    new Date().getTime()
  
  tick: ->
    @currentTime = @getTime
    @elapseTime = @currentTime - @lastTime
    @update @elapseTime
    @lastTime = @currentTime
    requestAnimationFrame mainLoop.tick
  
  update: (@elapseTime)->
    # ループさせる処理