@hi-ashleyj/llama 0.8.0 → 0.8.2

package/components/Layer.svelte

@@ -2,7 +2,7 @@
 import { onMount } from "svelte";
 export let zIndex = 0;
 export let staticMode = false;
-let hasRenderedOnce = false;
+let shouldRenderNextFrame = true;
 let canvas;
 $: ctx = (typeof canvas !== "undefined") ? canvas.getContext("2d") : null;
 let targets = new Set();
@@ -21,12 +21,12 @@ let register = setupLayer({
     requestFrame: () => {
         if (!staticMode)
             return;
-        draw();
+        shouldRenderNextFrame = true;
     }
 });
 onMount(() => {
-    return register({ draw, isStatic: () => { if (!hasRenderedOnce) {
-            hasRenderedOnce = true;
+    return register({ draw, isStatic: () => { if (shouldRenderNextFrame) {
+            shouldRenderNextFrame = false;
             draw();
         } return staticMode; } });
 });
@@ -44,4 +44,4 @@ onMount(() => {
         height: 100%;
         object-fit: contain;
     }
-</style>
+</style>

package/components/drawables/Text.svelte

@@ -9,20 +9,22 @@ export let stroke = undefined;
 export let alignH = "left";
 export let alignV = "top";
 $: computedFont = ((style) ? style + " " : "") + size + "px " + font;
-const draw = function ({ ctx }, { x, y }) {
+const draw = function ({ ctx }, { x, y, w, h }) {
     if (!text)
         return;
     ctx.beginPath();
     ctx.textAlign = alignH;
     ctx.textBaseline = alignV;
     ctx.font = computedFont;
+    let actualX = x + (alignH === "right" ? w : alignH === "center" ? w / 2 : 0);
+    let actualY = y + (alignV === "bottom" ? h : alignV === "middle" ? (h / 2) + (size * 0.10) : 0);
     if (fill) {
         ctx.fillStyle = fill;
-        ctx.fillText(text, x, y);
+        ctx.fillText(text, actualX, actualY);
     }
     if (stroke) {
         ctx.strokeStyle = stroke;
-        ctx.strokeText(text, x, y);
+        ctx.strokeText(text, actualX, actualY);
     }
 };
 let register = setupDrawable({});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hi-ashleyj/llama",
   "description": "A (Very Incomplete) 2D Canvas Game Engine powered by Svelte",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "type": "module",
   "repository": {
     "type": "git",