Merge branch 'main' into 20-dialogue-box-ui-updated

src/gameObjects/map_start/computer.gameObject.js

@@ -0,0 +1,25 @@
+import { scaleFactor } from '../../constants';
+
+export const computer = (k, map, spawnpoints) => {
+    k.loadSprite('computer', './laptop.png', {
+        sliceX: 4,
+        sliceY: 4,
+        anims: {
+            on: { from: 2, to: 3, loop: false },
+            off: { from: 3, to: 2, loop: false },
+        },
+    });
+
+    const [tableRoom1] = map.query({ include: 'table_room_1' });
+
+    return k.make([
+        k.sprite('computer', { frame: 2 }),
+        k.area(),
+        k.pos(
+            (tableRoom1.pos.x + 3) * scaleFactor,
+            (tableRoom1.pos.y + 30) * scaleFactor
+        ),
+        k.body({ isStatic: true }),
+        'computer',
+    ]);
+};

src/gameObjects/map_start/index.js

@@ -2,13 +2,14 @@ import { bruno } from './bruno.gameObject';
 import { cake } from './cake.gameObject';
 import { npcsOnChairs } from './npcsOnChairs.gameObject';
 import { ztmTrailer } from './ztmTrailer.gameObject';
+import { computer } from './computer.gameObject';
 
 const gameObjects = [
     bruno,
     npcsOnChairs,
     ztmTrailer,
+    computer,
     cake,
-
     // Add more game objects here
 ];
 

src/interactions/map_start/computer.interaction.js

@@ -0,0 +1,10 @@
+export const interactionWithComputer = (player, k, map) => {
+    const [computer] = k.query({ include: 'computer' });
+
+    player.onCollide('computer', () => {
+        computer.play('on');
+    });
+    player.onCollideEnd('computer', () => {
+        computer.play('off');
+    });
+};

src/interactions/map_start/index.js

@@ -2,12 +2,14 @@ import { interactionWithBruno } from './bruno.interaction';
 import { enterMapCityInteraction } from './enterMapCity.interaction';
 import { interactionWithMainboxMainArea } from './mailboxMainArea.interaction';
 import { restroomInteractions } from './restroom.interactions';
+import { interactionWithComputer } from './computer.interaction';
 
 const interactions = [
     restroomInteractions,
     interactionWithBruno,
     enterMapCityInteraction,
     interactionWithMainboxMainArea,
+    interactionWithComputer,
     // Add more interactions here
 ];