Jessie arcade (#85)

part of #5

src/constants.js

@@ -44,3 +44,20 @@ export const conversationMisterFu = [
     "If you're itching to start your journey, the path lies through that gate.",
     "But don't forget to stock up on supplies before you go. It's a long road ahead.",
 ];
+
+
+export const jessie = {
+    name: 'jessie',
+    frames: [180, 184, 182, 188, 181, 186],
+};
+export const conversationJessie = [
+    'Hey there! Welcome to the arcade! Ready to have some fun?',
+    "Hi! I'm Jessie. Need any tips on the best games here?",
+    "Hello! Have you tried the new racing game? It's awesome!",
+    "Welcome! I'm Jessie. Let's see if you can beat my high score!",
+    'Hey! Looking for a challenge? I can show you the toughest games.',
+    "Hi there! Don't forget to check out the prize counter after playing!",
+    "Hello! Need any help finding a game? I'm your go-to guide!",
+    "Hey! Ready to play? I've got some great game recommendations for you.",
+];
+

src/gameObjects/map_arcade/index.js

@@ -1,7 +1,12 @@
+
+import { jessie } from "./jessie.gameObject";
+
 import { npcsInArcadeMap } from './npcsOnmap';
+
 const gameObjects = [
     npcsInArcadeMap,
     // Add more game objects here
+    jessie,
 ];
 
 export const addGameObjects = (k, map, spawnpoints) => {

src/gameObjects/map_arcade/jessie.gameObject.js

@@ -0,0 +1,34 @@
+import { scaleFactor } from '../../constants';
+
+export const jessie = (k, map, spawnpoints) => {
+    k.loadSprite('jessie', './assets/sprites/characters.png', {
+        sliceX: 10,
+        sliceY: 20,
+        anims: {
+            'idle-down': 180,
+            'walk-down': { from: 184, to: 185, loop: true, speed: 4 },
+            'idle-side': 182,
+            'walk-side': { from: 188, to: 190, loop: true, speed: 4 },
+            'idle-up': 181,
+            'walk-up': { from: 186, to: 199, loop: true, speed: 4 },
+        },
+    });
+
+    const jessieObj = k.make([
+        k.sprite('jessie', { anim: 'idle-down' }),
+        k.area({
+            shape: new k.Rect(k.vec2(0), 16, 16),
+        }),
+        k.body({ isStatic: true }),
+        k.anchor('center'),
+        k.pos(
+            map.pos.x + spawnpoints.player.x + 40,
+            map.pos.y + spawnpoints.player.y
+        ),
+        k.scale(scaleFactor),
+        k.offscreen({ hide: true, distance: 10 }),
+        'jessie',
+    ]);
+
+    return jessieObj;
+};

src/interactions/map_arcade/index.js

@@ -3,11 +3,14 @@ import { interactionWithGameMachine8 } from './game_machine_8';
 import { interactionWithGameMachine2 } from './game_machine_2.interactions';
 import { interactionWithGameMachine4 } from './game_machine_4.interactions';
 import { interactionWithGameMachine6 } from './game_machine_6.interactions';
+import { interactionWithJessie } from './jessie.interaction';
 
 const interactions = [
     enterMapCityInteraction,
     // Add more interactions here
 
+    interactionWithJessie,
+
     // new interaction
     interactionWithGameMachine2,
     interactionWithGameMachine4,

src/interactions/map_arcade/jessie.interaction.js

@@ -0,0 +1,20 @@
+
+import { interactionHandler } from '../handler.interactions';
+import { displayDialogue } from '../../utils';
+import { conversationJessie, jessie } from '../../constants';
+
+export const interactionWithJessie = (player, k, map) => {
+    interactionHandler(player, jessie.name, k, () => {
+        player.isInDialog = true;
+        displayDialogue({
+            k,
+            player,
+            characterName: jessie.name,
+            text: conversationJessie,
+            onDisplayEnd: () => {
+                player.isInDialog = false;
+                player.state.hasTalkedToJessie = true;
+            },
+        });
+    });
+};

src/interactions/map_start/misterFu.interaction.js

@@ -17,4 +17,4 @@ export const interactionWithMisterFu = (player, k, map) => {
             },
         });
     });
-};
+}