@hi-ashleyj/llama 0.3.5 → 0.5.0

package/components/GameObject.svelte

@@ -9,11 +9,20 @@ export let h = 0;
  * TRUE = ANCHOR CENTER
  */
 export let centered = false;
+export let opacity = 1;
 $: ax = (centered) ? x - (w / 2) : x;
 $: ay = (centered) ? y - (h / 2) : y;
 const targets = new Set();
 const draw = function ({ width, height, ctx }) {
+    if (opacity <= 0)
+        return;
+    if (opacity < 1) {
+        ctx.globalAlpha = opacity;
+    }
     targets.forEach(f => f.draw({ width, height, ctx }, { x: ax, y: ay, w, h }));
+    if (opacity < 1) {
+        ctx.globalAlpha = 1;
+    }
 };
 let register = setupDrawable({
     assign: (ctx) => {

package/components/GameObject.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
              * FALSE = ANCHOR TOP LEFT
              * TRUE = ANCHOR CENTER
              */ centered?: boolean | undefined;
+        opacity?: number | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/drawables/MultiLineText.svelte

@@ -0,0 +1,43 @@
+<script>import { setupDrawable } from "../../setup";
+import { onMount } from "svelte";
+export let text;
+export let size;
+export let spacing = 1.4;
+export let font;
+export let style = undefined;
+export let fill = undefined;
+export let stroke = undefined;
+export let alignH = "left";
+export let alignV = "top";
+$: computedFont = (style ? style + " " : "") + size + "px " + font;
+$: splits = text?.split("\n") || [];
+$: offset =
+    alignV === "bottom"
+        ? ((splits?.length || 1) - 1) * size * spacing
+        : alignV === "middle"
+            ? ((splits?.length || 1) - 1) * size * spacing * 0.5
+            : 0;
+const draw = function ({ ctx }, { x, y }) {
+    if (!splits)
+        return;
+    for (let i = 0; i < splits.length; i++) {
+        const line = splits[i];
+        ctx.beginPath();
+        ctx.textAlign = alignH;
+        ctx.textBaseline = alignV;
+        ctx.font = computedFont;
+        if (fill) {
+            ctx.fillStyle = fill;
+            ctx.fillText(line, x, y + size * spacing * i - offset);
+        }
+        if (stroke) {
+            ctx.strokeStyle = stroke;
+            ctx.strokeText(line, x, y + size * spacing * i - offset);
+        }
+    }
+};
+let register = setupDrawable({});
+onMount(() => {
+    return register({ draw });
+});
+</script>

package/components/drawables/MultiLineText.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        text: string;
+        size: number;
+        spacing?: number | undefined;
+        font: string;
+        style?: string | undefined;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        alignH?: "left" | "center" | "right" | undefined;
+        alignV?: "top" | "middle" | "bottom" | "alphabetic" | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type MultiLineTextProps = typeof __propDef.props;
+export declare type MultiLineTextEvents = typeof __propDef.events;
+export declare type MultiLineTextSlots = typeof __propDef.slots;
+export default class MultiLineText extends SvelteComponentTyped<MultiLineTextProps, MultiLineTextEvents, MultiLineTextSlots> {
+}
+export {};

package/components/drawables/index.d.ts

@@ -3,3 +3,4 @@ export { default as Circle } from "./Circle.svelte";
 export { default as Arc } from "./Arc.svelte";
 export { default as DisplayImage } from "./DisplayImage.svelte";
 export { default as Text } from "./Text.svelte";
+export { default as MultiLineText } from "./MultiLineText.svelte";

package/components/drawables/index.js

@@ -3,3 +3,4 @@ export { default as Circle } from "./Circle.svelte";
 export { default as Arc } from "./Arc.svelte";
 export { default as DisplayImage } from "./DisplayImage.svelte";
 export { default as Text } from "./Text.svelte";
+export { default as MultiLineText } from "./MultiLineText.svelte";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hi-ashleyj/llama",
   "description": "A (Very Incomplete) 2D Canvas Game Engine powered by Svelte",
-  "version": "0.3.5",
+  "version": "0.5.0",
   "type": "module",
   "repository": {
     "type": "git",
@@ -32,6 +32,7 @@
     "./components/drawables/Arc.svelte": "./components/drawables/Arc.svelte",
     "./components/drawables/Circle.svelte": "./components/drawables/Circle.svelte",
     "./components/drawables/DisplayImage.svelte": "./components/drawables/DisplayImage.svelte",
+    "./components/drawables/MultiLineText.svelte": "./components/drawables/MultiLineText.svelte",
     "./components/drawables/Rectangle.svelte": "./components/drawables/Rectangle.svelte",
     "./components/drawables/Text.svelte": "./components/drawables/Text.svelte",
     "./components/drawables": "./components/drawables/index.js",