Images for cards are now scalable

LokiMidgard · Dec 12, 2020 · 50b52b1 · 50b52b1
1 parent e6cd04c
commit 50b52b1
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 26 deletions.
diff --git a/src/cards.ts b/src/cards.ts
@@ -5,7 +5,8 @@ import Sprit, { Element, Target, TargetLand } from './spiritType'
 export function ToCards(spirit: Sprit, relativeTo: string): string {
     return spirit.uniquePowers.map(power => {
         let spiritXml = `<card class='${power.speed}'>
-<img class='image' src='${FileAsDataUrl(power.image, relativeTo)}' />
+<div class='image' style='background-image: url(${FileAsDataUrl(power.image, relativeTo)}); background-size: ${typeof power.image == 'string' ? undefined : power.image?.scale ?? 100}%; background-position-x: ${typeof power.image == 'string' ? undefined : power.image?.x ?? 0}px; background-position-y: ${typeof power.image == 'string' ? undefined : power.image?.y ?? 0}px; ' ></div>
+
 <cost>${power.energy}</cost>
 <name>${power.name}</name>
 ${power.mana ? (Array.isArray(power.mana) ? power.mana.map(e => `<element class='${e}' ></element>`).join('\n') : `<element class='${power.mana}' ></element>`) : ''}
@@ -206,12 +207,12 @@ function TestTwo<T1, T2, S1 extends T1 | T2, S2 extends T1 | T2>(toCheckFor1: T1
 }
 
 
-export 
-function GetCardTemplate(port: number | undefined) {
+export
+    function GetCardTemplate(port: number | undefined) {
 
     const prefix = port
-    ? `http://localhost:${port}`
-    : path.resolve(__dirname, '../dependencys/spirit-island-template')
+        ? `http://localhost:${port}`
+        : path.resolve(__dirname, '../dependencys/spirit-island-template')
 
     return `<!DOCTYPE html>
 

diff --git a/src/spiritType.ts b/src/spiritType.ts
@@ -24,9 +24,10 @@ export type GrowthEntry = 'reclaim-one'
     | 'reclaim-all'
     | 'gain-power-card'
     | 'forget-power-card'
-    | { 
+    | {
         type: 'push',
-        push: Token }
+        push: Token
+    }
     | {
         type: 'gain-energy',
         number: number
@@ -98,28 +99,23 @@ export type InatePowers = {
     levels: InatePowerLevel[]
 }
 
-export type PresenceTrackOptions = number | ElementWithAny | 'reclaim-one' | MovePresents | "forget-power-card" 
-| { "type": "push"
-    "push": Token }
+export type ImagePosition = {
+    x: number,
+    y: number,
+    scale: number
+}
+export type PresenceTrackOptions = number | ElementWithAny | 'reclaim-one' | MovePresents | "forget-power-card"
+    | {
+        "type": "push"
+        "push": Token
+    }
 
 type Sprit = {
     name: string,
     image: ImagePath,
-    imageFrontPosition: {
-        x: number,
-        y: number,
-        scale: number
-    } | undefined,
-    imageCardBackPosition: {
-        x: number,
-        y: number,
-        scale: number
-    } | undefined,
-    imageLorePosition: {
-        x: number,
-        y: number,
-        scale: number
-    } | undefined,
+    imageFrontPosition: ImagePosition | undefined,
+    imageCardBackPosition: ImagePosition | undefined,
+    imageLorePosition: ImagePosition | undefined,
 
     boarder: ImagePath,
     lore: string,
@@ -151,7 +147,7 @@ type Sprit = {
 
 export type PowerCard = {
     name: string,
-    image: ImagePath,
+    image: (Exclude<ImagePath, string> & Partial<ImagePosition> )| string,
     speed: 'fast' | 'slow',
     energy: number,
     mana: Element[] | Element | undefined,