From e1bd501f609511b9c9fa9e61e9d03ab80ab46eea Mon Sep 17 00:00:00 2001
From: marianaviro <m.villamizar564@uniandes.edu.co>
Date: Thu, 3 May 2018 08:59:35 -0500
Subject: [PATCH] Ready: Identify when mouse is clicked inside the arrow

---
 sketch1.js | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/sketch1.js b/sketch1.js
index 7daa98e..d8d7514 100644
--- a/sketch1.js
+++ b/sketch1.js
@@ -82,17 +82,32 @@ var firstPrinciple = function(s) {
   }
 
   s.mouseClicked  = function() {
+    var mx = s.windowWidth - x;
+    var my = s.windowHeight - y;
+
     //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) {
+    var dx = s.mouseX - mx;
+    var dy = s.mouseY - my;
+    if(0 < dx && dx < 20 && 0 < dy && dy < 20) {
       s.down();
+    } else {
+      //Check if the mouse is inside the arrow's left triangle
+      var lx = Math.abs(s.mouseX - mx + 10);
+      var ly = Math.abs(s.mouseY - my - 20);
+      if(lx < 20 && ly < 20 && lx > ly) {
+        console.log('entro izq');
+        s.down();
+      } else {
+        //Check if the mouse is inside the arrow's right triangle
+        var rx = 20 - Math.abs(s.mouseX - mx - 10);
+        var ry = Math.abs(s.mouseY - my - 20);
+        if(rx < 20 && ry < 20 && rx > ry) {
+          console.log('entro der');
+          s.down();
+        }
+      }
     }
   }
-
-
 }
 
 var one = new p5(firstPrinciple, 'one');