pong.json

[
  {
    "name": "canvas",
    "transform": {
      "width": 512,
      "height": 384
    },
    "canvas2d": {
      "htmlTarget": "canvas",
      "background": "#000"
    },
    "audiolistener": {}
  },
  {
    "name": "background",
    "parent": "canvas",
    "transform": {},
    "shape2d": {
      "fill": "#fff",
      "lineWidth": 4,
      "lineDash": [16, 4],
      "path": "m 256,0 v 384"
    }
  },
  {
    "name": "ball",
    "parent": "background",
    "transform": {
      "x": 256,
      "y": 192,
      "width": 32,
      "height": 32
    },
    "shape2d": {
      "fill": "#fff",
      "path": "m -16,0 a 16,16 0 1,1 32,0 a 16,16 0 1,1 -32,0 z"
    },
    "pong/ball": {
      "speed": 200,
      "player1": "paddle1",
      "player2": "paddle2"
    }
  },
  {
    "name": "paddle1",
    "parent": "background",
    "transform": {
      "x": 16,
      "y": 192,
      "width": 32,
      "height": 128
    },
    "shape2d": {
      "fill": "#fff",
      "path": "m -16,-64 h 32 v 128 h -32 z"
    },
    "pong/player": {
      "up": "KeyW",
      "down": "KeyS",
      "speed": 200,
      "score": "score1"
    },
    "audiooscillator": {
      "type": "square",
      "frequency": 262
    }
  },
  {
    "name": "paddle2",
    "parent": "background",
    "transform": {
      "x": 496,
      "y": 192,
      "width": 32,
      "height": 128
    },
    "shape2d": {
      "fill": "#fff",
      "path": "m -16,-64 h 32 v 128 h -32 z"
    },
    "pong/player": {
      "up": "ArrowUp",
      "down": "ArrowDown",
      "speed": 200,
      "score": "score2"
    },
    "audiooscillator": {
      "type": "square",
      "frequency": 440
    }
  },
  {
    "name": "score1",
    "parent": "background",
    "transform": {
      "x": 128,
      "y": 16
    },
    "text2d": {
      "text": "0",
      "align": "center",
      "baseline": "top",
      "font": "64px Impact, Charcoal, sans-serif",
      "fill": "#fff"
    }
  },
  {
    "name": "score2",
    "parent": "background",
    "transform": {
      "x": 384,
      "y": 16
    },
    "text2d": {
      "text": "0",
      "align": "center",
      "baseline": "top",
      "font": "64px Impact, Charcoal, sans-serif",
      "fill": "#fff"
    }
  }

]