       for own key, userData of value
         @userColors[userData.nickname] = userData.color
 
-
   addPoint: (x, y, nickname = KD.nick()) ->
     ctx             = @context
     ctx.strokeStyle = @userColors[nickname]

    @linesRef    = @workspaceRef.child "lines"
    @stateRef    = @workspaceRef.child "state"
    @usersRef    = @workspaceRef.child "users"

    @canvas      = new KDCustomHTMLView
      tagName    : "canvas"
      domId      : "paintCanvas"
      bind       : "mousemove mousedown mouseup"
      attributes :
        width    : 640
        height   : 480
        style    : "border: 2px solid #333;"

    @context     = @canvas.getElement().getContext "2d"
    @drawedQueue = []
    @userColors  = {}
    @setUserColor()

    @canvas.on "mousedown", (e) =>
      KD.utils.stopDOMEvent e
      x             = e.offsetX

      @pointRef.set { x, y, nickname: KD.nick() }
      @stateRef.set yes

  bindMouseMoveCanvas: ->
    @canvas.on "mousemove", (e) =>
      if @startDrawing
        x = e.offsetX
