Added NPC Jessica to city map. Plan to add a quest for her soon.

Author: RyanCodeDev

src/gameObjects/map_city/index.js

@@ -3,6 +3,7 @@ import { flyingBirds } from './flyingBirds';
 import { npcsInCityMap } from './npcsOnmap_city';
 import { soccerBall } from './soccerBall.gameObject';
 import { americanFootball } from './americanFootball.gameObject';
+import { jessica } from './jessica.gameObject';
 
 const gameObjects = [
     npcsInCityMap,
@@ -11,6 +12,7 @@ const gameObjects = [
     flyingBirds,
     soccerBall,
     americanFootball,
+    jessica
 ];
 
 export default gameObjects;

src/gameObjects/map_city/jessica.gameObject.js

@@ -0,0 +1,35 @@
+import { scaleFactor } from '../../constants';
+
+const characterRow = 17;
+const sliceX = 10;
+const sliceY = 20;
+const spritePosition = (characterRow - 1) * sliceX;
+
+export const jessica = (k, map, spawnpoints) => {
+  k.loadSprite('jessica', './assets/sprites/characters.png', {
+    sliceX: sliceX,
+    sliceY: sliceY,
+    anims: {
+      'idle-down': spritePosition + 0,
+      'walk-down': { from: spritePosition + 5, to: spritePosition + 6, loop: true, speed: 4 },
+      'idle-up': spritePosition + 1,
+      'walk-up': { from: spritePosition + 7, to: spritePosition + 8, loop: true, speed: 4 },
+      'idle-right': spritePosition + 2,
+    },
+  });
+
+  const jessicaObj = k.make([
+    k.sprite('jessica', { anim: 'idle-down' }),
+    k.area({
+      shape: new k.Rect(k.vec2(0), 16, 16),
+    }),
+    k.body({ isStatic: true }),
+    k.anchor('center'),
+    k.pos(390, 520),
+    k.scale(scaleFactor * 0.5),
+    k.offscreen({ hide: true, distance: 10 }),
+    'jessica',
+  ]);
+
+  return jessicaObj;
+};

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 { jessicaInteraction } from './jessica.interation';
 
 const interactions = [
     enterMapArcadeInteraction,
@@ -36,6 +37,7 @@ const interactions = [
     // Add more interactions here
     enterMapCampusHouse1Interaction,
     interactionWithBin,
+    jessicaInteraction
 ];
 
 export default interactions;

src/interactions/map_city/jessica.interation.js

@@ -0,0 +1,15 @@
+import { interactionHandler } from '../handler.interactions';
+import { displayDialogue } from '../../utils';
+
+export const jessicaInteraction = (player, k) => {
+  interactionHandler(player, 'jessica', k, async () => {
+    await displayDialogue({
+      k,
+      player,
+      characterName: 'Jessica',
+      text: [
+        "Hi, I'm Jessica! I'm learning Javascript! It's a lot of work, but I'm excited to get better at it."
+      ],
+    });
+  });
+};

src/interactions/quests/constants.quests.js

@@ -32,3 +32,15 @@ export const map_realtor = {
         }
     ),
 };
+
+export const findFlashDriveQuest = {
+    "Find the Flash Drive": makeQuest(
+        "Find the Flash Drive",
+        "Find the flash drive that Jessica has lost.",
+        {
+            "Has Talked to Jessica": false,
+            "Found the Flash Drive": false,
+            "Returned the Flash Drive": false,
+        }
+    )
+}