update npcInteractionHandler for mobile (#75)

Fixes #66
zero-to-mastery · Oct 3, 2024 · fc116d0 · fc116d0
2 parents fd652b8 + 5934b86
commit fc116d0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/interactions/handler.interactions.js b/src/interactions/handler.interactions.js
@@ -8,16 +8,22 @@ export const npcInteractionHandler = (
     onCollideEnd
 ) => {
     let keyHandler;
+    let clickHandler;
+
     player.onCollide(target, (sprite) => {
         // Display the modal prompting the user to press 't'
         const { actionModal, actionLabel } = buildActionModal(sprite, k);
 
-        keyHandler = k.onKeyPress('t', () => {
+        function handleOnCollide() {
             k.destroy(actionModal);
             k.destroy(actionLabel);
             onCollide();
+            clickHandler.cancel();
             keyHandler.cancel();
-        });
+        }
+
+        clickHandler = k.onClick('action-modal', () => handleOnCollide());
+        keyHandler = k.onKeyPress('t', () => handleOnCollide());
     });
 
     player.onCollideEnd(target, () => {
@@ -30,6 +36,7 @@ export const npcInteractionHandler = (
             actionLabel.destroy();
         }
 
+        clickHandler.cancel();
         keyHandler.cancel();
 
         if (onCollideEnd) {

diff --git a/src/utils.js b/src/utils.js
@@ -195,11 +195,13 @@ export function setCamScale(k) {
     }
 }
 
+// NOTE: sprite must be an npc not an object like mailbox
 export function buildActionModal(sprite, k) {
     const spritePos = sprite.pos;
 
     const actionModal = k.add([
         k.rect(20, 20),
+        k.area(),
         k.color(255, 255, 255),
         k.outline(2, k.Color.BLACK),
         k.pos(spritePos.x - 10, spritePos.y - sprite.height - 30),