Add Soccer Ball interaction in city map

src/interactions/map_city/index.js

@@ -16,6 +16,7 @@ import { enterMapSeasideInteraction } from './enterMapSeasideInteraction.interac
 import { enterMapExtendedCampus } from './enterMapExtendedCampus.interactions';
 import { enterMapExtendedCampusTop } from './enterMapExtendCampusTop.interactions';
 import { interactionWithBin } from './bin.interaction';
+import {interactionWithSoccerBall} from './soccerBall.interaction'
 
 const interactions = [
     enterMapArcadeInteraction,
@@ -36,6 +37,7 @@ const interactions = [
     // Add more interactions here
     enterMapCampusHouse1Interaction,
     interactionWithBin,
+    interactionWithSoccerBall
 ];
 
 export default interactions;

src/interactions/map_city/soccerBall.interaction.js

@@ -0,0 +1,29 @@
+import { displayDialogue } from '../../utils';
+
+const getRandomMessage = (min, max) => {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+};
+
+const messages = [
+  ["Hey! Watch where you're kicking!"],
+  ["Goal vibes only!"],
+  ["You think you can bend it like Beckham?"],
+  ["Ouch! That tickled!"],
+  ["Keep me rolling, champ!"],
+  ["I'm ready for the World Cup!"],
+  ["Nice touch! Want to try a trick shot?"],
+  ["You’ve got good footwork!"],
+  ["Don't leave me sitting here, let's play! 🏃‍♂️💨"]
+];
+
+export const interactionWithSoccerBall = (player, k, map) => {
+    player.onCollide('soccerBall', () => {
+        const randomMessage = getRandomMessage(0, messages.length - 1);
+
+        displayDialogue({
+            k,
+            player,
+            text: messages[randomMessage],
+        });
+    });
+};