Progress on magnet

sources/scripts/layers/grid.js

@@ -4,27 +4,27 @@ function Grid()
 
   this.el.id = "grid";
 
-  this.draw = function()
+  this.draw = function(size = 60, step = 5)
   {
-    var size = 60;
     var x = 1;
     while(x < this.el.width/size){
       var y = 1;
       while(y < (this.el.height/size)-1){
-        this.draw_vertex(x * size,y * size)
+        var is_marker = (x % step == 0 && y % step == 0)
+        this.draw_vertex(x * size,y * size,is_marker)
         y += 1;
       }
       x += 1;
     }
   }
 
-  this.draw_vertex = function(x,y)
+  this.draw_vertex = function(x,y,is_marker)
   {
     var ctx = this.context();
     var r = 1.5;
     ctx.beginPath();
     ctx.arc(x, y, 1.5, 0, 2 * Math.PI, false);
-    ctx.fillStyle = '#ccc';
+    ctx.fillStyle = is_marker ? '#000' : '#ccc';
     ctx.fill();
   }