@hi-ashleyj/llama 0.7.0 → 0.8.1

package/components/Game.svelte

@@ -25,6 +25,8 @@ $: {
 const layers = new Set();
 const draw = function (delta, time) {
     for (let layer of layers) {
+        if (layer.isStatic())
+            continue;
         layer.draw(delta, time);
     }
 };

package/components/Layer.svelte

@@ -1,6 +1,8 @@
 <script>import { setupLayer, getGame } from "../setup";
 import { onMount } from "svelte";
 export let zIndex = 0;
+export let staticMode = false;
+let shouldRenderNextFrame = true;
 let canvas;
 $: ctx = (typeof canvas !== "undefined") ? canvas.getContext("2d") : null;
 let targets = new Set();
@@ -15,10 +17,18 @@ let register = setupLayer({
     assign: (ctx) => {
         targets.add(ctx);
         return () => { targets.delete(ctx); };
+    },
+    requestFrame: () => {
+        if (!staticMode)
+            return;
+        shouldRenderNextFrame = true;
     }
 });
 onMount(() => {
-    return register({ draw });
+    return register({ draw, isStatic: () => { if (shouldRenderNextFrame) {
+            shouldRenderNextFrame = false;
+            draw();
+        } return staticMode; } });
 });
 </script>
 
@@ -34,4 +44,4 @@ onMount(() => {
         height: 100%;
         object-fit: contain;
     }
-</style>
+</style>

package/components/Layer.svelte.d.ts

@@ -2,6 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         zIndex?: number | undefined;
+        staticMode?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/components/mouse/MouseClickable.svelte

@@ -22,7 +22,6 @@ onMount(() => {
         let y = context.getMousePosition("mouse_y");
         if (y < ty || y > ty + th)
             return;
-        console.log(key);
         dispatch("click");
         switch (key) {
             case ("mouse_left"): {

package/index.d.ts

@@ -5,7 +5,7 @@ export { default as MouseLeftClick } from "./components/mouse/MouseLeftClick.sve
 export { default as MouseClickable } from "./components/mouse/MouseClickable.svelte";
 export { default as MouseEventArea } from "./components/mouse/MouseEventArea.svelte";
 export * as drawables from "./components/drawables/index";
-export { setupDrawable, getGame } from "./setup";
+export { setupDrawable, getGame, getLayer, getTriggerLayerRender } from "./setup";
 export { resolve as resolveImage } from "./components/resources/images";
 export { CONTROLLER_ACTION } from "./components/controller";
 export { MOUSE_ACTION } from "./components/mouse";

package/index.js

@@ -5,7 +5,7 @@ export { default as MouseLeftClick } from "./components/mouse/MouseLeftClick.sve
 export { default as MouseClickable } from "./components/mouse/MouseClickable.svelte";
 export { default as MouseEventArea } from "./components/mouse/MouseEventArea.svelte";
 export * as drawables from "./components/drawables/index";
-export { setupDrawable, getGame } from "./setup";
+export { setupDrawable, getGame, getLayer, getTriggerLayerRender } from "./setup";
 export { resolve as resolveImage } from "./components/resources/images";
 export { CONTROLLER_ACTION } from "./components/controller";
 export { MOUSE_ACTION } from "./components/mouse";

package/package.json

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

package/setup.d.ts

@@ -1,8 +1,11 @@
 import type { GameContext, LayerContext, DrawableContext, DrawableFunction } from "./types";
 export declare const setupGame: (context: GameContext) => void;
-export declare const setupLayer: (context: LayerContext) => ({ draw }: {
+export declare const setupLayer: (context: LayerContext) => ({ draw, isStatic }: {
     draw: () => any;
+    isStatic: () => boolean;
 }) => () => any;
+export declare const getLayer: () => LayerContext;
+export declare const getTriggerLayerRender: () => () => any;
 export declare const setupDrawable: ({ assign }: Partial<DrawableContext>) => ({ draw }: {
     draw: () => DrawableFunction;
 }) => () => any;

package/setup.js

@@ -22,6 +22,16 @@ export const setupLayer = function (context) {
         return game.assign(ctx);
     };
 };
+export const getLayer = function () {
+    let layer = getContext(LAYER);
+    if (!layer)
+        throw new Error("Layer context does not exist!");
+    return layer;
+};
+export const getTriggerLayerRender = function () {
+    let layer = getLayer();
+    return layer.requestFrame;
+};
 export const setupDrawable = function ({ assign }) {
     let parent = getContext(DRAWABLE);
     if (assign) {

package/types/contexts.d.ts

@@ -4,7 +4,7 @@ import { Controller } from "../components/controller";
 import { Mouse } from "../components/mouse";
 
 export type GameContext = { 
-    assign: (context: { draw: Function }) => () => any,
+    assign: (context: { draw: Function, isStatic: () => boolean }) => () => any,
     width: Writable<number>, 
     height: Writable<number>, 
     background: Writable<string>,
@@ -25,6 +25,7 @@ export type GameContext = {
 
 export type LayerContext = {
     assign: (context: { draw: Function }) => () => any
+    requestFrame: () => any;
 };
 
 export type DrawableFunction = ({}: { width: number, height: number, ctx: CanvasRenderingContext2D }, ...more: any[] ) => any;