updated browser test refs

tests/browser/refs/svg/svg-0.json

@@ -0,0 +1,889 @@
+[
+  {
+    "bodies": {
+      "#": 1
+    },
+    "bounds": {
+      "#": 86
+    },
+    "composites": {
+      "#": 89
+    },
+    "constraints": {
+      "#": 90
+    },
+    "gravity": {
+      "#": 94
+    },
+    "id": 0,
+    "isModified": true,
+    "label": "World",
+    "parent": "",
+    "type": "composite"
+  },
+  [
+    {
+      "#": 2
+    },
+    {
+      "#": 23
+    },
+    {
+      "#": 44
+    },
+    {
+      "#": 65
+    }
+  ],
+  {
+    "angle": 0,
+    "anglePrev": 0,
+    "angularSpeed": 0,
+    "angularVelocity": 0,
+    "area": 40930.25,
+    "axes": {
+      "#": 3
+    },
+    "bounds": {
+      "#": 6
+    },
+    "collisionFilter": {
+      "#": 9
+    },
+    "constraintImpulse": {
+      "#": 10
+    },
+    "density": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "force": {
+      "#": 11
+    },
+    "friction": 1,
+    "frictionAir": 0.01,
+    "frictionStatic": 0.5,
+    "id": 0,
+    "inertia": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "inverseInertia": 0,
+    "inverseMass": 0,
+    "isSleeping": false,
+    "isStatic": true,
+    "label": "Rectangle Body",
+    "mass": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "motion": 0,
+    "parent": null,
+    "position": {
+      "#": 12
+    },
+    "positionImpulse": {
+      "#": 13
+    },
+    "positionPrev": {
+      "#": 14
+    },
+    "render": {
+      "#": 15
+    },
+    "restitution": 0,
+    "sleepCounter": 0,
+    "sleepThreshold": 60,
+    "slop": 0.05,
+    "speed": 0,
+    "timeScale": 1,
+    "torque": 0,
+    "totalContacts": 0,
+    "type": "body",
+    "velocity": {
+      "#": 17
+    },
+    "vertices": {
+      "#": 18
+    }
+  },
+  [
+    {
+      "#": 4
+    },
+    {
+      "#": 5
+    }
+  ],
+  {
+    "x": 0,
+    "y": 1
+  },
+  {
+    "x": -1,
+    "y": 0
+  },
+  {
+    "max": {
+      "#": 7
+    },
+    "min": {
+      "#": 8
+    }
+  },
+  {
+    "x": 805.25,
+    "y": 20.25
+  },
+  {
+    "x": -5.25,
+    "y": -30.25
+  },
+  {
+    "category": 1,
+    "group": 0,
+    "mask": 4294967295
+  },
+  {
+    "angle": 0,
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 400,
+    "y": -5
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 400,
+    "y": -5
+  },
+  {
+    "fillStyle": "#eeeeee",
+    "lineWidth": 1.5,
+    "sprite": {
+      "#": 16
+    },
+    "strokeStyle": "#bbbbbb",
+    "visible": true
+  },
+  {
+    "xScale": 1,
+    "yScale": 1
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  [
+    {
+      "#": 19
+    },
+    {
+      "#": 20
+    },
+    {
+      "#": 21
+    },
+    {
+      "#": 22
+    }
+  ],
+  {
+    "body": null,
+    "index": 0,
+    "isInternal": false,
+    "x": -5.25,
+    "y": -30.25
+  },
+  {
+    "body": null,
+    "index": 1,
+    "isInternal": false,
+    "x": 805.25,
+    "y": -30.25
+  },
+  {
+    "body": null,
+    "index": 2,
+    "isInternal": false,
+    "x": 805.25,
+    "y": 20.25
+  },
+  {
+    "body": null,
+    "index": 3,
+    "isInternal": false,
+    "x": -5.25,
+    "y": 20.25
+  },
+  {
+    "angle": 0,
+    "anglePrev": 0,
+    "angularSpeed": 0,
+    "angularVelocity": 0,
+    "area": 40930.25,
+    "axes": {
+      "#": 24
+    },
+    "bounds": {
+      "#": 27
+    },
+    "collisionFilter": {
+      "#": 30
+    },
+    "constraintImpulse": {
+      "#": 31
+    },
+    "density": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "force": {
+      "#": 32
+    },
+    "friction": 1,
+    "frictionAir": 0.01,
+    "frictionStatic": 0.5,
+    "id": 1,
+    "inertia": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "inverseInertia": 0,
+    "inverseMass": 0,
+    "isSleeping": false,
+    "isStatic": true,
+    "label": "Rectangle Body",
+    "mass": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "motion": 0,
+    "parent": null,
+    "position": {
+      "#": 33
+    },
+    "positionImpulse": {
+      "#": 34
+    },
+    "positionPrev": {
+      "#": 35
+    },
+    "render": {
+      "#": 36
+    },
+    "restitution": 0,
+    "sleepCounter": 0,
+    "sleepThreshold": 60,
+    "slop": 0.05,
+    "speed": 0,
+    "timeScale": 1,
+    "torque": 0,
+    "totalContacts": 0,
+    "type": "body",
+    "velocity": {
+      "#": 38
+    },
+    "vertices": {
+      "#": 39
+    }
+  },
+  [
+    {
+      "#": 25
+    },
+    {
+      "#": 26
+    }
+  ],
+  {
+    "x": 0,
+    "y": 1
+  },
+  {
+    "x": -1,
+    "y": 0
+  },
+  {
+    "max": {
+      "#": 28
+    },
+    "min": {
+      "#": 29
+    }
+  },
+  {
+    "x": 805.25,
+    "y": 630.25
+  },
+  {
+    "x": -5.25,
+    "y": 579.75
+  },
+  {
+    "category": 1,
+    "group": 0,
+    "mask": 4294967295
+  },
+  {
+    "angle": 0,
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 400,
+    "y": 605
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 400,
+    "y": 605
+  },
+  {
+    "fillStyle": "#eeeeee",
+    "lineWidth": 1.5,
+    "sprite": {
+      "#": 37
+    },
+    "strokeStyle": "#bbbbbb",
+    "visible": true
+  },
+  {
+    "xScale": 1,
+    "yScale": 1
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  [
+    {
+      "#": 40
+    },
+    {
+      "#": 41
+    },
+    {
+      "#": 42
+    },
+    {
+      "#": 43
+    }
+  ],
+  {
+    "body": null,
+    "index": 0,
+    "isInternal": false,
+    "x": -5.25,
+    "y": 579.75
+  },
+  {
+    "body": null,
+    "index": 1,
+    "isInternal": false,
+    "x": 805.25,
+    "y": 579.75
+  },
+  {
+    "body": null,
+    "index": 2,
+    "isInternal": false,
+    "x": 805.25,
+    "y": 630.25
+  },
+  {
+    "body": null,
+    "index": 3,
+    "isInternal": false,
+    "x": -5.25,
+    "y": 630.25
+  },
+  {
+    "angle": 0,
+    "anglePrev": 0,
+    "angularSpeed": 0,
+    "angularVelocity": 0,
+    "area": 30830.25,
+    "axes": {
+      "#": 45
+    },
+    "bounds": {
+      "#": 48
+    },
+    "collisionFilter": {
+      "#": 51
+    },
+    "constraintImpulse": {
+      "#": 52
+    },
+    "density": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "force": {
+      "#": 53
+    },
+    "friction": 1,
+    "frictionAir": 0.01,
+    "frictionStatic": 0.5,
+    "id": 2,
+    "inertia": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "inverseInertia": 0,
+    "inverseMass": 0,
+    "isSleeping": false,
+    "isStatic": true,
+    "label": "Rectangle Body",
+    "mass": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "motion": 0,
+    "parent": null,
+    "position": {
+      "#": 54
+    },
+    "positionImpulse": {
+      "#": 55
+    },
+    "positionPrev": {
+      "#": 56
+    },
+    "render": {
+      "#": 57
+    },
+    "restitution": 0,
+    "sleepCounter": 0,
+    "sleepThreshold": 60,
+    "slop": 0.05,
+    "speed": 0,
+    "timeScale": 1,
+    "torque": 0,
+    "totalContacts": 0,
+    "type": "body",
+    "velocity": {
+      "#": 59
+    },
+    "vertices": {
+      "#": 60
+    }
+  },
+  [
+    {
+      "#": 46
+    },
+    {
+      "#": 47
+    }
+  ],
+  {
+    "x": 0,
+    "y": 1
+  },
+  {
+    "x": -1,
+    "y": 0
+  },
+  {
+    "max": {
+      "#": 49
+    },
+    "min": {
+      "#": 50
+    }
+  },
+  {
+    "x": 830.25,
+    "y": 605.25
+  },
+  {
+    "x": 779.75,
+    "y": -5.25
+  },
+  {
+    "category": 1,
+    "group": 0,
+    "mask": 4294967295
+  },
+  {
+    "angle": 0,
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 805,
+    "y": 300
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 805,
+    "y": 300
+  },
+  {
+    "fillStyle": "#eeeeee",
+    "lineWidth": 1.5,
+    "sprite": {
+      "#": 58
+    },
+    "strokeStyle": "#bbbbbb",
+    "visible": true
+  },
+  {
+    "xScale": 1,
+    "yScale": 1
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  [
+    {
+      "#": 61
+    },
+    {
+      "#": 62
+    },
+    {
+      "#": 63
+    },
+    {
+      "#": 64
+    }
+  ],
+  {
+    "body": null,
+    "index": 0,
+    "isInternal": false,
+    "x": 779.75,
+    "y": -5.25
+  },
+  {
+    "body": null,
+    "index": 1,
+    "isInternal": false,
+    "x": 830.25,
+    "y": -5.25
+  },
+  {
+    "body": null,
+    "index": 2,
+    "isInternal": false,
+    "x": 830.25,
+    "y": 605.25
+  },
+  {
+    "body": null,
+    "index": 3,
+    "isInternal": false,
+    "x": 779.75,
+    "y": 605.25
+  },
+  {
+    "angle": 0,
+    "anglePrev": 0,
+    "angularSpeed": 0,
+    "angularVelocity": 0,
+    "area": 30830.25,
+    "axes": {
+      "#": 66
+    },
+    "bounds": {
+      "#": 69
+    },
+    "collisionFilter": {
+      "#": 72
+    },
+    "constraintImpulse": {
+      "#": 73
+    },
+    "density": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "force": {
+      "#": 74
+    },
+    "friction": 1,
+    "frictionAir": 0.01,
+    "frictionStatic": 0.5,
+    "id": 3,
+    "inertia": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "inverseInertia": 0,
+    "inverseMass": 0,
+    "isSleeping": false,
+    "isStatic": true,
+    "label": "Rectangle Body",
+    "mass": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "motion": 0,
+    "parent": null,
+    "position": {
+      "#": 75
+    },
+    "positionImpulse": {
+      "#": 76
+    },
+    "positionPrev": {
+      "#": 77
+    },
+    "render": {
+      "#": 78
+    },
+    "restitution": 0,
+    "sleepCounter": 0,
+    "sleepThreshold": 60,
+    "slop": 0.05,
+    "speed": 0,
+    "timeScale": 1,
+    "torque": 0,
+    "totalContacts": 0,
+    "type": "body",
+    "velocity": {
+      "#": 80
+    },
+    "vertices": {
+      "#": 81
+    }
+  },
+  [
+    {
+      "#": 67
+    },
+    {
+      "#": 68
+    }
+  ],
+  {
+    "x": 0,
+    "y": 1
+  },
+  {
+    "x": -1,
+    "y": 0
+  },
+  {
+    "max": {
+      "#": 70
+    },
+    "min": {
+      "#": 71
+    }
+  },
+  {
+    "x": 20.25,
+    "y": 605.25
+  },
+  {
+    "x": -30.25,
+    "y": -5.25
+  },
+  {
+    "category": 1,
+    "group": 0,
+    "mask": 4294967295
+  },
+  {
+    "angle": 0,
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": -5,
+    "y": 300
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": -5,
+    "y": 300
+  },
+  {
+    "fillStyle": "#eeeeee",
+    "lineWidth": 1.5,
+    "sprite": {
+      "#": 79
+    },
+    "strokeStyle": "#bbbbbb",
+    "visible": true
+  },
+  {
+    "xScale": 1,
+    "yScale": 1
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  [
+    {
+      "#": 82
+    },
+    {
+      "#": 83
+    },
+    {
+      "#": 84
+    },
+    {
+      "#": 85
+    }
+  ],
+  {
+    "body": null,
+    "index": 0,
+    "isInternal": false,
+    "x": -30.25,
+    "y": -5.25
+  },
+  {
+    "body": null,
+    "index": 1,
+    "isInternal": false,
+    "x": 20.25,
+    "y": -5.25
+  },
+  {
+    "body": null,
+    "index": 2,
+    "isInternal": false,
+    "x": 20.25,
+    "y": 605.25
+  },
+  {
+    "body": null,
+    "index": 3,
+    "isInternal": false,
+    "x": -30.25,
+    "y": 605.25
+  },
+  {
+    "max": {
+      "#": 87
+    },
+    "min": {
+      "#": 88
+    }
+  },
+  {
+    "x": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "y": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    }
+  },
+  {
+    "x": {
+      "#.": "Number",
+      "#v": [
+        "-Infinity"
+      ]
+    },
+    "y": {
+      "#.": "Number",
+      "#v": [
+        "-Infinity"
+      ]
+    }
+  },
+  [],
+  [
+    {
+      "#": 91
+    }
+  ],
+  {
+    "angularStiffness": 1,
+    "bodyB": "",
+    "id": 1,
+    "label": "Mouse Constraint",
+    "length": 0.01,
+    "pointA": {
+      "#": 92
+    },
+    "pointB": "",
+    "render": {
+      "#": 93
+    },
+    "stiffness": 0.1,
+    "type": "constraint"
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "lineWidth": 3,
+    "strokeStyle": "#90EE90",
+    "visible": true
+  },
+  {
+    "x": 0,
+    "y": 1
+  }
+]

tests/browser/refs/svg/svg-10.json

@@ -0,0 +1,929 @@
+[
+  {
+    "bodies": {
+      "#": 1
+    },
+    "bounds": {
+      "#": 90
+    },
+    "composites": {
+      "#": 93
+    },
+    "constraints": {
+      "#": 94
+    },
+    "gravity": {
+      "#": 98
+    },
+    "id": 0,
+    "isModified": false,
+    "label": "World",
+    "parent": "",
+    "type": "composite"
+  },
+  [
+    {
+      "#": 2
+    },
+    {
+      "#": 24
+    },
+    {
+      "#": 46
+    },
+    {
+      "#": 68
+    }
+  ],
+  {
+    "angle": 0,
+    "anglePrev": 0,
+    "angularSpeed": 0,
+    "angularVelocity": 0,
+    "area": 40930.25,
+    "axes": {
+      "#": 3
+    },
+    "bounds": {
+      "#": 6
+    },
+    "collisionFilter": {
+      "#": 9
+    },
+    "constraintImpulse": {
+      "#": 10
+    },
+    "density": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "force": {
+      "#": 11
+    },
+    "friction": 1,
+    "frictionAir": 0.01,
+    "frictionStatic": 0.5,
+    "id": 0,
+    "inertia": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "inverseInertia": 0,
+    "inverseMass": 0,
+    "isSleeping": false,
+    "isStatic": true,
+    "label": "Rectangle Body",
+    "mass": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "motion": 0,
+    "parent": null,
+    "position": {
+      "#": 12
+    },
+    "positionImpulse": {
+      "#": 13
+    },
+    "positionPrev": {
+      "#": 14
+    },
+    "region": {
+      "#": 15
+    },
+    "render": {
+      "#": 16
+    },
+    "restitution": 0,
+    "sleepCounter": 0,
+    "sleepThreshold": 60,
+    "slop": 0.05,
+    "speed": 0,
+    "timeScale": 1,
+    "torque": 0,
+    "totalContacts": 0,
+    "type": "body",
+    "velocity": {
+      "#": 18
+    },
+    "vertices": {
+      "#": 19
+    }
+  },
+  [
+    {
+      "#": 4
+    },
+    {
+      "#": 5
+    }
+  ],
+  {
+    "x": 0,
+    "y": 1
+  },
+  {
+    "x": -1,
+    "y": 0
+  },
+  {
+    "max": {
+      "#": 7
+    },
+    "min": {
+      "#": 8
+    }
+  },
+  {
+    "x": 805.25,
+    "y": 20.25
+  },
+  {
+    "x": -5.25,
+    "y": -30.25
+  },
+  {
+    "category": 1,
+    "group": 0,
+    "mask": 4294967295
+  },
+  {
+    "angle": 0,
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 400,
+    "y": -5
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 400,
+    "y": -5
+  },
+  {
+    "endCol": 16,
+    "endRow": 0,
+    "id": "-1,16,-1,0",
+    "startCol": -1,
+    "startRow": -1
+  },
+  {
+    "fillStyle": "#eeeeee",
+    "lineWidth": 1.5,
+    "sprite": {
+      "#": 17
+    },
+    "strokeStyle": "#bbbbbb",
+    "visible": true
+  },
+  {
+    "xScale": 1,
+    "yScale": 1
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  [
+    {
+      "#": 20
+    },
+    {
+      "#": 21
+    },
+    {
+      "#": 22
+    },
+    {
+      "#": 23
+    }
+  ],
+  {
+    "body": null,
+    "index": 0,
+    "isInternal": false,
+    "x": -5.25,
+    "y": -30.25
+  },
+  {
+    "body": null,
+    "index": 1,
+    "isInternal": false,
+    "x": 805.25,
+    "y": -30.25
+  },
+  {
+    "body": null,
+    "index": 2,
+    "isInternal": false,
+    "x": 805.25,
+    "y": 20.25
+  },
+  {
+    "body": null,
+    "index": 3,
+    "isInternal": false,
+    "x": -5.25,
+    "y": 20.25
+  },
+  {
+    "angle": 0,
+    "anglePrev": 0,
+    "angularSpeed": 0,
+    "angularVelocity": 0,
+    "area": 40930.25,
+    "axes": {
+      "#": 25
+    },
+    "bounds": {
+      "#": 28
+    },
+    "collisionFilter": {
+      "#": 31
+    },
+    "constraintImpulse": {
+      "#": 32
+    },
+    "density": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "force": {
+      "#": 33
+    },
+    "friction": 1,
+    "frictionAir": 0.01,
+    "frictionStatic": 0.5,
+    "id": 1,
+    "inertia": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "inverseInertia": 0,
+    "inverseMass": 0,
+    "isSleeping": false,
+    "isStatic": true,
+    "label": "Rectangle Body",
+    "mass": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "motion": 0,
+    "parent": null,
+    "position": {
+      "#": 34
+    },
+    "positionImpulse": {
+      "#": 35
+    },
+    "positionPrev": {
+      "#": 36
+    },
+    "region": {
+      "#": 37
+    },
+    "render": {
+      "#": 38
+    },
+    "restitution": 0,
+    "sleepCounter": 0,
+    "sleepThreshold": 60,
+    "slop": 0.05,
+    "speed": 0,
+    "timeScale": 1,
+    "torque": 0,
+    "totalContacts": 0,
+    "type": "body",
+    "velocity": {
+      "#": 40
+    },
+    "vertices": {
+      "#": 41
+    }
+  },
+  [
+    {
+      "#": 26
+    },
+    {
+      "#": 27
+    }
+  ],
+  {
+    "x": 0,
+    "y": 1
+  },
+  {
+    "x": -1,
+    "y": 0
+  },
+  {
+    "max": {
+      "#": 29
+    },
+    "min": {
+      "#": 30
+    }
+  },
+  {
+    "x": 805.25,
+    "y": 630.25
+  },
+  {
+    "x": -5.25,
+    "y": 579.75
+  },
+  {
+    "category": 1,
+    "group": 0,
+    "mask": 4294967295
+  },
+  {
+    "angle": 0,
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 400,
+    "y": 605
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 400,
+    "y": 605
+  },
+  {
+    "endCol": 16,
+    "endRow": 13,
+    "id": "-1,16,12,13",
+    "startCol": -1,
+    "startRow": 12
+  },
+  {
+    "fillStyle": "#eeeeee",
+    "lineWidth": 1.5,
+    "sprite": {
+      "#": 39
+    },
+    "strokeStyle": "#bbbbbb",
+    "visible": true
+  },
+  {
+    "xScale": 1,
+    "yScale": 1
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  [
+    {
+      "#": 42
+    },
+    {
+      "#": 43
+    },
+    {
+      "#": 44
+    },
+    {
+      "#": 45
+    }
+  ],
+  {
+    "body": null,
+    "index": 0,
+    "isInternal": false,
+    "x": -5.25,
+    "y": 579.75
+  },
+  {
+    "body": null,
+    "index": 1,
+    "isInternal": false,
+    "x": 805.25,
+    "y": 579.75
+  },
+  {
+    "body": null,
+    "index": 2,
+    "isInternal": false,
+    "x": 805.25,
+    "y": 630.25
+  },
+  {
+    "body": null,
+    "index": 3,
+    "isInternal": false,
+    "x": -5.25,
+    "y": 630.25
+  },
+  {
+    "angle": 0,
+    "anglePrev": 0,
+    "angularSpeed": 0,
+    "angularVelocity": 0,
+    "area": 30830.25,
+    "axes": {
+      "#": 47
+    },
+    "bounds": {
+      "#": 50
+    },
+    "collisionFilter": {
+      "#": 53
+    },
+    "constraintImpulse": {
+      "#": 54
+    },
+    "density": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "force": {
+      "#": 55
+    },
+    "friction": 1,
+    "frictionAir": 0.01,
+    "frictionStatic": 0.5,
+    "id": 2,
+    "inertia": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "inverseInertia": 0,
+    "inverseMass": 0,
+    "isSleeping": false,
+    "isStatic": true,
+    "label": "Rectangle Body",
+    "mass": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "motion": 0,
+    "parent": null,
+    "position": {
+      "#": 56
+    },
+    "positionImpulse": {
+      "#": 57
+    },
+    "positionPrev": {
+      "#": 58
+    },
+    "region": {
+      "#": 59
+    },
+    "render": {
+      "#": 60
+    },
+    "restitution": 0,
+    "sleepCounter": 0,
+    "sleepThreshold": 60,
+    "slop": 0.05,
+    "speed": 0,
+    "timeScale": 1,
+    "torque": 0,
+    "totalContacts": 0,
+    "type": "body",
+    "velocity": {
+      "#": 62
+    },
+    "vertices": {
+      "#": 63
+    }
+  },
+  [
+    {
+      "#": 48
+    },
+    {
+      "#": 49
+    }
+  ],
+  {
+    "x": 0,
+    "y": 1
+  },
+  {
+    "x": -1,
+    "y": 0
+  },
+  {
+    "max": {
+      "#": 51
+    },
+    "min": {
+      "#": 52
+    }
+  },
+  {
+    "x": 830.25,
+    "y": 605.25
+  },
+  {
+    "x": 779.75,
+    "y": -5.25
+  },
+  {
+    "category": 1,
+    "group": 0,
+    "mask": 4294967295
+  },
+  {
+    "angle": 0,
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 805,
+    "y": 300
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 805,
+    "y": 300
+  },
+  {
+    "endCol": 17,
+    "endRow": 12,
+    "id": "16,17,-1,12",
+    "startCol": 16,
+    "startRow": -1
+  },
+  {
+    "fillStyle": "#eeeeee",
+    "lineWidth": 1.5,
+    "sprite": {
+      "#": 61
+    },
+    "strokeStyle": "#bbbbbb",
+    "visible": true
+  },
+  {
+    "xScale": 1,
+    "yScale": 1
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  [
+    {
+      "#": 64
+    },
+    {
+      "#": 65
+    },
+    {
+      "#": 66
+    },
+    {
+      "#": 67
+    }
+  ],
+  {
+    "body": null,
+    "index": 0,
+    "isInternal": false,
+    "x": 779.75,
+    "y": -5.25
+  },
+  {
+    "body": null,
+    "index": 1,
+    "isInternal": false,
+    "x": 830.25,
+    "y": -5.25
+  },
+  {
+    "body": null,
+    "index": 2,
+    "isInternal": false,
+    "x": 830.25,
+    "y": 605.25
+  },
+  {
+    "body": null,
+    "index": 3,
+    "isInternal": false,
+    "x": 779.75,
+    "y": 605.25
+  },
+  {
+    "angle": 0,
+    "anglePrev": 0,
+    "angularSpeed": 0,
+    "angularVelocity": 0,
+    "area": 30830.25,
+    "axes": {
+      "#": 69
+    },
+    "bounds": {
+      "#": 72
+    },
+    "collisionFilter": {
+      "#": 75
+    },
+    "constraintImpulse": {
+      "#": 76
+    },
+    "density": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "force": {
+      "#": 77
+    },
+    "friction": 1,
+    "frictionAir": 0.01,
+    "frictionStatic": 0.5,
+    "id": 3,
+    "inertia": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "inverseInertia": 0,
+    "inverseMass": 0,
+    "isSleeping": false,
+    "isStatic": true,
+    "label": "Rectangle Body",
+    "mass": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "motion": 0,
+    "parent": null,
+    "position": {
+      "#": 78
+    },
+    "positionImpulse": {
+      "#": 79
+    },
+    "positionPrev": {
+      "#": 80
+    },
+    "region": {
+      "#": 81
+    },
+    "render": {
+      "#": 82
+    },
+    "restitution": 0,
+    "sleepCounter": 0,
+    "sleepThreshold": 60,
+    "slop": 0.05,
+    "speed": 0,
+    "timeScale": 1,
+    "torque": 0,
+    "totalContacts": 0,
+    "type": "body",
+    "velocity": {
+      "#": 84
+    },
+    "vertices": {
+      "#": 85
+    }
+  },
+  [
+    {
+      "#": 70
+    },
+    {
+      "#": 71
+    }
+  ],
+  {
+    "x": 0,
+    "y": 1
+  },
+  {
+    "x": -1,
+    "y": 0
+  },
+  {
+    "max": {
+      "#": 73
+    },
+    "min": {
+      "#": 74
+    }
+  },
+  {
+    "x": 20.25,
+    "y": 605.25
+  },
+  {
+    "x": -30.25,
+    "y": -5.25
+  },
+  {
+    "category": 1,
+    "group": 0,
+    "mask": 4294967295
+  },
+  {
+    "angle": 0,
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": -5,
+    "y": 300
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "x": -5,
+    "y": 300
+  },
+  {
+    "endCol": 0,
+    "endRow": 12,
+    "id": "-1,0,-1,12",
+    "startCol": -1,
+    "startRow": -1
+  },
+  {
+    "fillStyle": "#eeeeee",
+    "lineWidth": 1.5,
+    "sprite": {
+      "#": 83
+    },
+    "strokeStyle": "#bbbbbb",
+    "visible": true
+  },
+  {
+    "xScale": 1,
+    "yScale": 1
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  [
+    {
+      "#": 86
+    },
+    {
+      "#": 87
+    },
+    {
+      "#": 88
+    },
+    {
+      "#": 89
+    }
+  ],
+  {
+    "body": null,
+    "index": 0,
+    "isInternal": false,
+    "x": -30.25,
+    "y": -5.25
+  },
+  {
+    "body": null,
+    "index": 1,
+    "isInternal": false,
+    "x": 20.25,
+    "y": -5.25
+  },
+  {
+    "body": null,
+    "index": 2,
+    "isInternal": false,
+    "x": 20.25,
+    "y": 605.25
+  },
+  {
+    "body": null,
+    "index": 3,
+    "isInternal": false,
+    "x": -30.25,
+    "y": 605.25
+  },
+  {
+    "max": {
+      "#": 91
+    },
+    "min": {
+      "#": 92
+    }
+  },
+  {
+    "x": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "y": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    }
+  },
+  {
+    "x": {
+      "#.": "Number",
+      "#v": [
+        "-Infinity"
+      ]
+    },
+    "y": {
+      "#.": "Number",
+      "#v": [
+        "-Infinity"
+      ]
+    }
+  },
+  [],
+  [
+    {
+      "#": 95
+    }
+  ],
+  {
+    "angularStiffness": 1,
+    "bodyB": "",
+    "id": 1,
+    "label": "Mouse Constraint",
+    "length": 0.01,
+    "pointA": {
+      "#": 96
+    },
+    "pointB": "",
+    "render": {
+      "#": 97
+    },
+    "stiffness": 0.1,
+    "type": "constraint"
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "lineWidth": 3,
+    "strokeStyle": "#90EE90",
+    "visible": true
+  },
+  {
+    "x": 0,
+    "y": 1
+  }
+]

tests/browser/refs/terrain/terrain-0.json

@@ -0,0 +1,96 @@
+[
+  {
+    "bodies": {
+      "#": 1
+    },
+    "bounds": {
+      "#": 2
+    },
+    "composites": {
+      "#": 5
+    },
+    "constraints": {
+      "#": 6
+    },
+    "gravity": {
+      "#": 10
+    },
+    "id": 0,
+    "isModified": true,
+    "label": "World",
+    "parent": "",
+    "type": "composite"
+  },
+  [],
+  {
+    "max": {
+      "#": 3
+    },
+    "min": {
+      "#": 4
+    }
+  },
+  {
+    "x": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "y": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    }
+  },
+  {
+    "x": {
+      "#.": "Number",
+      "#v": [
+        "-Infinity"
+      ]
+    },
+    "y": {
+      "#.": "Number",
+      "#v": [
+        "-Infinity"
+      ]
+    }
+  },
+  [],
+  [
+    {
+      "#": 7
+    }
+  ],
+  {
+    "angularStiffness": 1,
+    "bodyB": "",
+    "id": 1,
+    "label": "Mouse Constraint",
+    "length": 0.01,
+    "pointA": {
+      "#": 8
+    },
+    "pointB": "",
+    "render": {
+      "#": 9
+    },
+    "stiffness": 0.1,
+    "type": "constraint"
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "lineWidth": 3,
+    "strokeStyle": "#90EE90",
+    "visible": true
+  },
+  {
+    "x": 0,
+    "y": 1
+  }
+]

tests/browser/refs/terrain/terrain-10.json

@@ -0,0 +1,96 @@
+[
+  {
+    "bodies": {
+      "#": 1
+    },
+    "bounds": {
+      "#": 2
+    },
+    "composites": {
+      "#": 5
+    },
+    "constraints": {
+      "#": 6
+    },
+    "gravity": {
+      "#": 10
+    },
+    "id": 0,
+    "isModified": false,
+    "label": "World",
+    "parent": "",
+    "type": "composite"
+  },
+  [],
+  {
+    "max": {
+      "#": 3
+    },
+    "min": {
+      "#": 4
+    }
+  },
+  {
+    "x": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    },
+    "y": {
+      "#.": "Number",
+      "#v": [
+        "Infinity"
+      ]
+    }
+  },
+  {
+    "x": {
+      "#.": "Number",
+      "#v": [
+        "-Infinity"
+      ]
+    },
+    "y": {
+      "#.": "Number",
+      "#v": [
+        "-Infinity"
+      ]
+    }
+  },
+  [],
+  [
+    {
+      "#": 7
+    }
+  ],
+  {
+    "angularStiffness": 1,
+    "bodyB": "",
+    "id": 1,
+    "label": "Mouse Constraint",
+    "length": 0.01,
+    "pointA": {
+      "#": 8
+    },
+    "pointB": "",
+    "render": {
+      "#": 9
+    },
+    "stiffness": 0.1,
+    "type": "constraint"
+  },
+  {
+    "x": 0,
+    "y": 0
+  },
+  {
+    "lineWidth": 3,
+    "strokeStyle": "#90EE90",
+    "visible": true
+  },
+  {
+    "x": 0,
+    "y": 1
+  }
+]