Improving scaling method

Author: Gregwar

js/blocks.js

@@ -139,12 +139,29 @@ Blocks = function()
 
             // Binding the mouse wheel
             self.div.bind('mousewheel', function(event, delta, deltaX, deltaY) {
-                self.scale *= Math.pow(1.1, deltaY);
+                var dX = self.mouseX - self.center.x;
+                var dY = self.mouseY - self.center.y;
+                var deltaScale = Math.pow(1.1, deltaY);
+                self.center.x -= dX*(deltaScale-1);
+                self.center.y -= dY*(deltaScale-1);
+                self.scale *= deltaScale;
                 self.redraw();
             });
         });
     };
 
+    /**
+     * Gets the mouse position
+     */
+    this.getPosition = function()
+    {
+        var position = {};
+        position.x = (blocks.mouseX-blocks.center.x)/blocks.scale;
+        position.y = (blocks.mouseY-blocks.center.y)/blocks.scale;
+
+        return position;
+    };
+
     /**
      * Adds a block
      */

js/blocksmenu.js

@@ -28,8 +28,8 @@ function BlocksMenu(blocks)
      */
     this.show = function()
     {
-        self.menu.css('margin-left', (10+blocks.mouseX)+'px');
-        self.menu.css('margin-top', (10+blocks.mouseY)+'px');
+        self.menu.css('margin-left', (5+blocks.mouseX)+'px');
+        self.menu.css('margin-top', (5+blocks.mouseY)+'px');
         self.menu.show();
         self.visible = true;
     };
@@ -41,8 +41,7 @@ function BlocksMenu(blocks)
         if (self.visible) {
             self.hide();
         } else {
-            self.position.x = (blocks.mouseX-blocks.center.x)/blocks.scale;
-            self.position.y = (blocks.mouseY-blocks.center.y)/blocks.scale;
+            self.position = blocks.getPosition();
 
             // Sorting types by family
             var families = {};