npm - kiwiengine - Versions diffs - 0.5.2 → 0.5.3 - Mend

kiwiengine 0.5.2 → 0.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (325) hide show

package/examples/simple-battle/assets/spritesheets/orc-atlas.json CHANGED Viewed

@@ -1,289 +1,246 @@
 {
   "frames": {
     "idle-1": {
-      "frame": {
-        "x": 0,
-        "y": 0,
-        "w": 100,
-        "h": 100
-      }
+      "x": 0,
+      "y": 0,
+      "w": 100,
+      "h": 100
     },
     "idle-2": {
-      "frame": {
-        "x": 100,
-        "y": 0,
-        "w": 100,
-        "h": 100
-      }
+      "x": 100,
+      "y": 0,
+      "w": 100,
+      "h": 100
     },
     "idle-3": {
-      "frame": {
-        "x": 200,
-        "y": 0,
-        "w": 100,
-        "h": 100
-      }
+      "x": 200,
+      "y": 0,
+      "w": 100,
+      "h": 100
     },
     "idle-4": {
-      "frame": {
-        "x": 300,
-        "y": 0,
-        "w": 100,
-        "h": 100
-      }
+      "x": 300,
+      "y": 0,
+      "w": 100,
+      "h": 100
     },
     "idle-5": {
-      "frame": {
-        "x": 400,
-        "y": 0,
-        "w": 100,
-        "h": 100
-      }
+      "x": 400,
+      "y": 0,
+      "w": 100,
+      "h": 100
     },
     "idle-6": {
-      "frame": {
-        "x": 500,
-        "y": 0,
-        "w": 100,
-        "h": 100
-      }
+      "x": 500,
+      "y": 0,
+      "w": 100,
+      "h": 100
     },
     "walk-1": {
-      "frame": {
-        "x": 0,
-        "y": 100,
-        "w": 100,
-        "h": 100
-      }
+      "x": 0,
+      "y": 100,
+      "w": 100,
+      "h": 100
     },
     "walk-2": {
-      "frame": {
-        "x": 100,
-        "y": 100,
-        "w": 100,
-        "h": 100
-      }
+      "x": 100,
+      "y": 100,
+      "w": 100,
+      "h": 100
     },
     "walk-3": {
-      "frame": {
-        "x": 200,
-        "y": 100,
-        "w": 100,
-        "h": 100
-      }
+      "x": 200,
+      "y": 100,
+      "w": 100,
+      "h": 100
     },
     "walk-4": {
-      "frame": {
-        "x": 300,
-        "y": 100,
-        "w": 100,
-        "h": 100
-      }
+      "x": 300,
+      "y": 100,
+      "w": 100,
+      "h": 100
     },
     "walk-5": {
-      "frame": {
-        "x": 400,
-        "y": 100,
-        "w": 100,
-        "h": 100
-      }
+      "x": 400,
+      "y": 100,
+      "w": 100,
+      "h": 100
     },
     "walk-6": {
-      "frame": {
-        "x": 500,
-        "y": 100,
-        "w": 100,
-        "h": 100
-      }
+      "x": 500,
+      "y": 100,
+      "w": 100,
+      "h": 100
     },
     "walk-7": {
-      "frame": {
-        "x": 600,
-        "y": 100,
-        "w": 100,
-        "h": 100
-      }
+      "x": 600,
+      "y": 100,
+      "w": 100,
+      "h": 100
     },
     "walk-8": {
-      "frame": {
-        "x": 700,
-        "y": 100,
-        "w": 100,
-        "h": 100
-      }
+      "x": 700,
+      "y": 100,
+      "w": 100,
+      "h": 100
     },
     "attack1-1": {
-      "frame": {
-        "x": 0,
-        "y": 200,
-        "w": 100,
-        "h": 100
-      }
+      "x": 0,
+      "y": 200,
+      "w": 100,
+      "h": 100
     },
     "attack1-2": {
-      "frame": {
-        "x": 100,
-        "y": 200,
-        "w": 100,
-        "h": 100
-      }
+      "x": 100,
+      "y": 200,
+      "w": 100,
+      "h": 100
     },
     "attack1-3": {
-      "frame": {
-        "x": 200,
-        "y": 200,
-        "w": 100,
-        "h": 100
-      }
+      "x": 200,
+      "y": 200,
+      "w": 100,
+      "h": 100
     },
     "attack1-4": {
-      "frame": {
-        "x": 300,
-        "y": 200,
-        "w": 100,
-        "h": 100
-      }
+      "x": 300,
+      "y": 200,
+      "w": 100,
+      "h": 100
     },
     "attack1-5": {
-      "frame": {
-        "x": 400,
-        "y": 200,
-        "w": 100,
-        "h": 100
-      }
+      "x": 400,
+      "y": 200,
+      "w": 100,
+      "h": 100
     },
     "attack1-6": {
-      "frame": {
-        "x": 500,
-        "y": 200,
-        "w": 100,
-        "h": 100
-      }
+      "x": 500,
+      "y": 200,
+      "w": 100,
+      "h": 100
     },
     "attack2-1": {
-      "frame": {
-        "x": 0,
-        "y": 300,
-        "w": 100,
-        "h": 100
-      }
+      "x": 0,
+      "y": 300,
+      "w": 100,
+      "h": 100
     },
     "attack2-2": {
-      "frame": {
-        "x": 100,
-        "y": 300,
-        "w": 100,
-        "h": 100
-      }
+      "x": 100,
+      "y": 300,
+      "w": 100,
+      "h": 100
     },
     "attack2-3": {
-      "frame": {
-        "x": 200,
-        "y": 300,
-        "w": 100,
-        "h": 100
-      }
+      "x": 200,
+      "y": 300,
+      "w": 100,
+      "h": 100
     },
     "attack2-4": {
-      "frame": {
-        "x": 300,
-        "y": 300,
-        "w": 100,
-        "h": 100
-      }
+      "x": 300,
+      "y": 300,
+      "w": 100,
+      "h": 100
     },
     "attack2-5": {
-      "frame": {
-        "x": 400,
-        "y": 300,
-        "w": 100,
-        "h": 100
-      }
+      "x": 400,
+      "y": 300,
+      "w": 100,
+      "h": 100
     },
     "attack2-6": {
-      "frame": {
-        "x": 500,
-        "y": 300,
-        "w": 100,
-        "h": 100
-      }
+      "x": 500,
+      "y": 300,
+      "w": 100,
+      "h": 100
     },
     "die-1": {
-      "frame": {
-        "x": 0,
-        "y": 500,
-        "w": 100,
-        "h": 100
-      }
+      "x": 0,
+      "y": 500,
+      "w": 100,
+      "h": 100
     },
     "die-2": {
-      "frame": {
-        "x": 100,
-        "y": 500,
-        "w": 100,
-        "h": 100
-      }
+      "x": 100,
+      "y": 500,
+      "w": 100,
+      "h": 100
     },
     "die-3": {
-      "frame": {
-        "x": 200,
-        "y": 500,
-        "w": 100,
-        "h": 100
-      }
+      "x": 200,
+      "y": 500,
+      "w": 100,
+      "h": 100
     },
     "die-4": {
-      "frame": {
-        "x": 300,
-        "y": 500,
-        "w": 100,
-        "h": 100
-      }
+      "x": 300,
+      "y": 500,
+      "w": 100,
+      "h": 100
     }
   },
-  "meta": {
-    "scale": 1
-  },
   "animations": {
-    "idle": [
-      "idle-1",
-      "idle-2",
-      "idle-3",
-      "idle-4",
-      "idle-5",
-      "idle-6"
-    ],
-    "walk": [
-      "walk-1",
-      "walk-2",
-      "walk-3",
-      "walk-4",
-      "walk-5",
-      "walk-6",
-      "walk-7",
-      "walk-8"
-    ],
-    "attack1": [
-      "attack1-1",
-      "attack1-2",
-      "attack1-3",
-      "attack1-4",
-      "attack1-5",
-      "attack1-6"
-    ],
-    "attack2": [
-      "attack2-1",
-      "attack2-2",
-      "attack2-3",
-      "attack2-4",
-      "attack2-5",
-      "attack2-6"
-    ],
-    "die": [
-      "die-1",
-      "die-2",
-      "die-3",
-      "die-4"
-    ]
+    "idle": {
+      "frames": [
+        "idle-1",
+        "idle-2",
+        "idle-3",
+        "idle-4",
+        "idle-5",
+        "idle-6"
+      ],
+      "fps": 10,
+      "loop": true
+    },
+    "walk": {
+      "frames": [
+        "walk-1",
+        "walk-2",
+        "walk-3",
+        "walk-4",
+        "walk-5",
+        "walk-6",
+        "walk-7",
+        "walk-8"
+      ],
+      "fps": 10,
+      "loop": true
+    },
+    "attack1": {
+      "frames": [
+        "attack1-1",
+        "attack1-2",
+        "attack1-3",
+        "attack1-4",
+        "attack1-5",
+        "attack1-6"
+      ],
+      "fps": 10,
+      "loop": false
+    },
+    "attack2": {
+      "frames": [
+        "attack2-1",
+        "attack2-2",
+        "attack2-3",
+        "attack2-4",
+        "attack2-5",
+        "attack2-6"
+      ],
+      "fps": 10,
+      "loop": false
+    },
+    "die": {
+      "frames": [
+        "die-1",
+        "die-2",
+        "die-3",
+        "die-4"
+      ],
+      "fps": 10,
+      "loop": false
+    }
   }
 }

package/examples/simple-battle/assets/spritesheets/potion-atlas.json CHANGED Viewed

@@ -1,83 +1,68 @@
 {
   "frames": {
     "frame-1": {
-      "frame": {
-        "x": 0,
-        "y": 0,
-        "w": 16,
-        "h": 16
-      }
+      "x": 0,
+      "y": 0,
+      "w": 16,
+      "h": 16
     },
     "frame-2": {
-      "frame": {
-        "x": 16,
-        "y": 0,
-        "w": 16,
-        "h": 16
-      }
+      "x": 16,
+      "y": 0,
+      "w": 16,
+      "h": 16
     },
     "frame-3": {
-      "frame": {
-        "x": 32,
-        "y": 0,
-        "w": 16,
-        "h": 16
-      }
+      "x": 32,
+      "y": 0,
+      "w": 16,
+      "h": 16
     },
     "frame-4": {
-      "frame": {
-        "x": 0,
-        "y": 16,
-        "w": 16,
-        "h": 16
-      }
+      "x": 0,
+      "y": 16,
+      "w": 16,
+      "h": 16
     },
     "frame-5": {
-      "frame": {
-        "x": 16,
-        "y": 16,
-        "w": 16,
-        "h": 16
-      }
+      "x": 16,
+      "y": 16,
+      "w": 16,
+      "h": 16
     },
     "frame-6": {
-      "frame": {
-        "x": 32,
-        "y": 16,
-        "w": 16,
-        "h": 16
-      }
+      "x": 32,
+      "y": 16,
+      "w": 16,
+      "h": 16
     },
     "frame-7": {
-      "frame": {
-        "x": 0,
-        "y": 32,
-        "w": 16,
-        "h": 16
-      }
+      "x": 0,
+      "y": 32,
+      "w": 16,
+      "h": 16
     },
     "frame-8": {
-      "frame": {
-        "x": 16,
-        "y": 32,
-        "w": 16,
-        "h": 16
-      }
+      "x": 16,
+      "y": 32,
+      "w": 16,
+      "h": 16
     }
   },
-  "meta": {
-    "scale": 1
-  },
   "animations": {
-    "animation": [
-      "frame-1",
-      "frame-2",
-      "frame-3",
-      "frame-4",
-      "frame-5",
-      "frame-6",
-      "frame-7",
-      "frame-8"
-    ]
+    "animation": {
+      "frames": [
+        "frame-1",
+        "frame-2",
+        "frame-3",
+        "frame-4",
+        "frame-5",
+        "frame-6",
+        "frame-7",
+        "frame-8"
+      ],
+      "fps": 10,
+      "loop": true
+    }
   }
 }

package/examples/simple-battle/hud/damage-text.ts CHANGED Viewed

@@ -23,6 +23,7 @@ export class DamageText extends BitmapTextNode {
   }
   protected override update(dt: number) {
+    if (this.paused) return
     super.update(dt)
     this.#elapsed += dt

package/examples/simple-battle/hud/heal-text.ts CHANGED Viewed

@@ -23,6 +23,7 @@ export class HealText extends BitmapTextNode {
   }
   protected override update(dt: number) {
+    if (this.paused) return
     super.update(dt)
     this.#elapsed += dt

package/examples/simple-battle/objects/character.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { EventMap } from '@webtaku/event-emitter'
-import { AnimatedSpriteNode, debugMode, DelayNode, PhysicsObject, PhysicsObjectOptions, RectangleCollider, RectangleNode } from '../../../src'
+import { AnimatedSpriteNode, debugMode, DelayNode, PhysicsObject, PhysicsObjectOptions, RectangleCollider, RectangleNode, RectangleRigidbody } from '../../../src'
 import { DamageText } from '../hud/damage-text'
 import { HealText } from '../hud/heal-text'
 import { HpBar } from '../hud/hp-bar'
@@ -7,7 +7,7 @@ import { HpBar } from '../hud/hp-bar'
 export type CharacterOptions = {
   maxHp: number
   hp: number
-  collider: RectangleCollider
+  rigidbody: RectangleRigidbody
   hitbox: RectangleCollider
   hurtbox: RectangleCollider
 } & PhysicsObjectOptions
@@ -39,7 +39,7 @@ export abstract class Character<E extends EventMap = EventMap> extends PhysicsOb
     this.add(this.#hpBar)
     if (debugMode) {
-      this.add(new RectangleNode({ ...options.collider, stroke: 'yellow', alpha: 0.5, layer: 'hud' }))
+      this.add(new RectangleNode({ ...options.rigidbody, stroke: 'yellow', alpha: 0.5, layer: 'hud' }))
       this.#hitboxDebugNode = new RectangleNode({ ...this.hitbox, stroke: 'red', alpha: 0.5, layer: 'hud' })
       this.add(this.#hitboxDebugNode)
       this.add(new RectangleNode({ ...this.hurtbox, stroke: 'green', alpha: 0.5, layer: 'hud' }))