     this.canvas.renderer.setSize( window.innerWidth, window.innerHeight )
 
     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 )

      #

    this.canvas.scene = null
    $('canvas#colorcamp-canvas').remove()

  #


  #
  dataLoadColors : (colors)->
    $.each colors, ((i,v) ->
      this.colors[i] = v
    ).bind(this)
    this.dataAssignCoords()

    this.canvasDrawColors() if this.canvas.scene

  #
  dataAppendColors : (colors) ->
    Array.prototype.push.apply(this.colors, colors)
    this.dataAssignCoords()

  #
  dataPrependColors : (colors) ->
    Array.prototype.unshift.apply(this.colors, colors)
    this.dataAssignCoords()
    this.canvas.step_index += colors.length


  # --- Canvas ---
