Feat/debug

TODO.md

@@ -3,7 +3,7 @@
   * [x] Wireframe Mode for ActionableItems
     * [x] Physic Objects
     * [x] Hitbox Objects
-    * [] MainNPC
+    * [x] MainNPC
   * [x] Draw Mode
 * [ ] Moving sprites (ex: animate the MainNPC)
 * [ ] Sound Effects and Background Music

scene-generator/helpers/getMainNPCCode.js

@@ -2,6 +2,8 @@ const getMainNPCDefaultDialogCode = require('./getMainNPCDefaultDialogCode.js');
 const getMainNPCImagePositionCode = require('./getMainNPCImagePositionCode.js');
 const getMainNPCDialogPositionCode = require('./getMainNPCDialogPositionCode.js');
 const getMainNPCAnimationCode = require('./getMainNPCAnimationCode.js');
+const getHasPhysicsCode = require('./getHasPhysicsCode.js');
+const getSetInteractiveCode = require('./getSetInteractiveCode.js');
 
 function getMainNPCCode(mainNPC) {
   if (!mainNPC) return '';
@@ -11,7 +13,9 @@ function getMainNPCCode(mainNPC) {
     ${getMainNPCImagePositionCode(mainNPC?.position)}
     ${getMainNPCDialogPositionCode(mainNPC)}
     ${getMainNPCAnimationCode(mainNPC?.animation)}
-  `;
+    ${getHasPhysicsCode('mainNPC?.mainNPCImage', true)}
+    ${getSetInteractiveCode('mainNPC?.mainNPCImage')}
+    `;
 }
 
 module.exports = getMainNPCCode;

src/js/debug.js

@@ -186,6 +186,14 @@ function setupWireframeMode(scene, gameObjects) {
         getDebugInfoStyle()
       );
 
+      if (gameObject.debugInfoContent.y >= scene.game.config.height - gameObject.debugInfoContent.height) {
+        gameObject.debugInfoContent.y = gameObject.getBounds().y - gameObject.debugInfoContent.height - debugInfoContentPadding;
+      }
+
+      if (gameObject.debugInfoContent.x >= scene.game.config.width - gameObject.debugInfoContent.width) {
+        gameObject.debugInfoContent.x = gameObject.getBounds().x - gameObject.debugInfoContent.width - debugInfoContentPadding;
+      }
+
       gameObject.hoverBackground = scene.add.rectangle(
         gameObject.x,
         gameObject.y,
@@ -227,16 +235,19 @@ function setupWireframeMode(scene, gameObjects) {
       if (gameObject.body) {
         gameObject.on('drag', () => {
           drawing = false;
-          gameObject.debugInfoContent.setPosition(
-            gameObject.getBounds().x,
-            gameObject.getBounds().y +
-              gameObject.height * gameObject.scale +
-              debugInfoContentPadding
-          );
-
+          let x = gameObject.getBounds().x;
+          let y = gameObject.getBounds().y + gameObject.height * gameObject.scale + debugInfoContentPadding;
+          x = (x >= scene.game.config.width - gameObject.debugInfoContent.width) ? gameObject.debugInfoContent.x = gameObject.getBounds().x - gameObject.debugInfoContent.width - debugInfoContentPadding : gameObject.getBounds().x;
+          y = (y >= scene.game.config.height - gameObject.debugInfoContent.height) ? gameObject.debugInfoContent.y = gameObject.getBounds().y - gameObject.debugInfoContent.height - debugInfoContentPadding : gameObject.getBounds().y + gameObject.height * gameObject.scale + debugInfoContentPadding;
+          gameObject.debugInfoContent.setPosition(x, y);
           gameObject.hoverBackground.setPosition(gameObject.x, gameObject.y);
           gameObject.wireframe.setPosition(gameObject.x, gameObject.y);
           gameObject.debugInfoContent.setText(getDebugInfoContent(gameObject));
+          bringToFront(
+            gameObject.hoverBackground,
+            gameObject.wireframe,
+            gameObject.debugInfoContent
+          );
         });
       }
     }

tests/node/getSceneCreate.test.js

@@ -98,6 +98,8 @@ describe('getSceneCreate function', () => {
     this.mainNPC?.create();
     this.mainNPC?.mainNPCImage.setPosition(this.mainNPC?.initialPosition?.x, this.mainNPC?.initialPosition?.y);
     this.mainNPC?.moveTextPosition(this.mainNPC?.initialPosition?.x, this.mainNPC?.initialPosition?.y - this.mainNPC?.mainNPCImage?.height / 2);
+    this.physics.world.enable(this.mainNPC?.mainNPCImage);
+    this.mainNPC?.mainNPCImage.setInteractive();
     `;
 
     const result = getSceneCreate(sceneName, sceneConfig);

tests/node/helpers/getMainNPCCode.test.js

@@ -47,6 +47,8 @@ describe('getMainNPCCode', () => {
       mockedImagePositionCode
       mockedDialogPositionCode
       mockedAnimationCode
+      this.physics.world.enable(this.mainNPC?.mainNPCImage);
+      this.mainNPC?.mainNPCImage.setInteractive();
     `;
     expect(result.replace(/\s+/g, '')).toEqual(
       expectedCode.replace(/\s+/g, '')