1 files changed, 16 insertions, 4 deletions

diff --git a/bundle.js b/bundle.js
index 9ed6e31..fd554b0 100644
--- a/bundle.js
+++ b/bundle.js
@@ -29829,7 +29829,7 @@ function build() {
   hs = Math.ceil(h / s);
   var scale = _scales.scales[scaleMode % _scales.scales.length];
   if (scale.reset) {
-    scale.reset(base_x, base_y, ws, hs);
+    scale.reset(Math.round(base_x), Math.round(base_y), ws, hs);
   }
   for (var i = 0; i < ws; i++) {
     notes[i] = [];
@@ -29912,12 +29912,12 @@ function toggle(note) {
 }
 
 function add(i, j) {
-  var ii = i + base_x;
-  var jj = j + base_y;
+  var ii = i + Math.round(base_x);
+  var jj = j + Math.round(base_y);
 
   var scale = _scales.scales[scaleMode % _scales.scales.length];
 
-  var _scale$get = scale.get(ii, jj, i, j, base_x, base_y),
+  var _scale$get = scale.get(ii, jj, i, j, Math.round(base_x), Math.round(base_y)),
       _scale$get2 = _slicedToArray(_scale$get, 2),
       a = _scale$get2[0],
       b = _scale$get2[1];
@@ -30068,6 +30068,18 @@ function bind() {
   document.querySelector("#help-button").addEventListener("click", function () {
     return document.querySelector("#help").classList.toggle("visible");
   });
+  grid.addEventListener("wheel", function (e) {
+    var new_base_x = Math.max(0, base_x + e.deltaX / 32);
+    var new_base_y = Math.max(0, base_y + e.deltaY / 32);
+    if (Math.round(base_x) !== Math.round(new_base_x) || Math.round(base_y) !== Math.round(new_base_y)) {
+      base_x = new_base_x;
+      base_y = new_base_y;
+      rebuild();
+    } else {
+      base_x = new_base_x;
+      base_y = new_base_y;
+    }
+  });
 }
 
 var isReset = false;