         this.colorsMatrix[pos.y][pos.x] = n.id
         this.colors[i].x = pos.x
         this.colors[i].y = pos.y
-        this.colors[i].z = (Date.parse(n.created_at) - this.canvas.offsetZ) / 100 / 60
+        this.colors[i].z = (Date.parse(n.created_at) - this.canvas.offsetZ) / 1000 / 60
     ).bind(this)
 
   #

      # $('body').append this.canvas.element
      return

    w = this.canvas.element.width()
    h = this.canvas.element.height()

    this.canvas.scene = new THREE.Scene()
    this.canvas.scene.fog = new THREE.Fog 0xffffff, 1, 10000

    this.canvas.camera = new THREE.PerspectiveCamera 25, w / h, 1, 864
    this.canvas.camera.position.set 0, 0, this.canvas.positionOffsetZ + 36

    this.canvas.renderer = new THREE.WebGLRenderer { canvas: this.canvas.element.get(0) }
    this.canvas.renderer.setClearColor 0xFFFFFF, 1
    this.canvas.renderer.setPixelRatio( window.devicePixelRatio )
    this.canvas.renderer.setSize w, h

    this.canvas.mouse = new THREE.Vector2()
    this.canvas.matrixDimensions = [6,10]#[24,36] #y,x
    this.dataResetMatrix()
    this.canvasDrawColors()

    # document.body.appendChild( this.canvas.renderer.domElement )

    $(document)
      .on 'mousemove', this.canvasEventMousemove.bind(this)

          if i >= 0
            this.colors[i].y += 1
            this.colors[i].x += 1

  #
  dataSetColorBoxSize : ->
    w = (this.canvas.element.parent().width() / Math.floor this.canvas.matrixDimensions[1])# * 0.8
    h = (this.canvas.element.parent().height() / Math.floor this.canvas.matrixDimensions[0])# * 0.8
    w = 100000 if w < 1 # Prevent 0
    h = 100000 if h < 1 # Prevent 0
    this.canvas.colorBoxSize = Math.min w, h, this.canvas.colorBoxSize

  #
  dataGetEmptyMatrixPosition : ->
