kiwiengine 0.0.1-alpha → 0.5.3

package/examples/battle-benchmark-matterjs/stage.ts

@@ -0,0 +1,177 @@
+import { checkCollision, IntervalNode, isMobile, Joystick, musicPlayer, PhysicsWorld } from '../../src'
+import { Hero } from './objects/hero'
+import { Orc } from './objects/orc'
+import { Potion } from './objects/potion'
+
+function createTextElement() {
+  const el = document.createElement('div')
+  el.style.color = 'white'
+  el.style.position = 'absolute'
+  el.style.top = '10px'
+  el.style.zIndex = '1'
+  return el
+}
+
+const SCORE_PER_ORC = 100
+
+export class Stage extends PhysicsWorld {
+  #hero = new Hero();
+  #orcs: Set<Orc> = new Set();
+  #potions: Set<Potion> = new Set();
+
+  #time = 0
+  #score = 0
+  #isGameOver = false
+
+  #timeText: HTMLDivElement
+  #hpText: HTMLDivElement
+  #scoreText: HTMLDivElement
+
+  #spawnOrcInterval: IntervalNode
+  #spawnPotionInterval: IntervalNode
+
+  constructor() {
+    super()
+    musicPlayer.play('assets/bgm/battle.mp3')
+
+    this.add(this.#hero)
+    this.add(this.#spawnOrcInterval = new IntervalNode(1, () => this.#spawnOrc()))
+    this.add(this.#spawnPotionInterval = new IntervalNode(3, () => this.#spawnPotion()))
+
+    for (let i = 0; i < 1000; i++) {
+      this.#spawnOrc()
+    }
+
+    const joystickImage = new Image()
+    joystickImage.src = 'assets/joystick/joystick.png'
+
+    const knobImage = new Image()
+    knobImage.src = 'assets/joystick/knob.png'
+
+    this.add(
+      new Joystick({
+        onMove: (r, d) => this.#hero.move(r, d),
+        onRelease: () => this.#hero.stop(),
+        onKeyDown: (code) => {
+          if (code === 'KeyA') this.#hero.attack()
+        },
+        joystickImage,
+        knobImage,
+        maxKnobDistance: 70,
+      }),
+    )
+
+    this.#timeText = createTextElement()
+    this.#hpText = createTextElement()
+    this.#scoreText = createTextElement()
+
+    this.#timeText.textContent = `Time: ${this.#time}`
+    this.#hpText.textContent = `HP: ${this.#hero.hp}`
+    this.#scoreText.textContent = `Score: ${this.#score}`
+
+    this.#timeText.style.left = '10px'
+    this.#hpText.style.left = '50%'
+    this.#hpText.style.transform = 'translate(-50%, 0)'
+    this.#scoreText.style.right = '10px'
+
+    this.#hero.on('hit', (damage) => {
+      for (const o of this.#orcs) {
+        if (checkCollision(this.#hero.hitbox, this.#hero.worldTransform, o.hurtbox, o.worldTransform)) {
+          o.takeDamage(damage)
+        }
+      }
+    })
+
+    this.#hero.on('changeHp', () => {
+      this.#hpText.textContent = `HP: ${this.#hero.hp}`
+    })
+
+    this.#hero.on('dead', () => {
+      this.#gameOver()
+    })
+  }
+
+  #gameOver() {
+    this.#isGameOver = true
+    this.#spawnOrcInterval.remove()
+    this.#spawnPotionInterval.remove()
+    for (const o of this.#orcs) {
+      o.stop()
+    }
+
+    const gameOverText = createTextElement()
+    gameOverText.textContent = 'Game Over'
+    gameOverText.style.left = '50%'
+    gameOverText.style.top = '50%'
+    gameOverText.style.transform = 'translate(-50%, -50%)'
+    this.renderer?.container.append(gameOverText)
+  }
+
+  protected override set renderer(renderer) {
+    super.renderer = renderer
+
+    if (renderer) {
+      const c = renderer.container
+      c.append(this.#timeText, this.#hpText, this.#scoreText)
+    }
+  }
+
+  protected override get renderer() {
+    return super.renderer
+  }
+
+  #spawnOrc() {
+    const o = new Orc()
+    o.x = Math.random() * 800 - 400
+    o.y = Math.random() * 600 - 300
+    o.on('hit', (damage) => {
+      if (checkCollision(this.#hero.hurtbox, this.#hero.worldTransform, o.hitbox, o.worldTransform)) {
+        this.#hero.takeDamage(damage)
+      }
+    })
+    this.add(o)
+    this.#orcs.add(o)
+    o.on('dead', () => {
+      this.#orcs.delete(o)
+      this.#score += SCORE_PER_ORC
+      this.#scoreText.textContent = `Score: ${this.#score}`
+    })
+  }
+
+  #spawnPotion() {
+    const p = new Potion()
+    p.x = Math.random() * 800 - 400
+    p.y = Math.random() * 600 - 300
+    this.add(p)
+    this.#potions.add(p)
+    p.on('remove', () => this.#potions.delete(p))
+  }
+
+  protected override update(dt: number) {
+    if (this.paused) return
+    super.update(dt)
+    if (this.#isGameOver) return
+
+    const h = this.#hero
+    if (h.dead) return
+
+    for (const o of this.#orcs) {
+      if (checkCollision(h.hurtbox, h.worldTransform, o.hitbox, o.worldTransform)) {
+        o.attack()
+      } else {
+        o.moveTo(this.#hero.x, this.#hero.y)
+      }
+
+      if (isMobile && checkCollision(h.hitbox, h.worldTransform, o.hurtbox, o.worldTransform)) {
+        h.attack()
+      }
+    }
+
+    for (const p of this.#potions) {
+      if (checkCollision(h.hitbox, h.worldTransform, p.triggerCollider, p.worldTransform)) {
+        h.heal(p.healAmount)
+        p.remove()
+      }
+    }
+  }
+}

package/examples/battle-benchmark-separation/assets/bitmap-fonts/white-peaberry.fnt

@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--Created using Glyph Designer - http://71squared.com/glyphdesigner-->
+<font>
+    <info face="Peaberry" size="16" bold="0" italic="0" charset="" unicode="0" stretchH="100" smooth="1" aa="1" padding="0,0,0,0" spacing="2,2"/>
+    <common lineHeight="25" base="13" scaleW="215" scaleH="245" pages="1" packed="0"/>
+    <pages>
+        <page id="0" file="WhitePeaberry.png"/>
+    </pages>
+    <chars count="95">
+        <char id="32" x="20" y="208" width="0" height="0" xoffset="0" yoffset="27" xadvance="5" page="0" chnl="0" letter="space"/>
+        <char id="33" x="198" y="2" width="14" height="23" xoffset="-2" yoffset="5" xadvance="7" page="0" chnl="0" letter="!"/>
+        <char id="34" x="109" y="188" width="17" height="15" xoffset="-3" yoffset="5" xadvance="9" page="0" chnl="0" letter="&quot;"/>
+        <char id="35" x="149" y="29" width="20" height="21" xoffset="-4" yoffset="6" xadvance="11" page="0" chnl="0" letter="#"/>
+        <char id="36" x="178" y="2" width="18" height="23" xoffset="-3" yoffset="5" xadvance="10" page="0" chnl="0" letter="$"/>
+        <char id="37" x="126" y="29" width="21" height="21" xoffset="-4" yoffset="6" xadvance="12" page="0" chnl="0" letter="%"/>
+        <char id="38" x="134" y="53" width="19" height="21" xoffset="-3" yoffset="6" xadvance="11" page="0" chnl="0" letter="&amp;"/>
+        <char id="39" x="77" y="188" width="14" height="16" xoffset="0" yoffset="5" xadvance="9" page="0" chnl="0" letter="'"/>
+        <char id="40" x="56" y="2" width="15" height="25" xoffset="-2" yoffset="5" xadvance="8" page="0" chnl="0" letter="("/>
+        <char id="41" x="73" y="2" width="15" height="25" xoffset="-2" yoffset="5" xadvance="8" page="0" chnl="0" letter=")"/>
+        <char id="42" x="134" y="145" width="18" height="19" xoffset="-2" yoffset="5" xadvance="11" page="0" chnl="0" letter="*"/>
+        <char id="43" x="45" y="168" width="18" height="18" xoffset="-2" yoffset="7" xadvance="11" page="0" chnl="0" letter="+"/>
+        <char id="44" x="93" y="188" width="14" height="16" xoffset="-3" yoffset="14" xadvance="6" page="0" chnl="0" letter=","/>
+        <char id="45" x="2" y="208" width="16" height="12" xoffset="-1" yoffset="12" xadvance="10" page="0" chnl="0" letter="-"/>
+        <char id="46" x="167" y="188" width="14" height="14" xoffset="-3" yoffset="13" xadvance="6" page="0" chnl="0" letter="."/>
+        <char id="47" x="42" y="29" width="16" height="22" xoffset="-4" yoffset="5" xadvance="7" page="0" chnl="0" letter="/"/>
+        <char id="48" x="176" y="53" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="0"/>
+        <char id="49" x="2" y="76" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="1"/>
+        <char id="50" x="22" y="76" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="2"/>
+        <char id="51" x="42" y="76" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="3"/>
+        <char id="52" x="62" y="76" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="4"/>
+        <char id="53" x="82" y="76" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="5"/>
+        <char id="54" x="102" y="76" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="6"/>
+        <char id="55" x="122" y="76" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="7"/>
+        <char id="56" x="142" y="76" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="8"/>
+        <char id="57" x="162" y="76" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="9"/>
+        <char id="58" x="118" y="145" width="14" height="20" xoffset="-3" yoffset="8" xadvance="6" page="0" chnl="0" letter=":"/>
+        <char id="59" x="78" y="29" width="14" height="22" xoffset="-3" yoffset="8" xadvance="6" page="0" chnl="0" letter=";"/>
+        <char id="60" x="42" y="145" width="17" height="21" xoffset="-3" yoffset="5" xadvance="9" page="0" chnl="0" letter="&lt;"/>
+        <char id="61" x="58" y="188" width="17" height="16" xoffset="-3" yoffset="8" xadvance="9" page="0" chnl="0" letter="="/>
+        <char id="62" x="61" y="145" width="17" height="21" xoffset="-3" yoffset="5" xadvance="9" page="0" chnl="0" letter="&gt;"/>
+        <char id="63" x="136" y="2" width="18" height="24" xoffset="-3" yoffset="5" xadvance="10" page="0" chnl="0" letter="?"/>
+        <char id="64" x="171" y="29" width="20" height="21" xoffset="-4" yoffset="8" xadvance="11" page="0" chnl="0" letter="@"/>
+        <char id="65" x="193" y="29" width="20" height="21" xoffset="-4" yoffset="6" xadvance="11" page="0" chnl="0" letter="A"/>
+        <char id="66" x="182" y="76" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="B"/>
+        <char id="67" x="2" y="99" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="C"/>
+        <char id="68" x="22" y="99" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="D"/>
+        <char id="69" x="42" y="99" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="E"/>
+        <char id="70" x="62" y="99" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="F"/>
+        <char id="71" x="82" y="99" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="G"/>
+        <char id="72" x="102" y="99" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="H"/>
+        <char id="73" x="122" y="99" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="I"/>
+        <char id="74" x="142" y="99" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="J"/>
+        <char id="75" x="155" y="53" width="19" height="21" xoffset="-3" yoffset="6" xadvance="11" page="0" chnl="0" letter="K"/>
+        <char id="76" x="162" y="99" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="L"/>
+        <char id="77" x="2" y="53" width="20" height="21" xoffset="-4" yoffset="6" xadvance="11" page="0" chnl="0" letter="M"/>
+        <char id="78" x="182" y="99" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="N"/>
+        <char id="79" x="24" y="53" width="20" height="21" xoffset="-4" yoffset="6" xadvance="11" page="0" chnl="0" letter="O"/>
+        <char id="80" x="2" y="122" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="P"/>
+        <char id="81" x="156" y="2" width="20" height="23" xoffset="-4" yoffset="6" xadvance="11" page="0" chnl="0" letter="Q"/>
+        <char id="82" x="22" y="122" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="R"/>
+        <char id="83" x="42" y="122" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="S"/>
+        <char id="84" x="62" y="122" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="T"/>
+        <char id="85" x="82" y="122" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="U"/>
+        <char id="86" x="46" y="53" width="20" height="21" xoffset="-4" yoffset="6" xadvance="11" page="0" chnl="0" letter="V"/>
+        <char id="87" x="68" y="53" width="20" height="21" xoffset="-4" yoffset="6" xadvance="11" page="0" chnl="0" letter="W"/>
+        <char id="88" x="90" y="53" width="20" height="21" xoffset="-4" yoffset="6" xadvance="11" page="0" chnl="0" letter="X"/>
+        <char id="89" x="112" y="53" width="20" height="21" xoffset="-4" yoffset="6" xadvance="11" page="0" chnl="0" letter="Y"/>
+        <char id="90" x="102" y="122" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="Z"/>
+        <char id="91" x="90" y="2" width="14" height="25" xoffset="-3" yoffset="5" xadvance="6" page="0" chnl="0" letter="["/>
+        <char id="92" x="60" y="29" width="16" height="22" xoffset="-4" yoffset="5" xadvance="7" page="0" chnl="0" letter="\"/>
+        <char id="93" x="106" y="2" width="14" height="25" xoffset="-3" yoffset="5" xadvance="6" page="0" chnl="0" letter="]"/>
+        <char id="94" x="154" y="145" width="20" height="18" xoffset="-4" yoffset="5" xadvance="11" page="0" chnl="0" letter="^"/>
+        <char id="95" x="183" y="188" width="18" height="12" xoffset="-3" yoffset="18" xadvance="10" page="0" chnl="0" letter="_"/>
+        <char id="96" x="150" y="188" width="15" height="14" xoffset="-4" yoffset="5" xadvance="6" page="0" chnl="0" letter="`"/>
+        <char id="97" x="24" y="168" width="19" height="18" xoffset="-4" yoffset="9" xadvance="10" page="0" chnl="0" letter="a"/>
+        <char id="98" x="122" y="122" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="b"/>
+        <char id="99" x="2" y="188" width="17" height="18" xoffset="-3" yoffset="9" xadvance="9" page="0" chnl="0" letter="c"/>
+        <char id="100" x="142" y="122" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="d"/>
+        <char id="101" x="21" y="188" width="17" height="18" xoffset="-3" yoffset="9" xadvance="9" page="0" chnl="0" letter="e"/>
+        <char id="102" x="162" y="122" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="f"/>
+        <char id="103" x="2" y="29" width="18" height="22" xoffset="-3" yoffset="9" xadvance="10" page="0" chnl="0" letter="g"/>
+        <char id="104" x="182" y="122" width="18" height="21" xoffset="-3" yoffset="6" xadvance="10" page="0" chnl="0" letter="h"/>
+        <char id="105" x="94" y="29" width="14" height="22" xoffset="-1" yoffset="5" xadvance="8" page="0" chnl="0" letter="i"/>
+        <char id="106" x="2" y="2" width="16" height="25" xoffset="-2" yoffset="5" xadvance="9" page="0" chnl="0" letter="j"/>
+        <char id="107" x="80" y="145" width="17" height="21" xoffset="-2" yoffset="6" xadvance="10" page="0" chnl="0" letter="k"/>
+        <char id="108" x="110" y="29" width="14" height="22" xoffset="-1" yoffset="5" xadvance="8" page="0" chnl="0" letter="l"/>
+        <char id="109" x="176" y="145" width="20" height="18" xoffset="-4" yoffset="9" xadvance="11" page="0" chnl="0" letter="m"/>
+        <char id="110" x="65" y="168" width="18" height="18" xoffset="-3" yoffset="9" xadvance="10" page="0" chnl="0" letter="n"/>
+        <char id="111" x="85" y="168" width="18" height="18" xoffset="-3" yoffset="9" xadvance="10" page="0" chnl="0" letter="o"/>
+        <char id="112" x="2" y="145" width="18" height="21" xoffset="-3" yoffset="9" xadvance="10" page="0" chnl="0" letter="p"/>
+        <char id="113" x="22" y="145" width="18" height="21" xoffset="-3" yoffset="9" xadvance="10" page="0" chnl="0" letter="q"/>
+        <char id="114" x="105" y="168" width="18" height="18" xoffset="-3" yoffset="9" xadvance="10" page="0" chnl="0" letter="r"/>
+        <char id="115" x="40" y="188" width="16" height="18" xoffset="-2" yoffset="9" xadvance="9" page="0" chnl="0" letter="s"/>
+        <char id="116" x="99" y="145" width="17" height="21" xoffset="-3" yoffset="6" xadvance="9" page="0" chnl="0" letter="t"/>
+        <char id="117" x="125" y="168" width="18" height="18" xoffset="-3" yoffset="9" xadvance="10" page="0" chnl="0" letter="u"/>
+        <char id="118" x="145" y="168" width="18" height="18" xoffset="-3" yoffset="9" xadvance="10" page="0" chnl="0" letter="v"/>
+        <char id="119" x="2" y="168" width="20" height="18" xoffset="-4" yoffset="9" xadvance="11" page="0" chnl="0" letter="w"/>
+        <char id="120" x="165" y="168" width="18" height="18" xoffset="-3" yoffset="9" xadvance="10" page="0" chnl="0" letter="x"/>
+        <char id="121" x="22" y="29" width="18" height="22" xoffset="-3" yoffset="9" xadvance="10" page="0" chnl="0" letter="y"/>
+        <char id="122" x="185" y="168" width="18" height="18" xoffset="-3" yoffset="9" xadvance="10" page="0" chnl="0" letter="z"/>
+        <char id="123" x="20" y="2" width="16" height="25" xoffset="-4" yoffset="5" xadvance="7" page="0" chnl="0" letter="{"/>
+        <char id="124" x="122" y="2" width="12" height="25" xoffset="-3" yoffset="5" xadvance="4" page="0" chnl="0" letter="|"/>
+        <char id="125" x="38" y="2" width="16" height="25" xoffset="-4" yoffset="5" xadvance="7" page="0" chnl="0" letter="}"/>
+        <char id="126" x="128" y="188" width="20" height="14" xoffset="-4" yoffset="10" xadvance="11" page="0" chnl="0" letter="~"/>
+    </chars>
+    <kernings count="0"/>
+</font>

package/examples/battle-benchmark-separation/assets/spritesheets/hero-atlas.json

@@ -0,0 +1,246 @@
+{
+  "frames": {
+    "idle-1": {
+      "x": 0,
+      "y": 0,
+      "w": 100,
+      "h": 100
+    },
+    "idle-2": {
+      "x": 100,
+      "y": 0,
+      "w": 100,
+      "h": 100
+    },
+    "idle-3": {
+      "x": 200,
+      "y": 0,
+      "w": 100,
+      "h": 100
+    },
+    "idle-4": {
+      "x": 300,
+      "y": 0,
+      "w": 100,
+      "h": 100
+    },
+    "idle-5": {
+      "x": 400,
+      "y": 0,
+      "w": 100,
+      "h": 100
+    },
+    "idle-6": {
+      "x": 500,
+      "y": 0,
+      "w": 100,
+      "h": 100
+    },
+    "walk-1": {
+      "x": 0,
+      "y": 100,
+      "w": 100,
+      "h": 100
+    },
+    "walk-2": {
+      "x": 100,
+      "y": 100,
+      "w": 100,
+      "h": 100
+    },
+    "walk-3": {
+      "x": 200,
+      "y": 100,
+      "w": 100,
+      "h": 100
+    },
+    "walk-4": {
+      "x": 300,
+      "y": 100,
+      "w": 100,
+      "h": 100
+    },
+    "walk-5": {
+      "x": 400,
+      "y": 100,
+      "w": 100,
+      "h": 100
+    },
+    "walk-6": {
+      "x": 500,
+      "y": 100,
+      "w": 100,
+      "h": 100
+    },
+    "walk-7": {
+      "x": 600,
+      "y": 100,
+      "w": 100,
+      "h": 100
+    },
+    "walk-8": {
+      "x": 700,
+      "y": 100,
+      "w": 100,
+      "h": 100
+    },
+    "attack1-1": {
+      "x": 0,
+      "y": 200,
+      "w": 100,
+      "h": 100
+    },
+    "attack1-2": {
+      "x": 100,
+      "y": 200,
+      "w": 100,
+      "h": 100
+    },
+    "attack1-3": {
+      "x": 200,
+      "y": 200,
+      "w": 100,
+      "h": 100
+    },
+    "attack1-4": {
+      "x": 300,
+      "y": 200,
+      "w": 100,
+      "h": 100
+    },
+    "attack1-5": {
+      "x": 400,
+      "y": 200,
+      "w": 100,
+      "h": 100
+    },
+    "attack1-6": {
+      "x": 500,
+      "y": 200,
+      "w": 100,
+      "h": 100
+    },
+    "attack2-1": {
+      "x": 0,
+      "y": 300,
+      "w": 100,
+      "h": 100
+    },
+    "attack2-2": {
+      "x": 100,
+      "y": 300,
+      "w": 100,
+      "h": 100
+    },
+    "attack2-3": {
+      "x": 200,
+      "y": 300,
+      "w": 100,
+      "h": 100
+    },
+    "attack2-4": {
+      "x": 300,
+      "y": 300,
+      "w": 100,
+      "h": 100
+    },
+    "attack2-5": {
+      "x": 400,
+      "y": 300,
+      "w": 100,
+      "h": 100
+    },
+    "attack2-6": {
+      "x": 500,
+      "y": 300,
+      "w": 100,
+      "h": 100
+    },
+    "die-1": {
+      "x": 0,
+      "y": 600,
+      "w": 100,
+      "h": 100
+    },
+    "die-2": {
+      "x": 100,
+      "y": 600,
+      "w": 100,
+      "h": 100
+    },
+    "die-3": {
+      "x": 200,
+      "y": 600,
+      "w": 100,
+      "h": 100
+    },
+    "die-4": {
+      "x": 300,
+      "y": 600,
+      "w": 100,
+      "h": 100
+    }
+  },
+  "animations": {
+    "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
+    }
+  }
+}