Ready: Check if mouse is inside arrow's rectangle

marianaviro · May 2, 2018 · 1e062e6 · 1e062e6
1 parent 5cdce5f
commit 1e062e6
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/sketch1.js b/sketch1.js
@@ -4,15 +4,14 @@ var firstPrinciple = function(s) {
   var y;
   var easing;
   var bck;
-  var arrow;
 
 
   s.setup = function() {
     x = 0;
     y = 0;
     easing = 0.05;
     bck = '#04E973';
-    arrow = 
+    arrow =
 
     //Canvas
     s.createCanvas(s.displayWidth, s.displayHeight);
@@ -83,7 +82,14 @@ var firstPrinciple = function(s) {
   }
 
   s.mouseClicked  = function() {
-    s.down();
+    //Check if the mouse is inside the arrow's rectangle
+    // var mx = s.windowWidth - x;
+    // var my = s.windowHeight - y;
+    var dx = Math.abs(s.mouseX - s.windowWidth + x);
+    var dy = Math.abs(s.mouseY - s.windowHeight + y);
+    if( dx < 20 && dy < 20) {
+      s.down();
+    }
   }