fixing mouse pixel density

patriciogonzalezvivo · Jun 13, 2018 · dbfabb1 · dbfabb1
1 parent 1f48bb8
commit dbfabb1
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/dist/GlslCanvas.es.js b/dist/GlslCanvas.es.js
@@ -1316,8 +1316,8 @@ var GlslCanvas = function () {
             var rect = this.canvas.getBoundingClientRect();
             if (mouse && mouse.x && mouse.x >= rect.left && mouse.x <= rect.right && mouse.y && mouse.y >= rect.top && mouse.y <= rect.bottom) {
 
-                var mouse_x = mouse.x * this.realToCSSPixels - rect.left;
-                var mouse_y = this.canvas.height - (mouse.y * this.realToCSSPixels - rect.top);
+                var mouse_x = (mouse.x - rect.left) * this.realToCSSPixels;
+                var mouse_y = this.canvas.height - (mouse.y - rect.top) * this.realToCSSPixels;
 
                 for (var key in this.buffers) {
                     var buffer = this.buffers[key];

diff --git a/dist/GlslCanvas.js b/dist/GlslCanvas.js
@@ -1721,8 +1721,8 @@ var GlslCanvas = function () {
             var rect = this.canvas.getBoundingClientRect();
             if (mouse && mouse.x && mouse.x >= rect.left && mouse.x <= rect.right && mouse.y && mouse.y >= rect.top && mouse.y <= rect.bottom) {
 
-                var mouse_x = mouse.x * this.realToCSSPixels - rect.left;
-                var mouse_y = this.canvas.height - (mouse.y * this.realToCSSPixels - rect.top);
+                var mouse_x = (mouse.x - rect.left) * this.realToCSSPixels;
+                var mouse_y = this.canvas.height - (mouse.y - rect.top) * this.realToCSSPixels;
 
                 for (var key in this.buffers) {
                     var buffer = this.buffers[key];

diff --git a/lib/GlslCanvas.js b/lib/GlslCanvas.js
@@ -1717,8 +1717,8 @@ var GlslCanvas = function () {
             var rect = this.canvas.getBoundingClientRect();
             if (mouse && mouse.x && mouse.x >= rect.left && mouse.x <= rect.right && mouse.y && mouse.y >= rect.top && mouse.y <= rect.bottom) {
 
-                var mouse_x = mouse.x * this.realToCSSPixels - rect.left;
-                var mouse_y = this.canvas.height - (mouse.y * this.realToCSSPixels - rect.top);
+                var mouse_x = (mouse.x - rect.left) * this.realToCSSPixels;
+                var mouse_y = this.canvas.height - (mouse.y - rect.top) * this.realToCSSPixels;
 
                 for (var key in this.buffers) {
                     var buffer = this.buffers[key];

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "glslCanvas",
-    "version": "0.1.2",
+    "version": "0.1.3",
     "description": "Simple GLSL Fragment Shader Sandbox",
     "main": "lib/GlslCanvas.js",
     "module": "dist/GlslCanvas.es.js",

diff --git a/src/GlslCanvas.js b/src/GlslCanvas.js
@@ -389,8 +389,8 @@ void main(){
             mouse.x && mouse.x >= rect.left && mouse.x <= rect.right &&
             mouse.y && mouse.y >= rect.top && mouse.y <= rect.bottom) {
 
-            let mouse_x = (mouse.x * this.realToCSSPixels - rect.left );
-            let mouse_y = (this.canvas.height - (mouse.y * this.realToCSSPixels - rect.top));
+            let mouse_x = (mouse.x - rect.left ) * this.realToCSSPixels;
+            let mouse_y = (this.canvas.height - (mouse.y - rect.top) * this.realToCSSPixels);
 
             for (let key in this.buffers) {
                 const buffer = this.buffers[key];