Rendering position fix

serbanghita · Mar 22, 2024 · 6ce1dff · 6ce1dff
1 parent 51da597
commit 6ce1dff
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/packages/glhf-demo/.gitignore b/packages/glhf-demo/.gitignore
@@ -0,0 +1,2 @@
+src/*.js
+src/*.js.map
diff --git a/packages/glhf-demo/src/system/IdleSystem.ts b/packages/glhf-demo/src/system/IdleSystem.ts
@@ -46,6 +46,7 @@ export default class IdleSystem extends System {
             console.log('IsIdle', entity.id);
 
             if (component.properties.status === StateStatus.FINISHED) {
+                console.log('IsIdle finished and removed');
                 entity.removeComponent(IsIdle);
                 return;
             }

diff --git a/packages/glhf-demo/src/system/RenderSystem.ts b/packages/glhf-demo/src/system/RenderSystem.ts
@@ -40,6 +40,10 @@ export default class RenderSystem extends System {
             }
 
             const animationFrame = animation.frames[component.properties.animationTick];
+            const hitboxOffset = animation.hitboxOffset;
+
+            const destPositionX = hitboxOffset?.x ? position.properties.x - hitboxOffset.x : position.properties.x;
+            const destPositionY = hitboxOffset?.y ? position.properties.y - hitboxOffset.y : position.properties.y;
 
             if (!animationFrame) {
                 throw new Error(`Cannot find animation frame ${component.properties.animationTick} for "${component.properties.animationStateName}".`);
@@ -54,8 +58,8 @@ export default class RenderSystem extends System {
                 animationFrame.width,
                 animationFrame.height,
                 // dest
-                position.properties.x,
-                position.properties.y,
+                destPositionX,
+                destPositionY,
                 animationFrame.width,
                 animationFrame.height
             );