@ludic-labs/assembly 0.0.0-stage → 0.4.0

package/examples/svg/lantern-keeper.json

@@ -0,0 +1,1159 @@
+{
+  "schema": "svg-asset/0.1",
+  "name": "Ember, the lantern keeper",
+  "viewBox": [0, 0, 480, 480],
+  "seed": 17,
+  "palette": {
+    "ink": "#283940",
+    "cream": "#ffe8bd",
+    "gold": "#edb95f",
+    "teal": "#347a77"
+  },
+  "params": {
+    "bob": {
+      "default": 0,
+      "min": -10,
+      "max": 10
+    },
+    "tail": {
+      "default": 0,
+      "min": -20,
+      "max": 20
+    },
+    "blink": {
+      "default": 1,
+      "min": 0.08,
+      "max": 1
+    },
+    "swing": {
+      "default": 0,
+      "min": -30,
+      "max": 30
+    },
+    "stride": {
+      "default": 0,
+      "min": -25,
+      "max": 25
+    },
+    "breath": {
+      "default": 1,
+      "min": 0.95,
+      "max": 1.05
+    },
+    "ear": {
+      "default": 0,
+      "min": -8,
+      "max": 8
+    }
+  },
+  "gradients": {
+    "fur": {
+      "kind": "linear",
+      "from": [170, 160],
+      "to": [300, 300],
+      "stops": [
+        {
+          "offset": 0.0,
+          "color": "#f5b46b"
+        },
+        {
+          "offset": 0.5,
+          "color": "#d77542"
+        },
+        {
+          "offset": 1.0,
+          "color": "#9f493a"
+        }
+      ]
+    },
+    "coat": {
+      "kind": "linear",
+      "from": [185, 260],
+      "to": [282, 350],
+      "stops": [
+        {
+          "offset": 0.0,
+          "color": "#4d9990"
+        },
+        {
+          "offset": 1.0,
+          "color": "#1c555a"
+        }
+      ]
+    },
+    "light": {
+      "kind": "radial",
+      "center": [0, 0],
+      "radius": 52,
+      "stops": [
+        {
+          "offset": 0,
+          "color": "#ffe2a0",
+          "opacity": 0.75
+        },
+        {
+          "offset": 1,
+          "color": "#ffe2a0",
+          "opacity": 0
+        }
+      ]
+    }
+  },
+  "symbols": {
+    "eye": {
+      "children": [
+        {
+          "id": "socket",
+          "kind": "ellipse",
+          "cx": 0,
+          "cy": 0,
+          "rx": 9,
+          "ry": 11,
+          "style": {
+            "fill": "#b95d3b"
+          }
+        },
+        {
+          "id": "white",
+          "kind": "ellipse",
+          "cx": 0,
+          "cy": 0,
+          "rx": 7,
+          "ry": 9,
+          "style": {
+            "fill": "@cream"
+          }
+        },
+        {
+          "id": "iris",
+          "kind": "ellipse",
+          "cx": 1,
+          "cy": 0,
+          "rx": 4,
+          "ry": 7,
+          "style": {
+            "fill": "@ink"
+          }
+        },
+        {
+          "id": "shine",
+          "kind": "ellipse",
+          "cx": 2,
+          "cy": -3,
+          "rx": 1.5,
+          "ry": 2,
+          "style": {
+            "fill": "#ffffff"
+          }
+        }
+      ]
+    },
+    "boot": {
+      "children": [
+        {
+          "id": "leather",
+          "kind": "path",
+          "d": [
+            ["M", -14, 0],
+            ["L", 13, 0],
+            ["L", 16, 30],
+            ["Q", 29, 36, 22, 44],
+            ["L", -19, 44],
+            ["Q", -23, 32, -15, 27],
+            ["Z"]
+          ],
+          "style": {
+            "fill": "#283940"
+          }
+        },
+        {
+          "id": "sole",
+          "kind": "path",
+          "d": [
+            ["M", -19, 40],
+            ["L", 22, 40]
+          ],
+          "style": {
+            "fill": "none",
+            "stroke": "#758d85",
+            "strokeWidth": 3,
+            "linecap": "round",
+            "linejoin": "round"
+          }
+        },
+        {
+          "id": "cuff",
+          "kind": "rect",
+          "x": -16,
+          "y": -2,
+          "width": 32,
+          "height": 10,
+          "radius": 3,
+          "style": {
+            "fill": "#526c65"
+          }
+        }
+      ]
+    }
+  },
+  "animations": {
+    "idle": {
+      "duration": 3,
+      "loop": true,
+      "tracks": {
+        "bob": [
+          {
+            "time": 0,
+            "value": 0,
+            "ease": "smooth"
+          },
+          {
+            "time": 1.5,
+            "value": -3,
+            "ease": "smooth"
+          },
+          {
+            "time": 3,
+            "value": 0,
+            "ease": "smooth"
+          }
+        ],
+        "breath": [
+          {
+            "time": 0,
+            "value": 1,
+            "ease": "smooth"
+          },
+          {
+            "time": 1.5,
+            "value": 1.025,
+            "ease": "smooth"
+          },
+          {
+            "time": 3,
+            "value": 1,
+            "ease": "smooth"
+          }
+        ],
+        "tail": [
+          {
+            "time": 0,
+            "value": -6,
+            "ease": "smooth"
+          },
+          {
+            "time": 1.5,
+            "value": 8,
+            "ease": "smooth"
+          },
+          {
+            "time": 3,
+            "value": -6,
+            "ease": "smooth"
+          }
+        ],
+        "blink": [
+          {
+            "time": 0,
+            "value": 1,
+            "ease": "smooth"
+          },
+          {
+            "time": 2.2,
+            "value": 1,
+            "ease": "smooth"
+          },
+          {
+            "time": 2.32,
+            "value": 0.08,
+            "ease": "smooth"
+          },
+          {
+            "time": 2.46,
+            "value": 1,
+            "ease": "smooth"
+          },
+          {
+            "time": 3,
+            "value": 1,
+            "ease": "smooth"
+          }
+        ],
+        "swing": [
+          {
+            "time": 0,
+            "value": -4,
+            "ease": "smooth"
+          },
+          {
+            "time": 1.5,
+            "value": 5,
+            "ease": "smooth"
+          },
+          {
+            "time": 3,
+            "value": -4,
+            "ease": "smooth"
+          }
+        ],
+        "ear": [
+          {
+            "time": 0,
+            "value": 0,
+            "ease": "smooth"
+          },
+          {
+            "time": 1.6,
+            "value": 0,
+            "ease": "smooth"
+          },
+          {
+            "time": 1.85,
+            "value": 5,
+            "ease": "smooth"
+          },
+          {
+            "time": 2.1,
+            "value": 0,
+            "ease": "smooth"
+          },
+          {
+            "time": 3,
+            "value": 0,
+            "ease": "smooth"
+          }
+        ]
+      }
+    },
+    "walk": {
+      "duration": 1.2,
+      "loop": true,
+      "tracks": {
+        "bob": [
+          {
+            "time": 0,
+            "value": -2,
+            "ease": "smooth"
+          },
+          {
+            "time": 0.3,
+            "value": 3,
+            "ease": "smooth"
+          },
+          {
+            "time": 0.6,
+            "value": -2,
+            "ease": "smooth"
+          },
+          {
+            "time": 0.9,
+            "value": 3,
+            "ease": "smooth"
+          },
+          {
+            "time": 1.2,
+            "value": -2,
+            "ease": "smooth"
+          }
+        ],
+        "stride": [
+          {
+            "time": 0,
+            "value": -17,
+            "ease": "smooth"
+          },
+          {
+            "time": 0.6,
+            "value": 17,
+            "ease": "smooth"
+          },
+          {
+            "time": 1.2,
+            "value": -17,
+            "ease": "smooth"
+          }
+        ],
+        "swing": [
+          {
+            "time": 0,
+            "value": 13,
+            "ease": "smooth"
+          },
+          {
+            "time": 0.6,
+            "value": -13,
+            "ease": "smooth"
+          },
+          {
+            "time": 1.2,
+            "value": 13,
+            "ease": "smooth"
+          }
+        ],
+        "tail": [
+          {
+            "time": 0,
+            "value": -10,
+            "ease": "smooth"
+          },
+          {
+            "time": 0.6,
+            "value": 12,
+            "ease": "smooth"
+          },
+          {
+            "time": 1.2,
+            "value": -10,
+            "ease": "smooth"
+          }
+        ]
+      }
+    }
+  },
+  "defaultAnimation": "idle",
+  "nodes": [
+    {
+      "id": "ground-shadow",
+      "kind": "ellipse",
+      "cx": 242,
+      "cy": 420,
+      "rx": 118,
+      "ry": 14,
+      "style": {
+        "fill": "#172e3a"
+      },
+      "opacity": 0.18
+    },
+    {
+      "id": "keeper",
+      "kind": "group",
+      "children": [
+        {
+          "id": "tail",
+          "kind": "group",
+          "children": [
+            {
+              "id": "silhouette",
+              "kind": "path",
+              "d": [
+                ["M", 272, 336],
+                ["C", 336, 337, 370, 268, 338, 226],
+                ["C", 415, 256, 411, 378, 299, 391],
+                ["Q", 270, 382, 272, 336],
+                ["Z"]
+              ],
+              "style": {
+                "fill": {
+                  "gradient": "fur"
+                }
+              }
+            },
+            {
+              "id": "tip",
+              "kind": "path",
+              "d": [
+                ["M", 338, 226],
+                ["C", 378, 242, 397, 288, 386, 321],
+                ["L", 371, 300],
+                ["L", 368, 322],
+                ["L", 356, 291],
+                ["L", 349, 305],
+                ["C", 356, 276, 352, 248, 338, 226],
+                ["Z"]
+              ],
+              "style": {
+                "fill": "@cream"
+              }
+            },
+            {
+              "id": "accent",
+              "kind": "path",
+              "d": [
+                ["M", 307, 367],
+                ["Q", 350, 355, 366, 328]
+              ],
+              "style": {
+                "fill": "none",
+                "stroke": "#e9a361",
+                "strokeWidth": 3,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            }
+          ],
+          "transform": {
+            "pivot": [280, 350],
+            "rotate": "$tail"
+          }
+        },
+        {
+          "id": "left-leg",
+          "kind": "group",
+          "children": [
+            {
+              "id": "trouser",
+              "kind": "rect",
+              "x": 193,
+              "y": 329,
+              "width": 34,
+              "height": 47,
+              "radius": 8,
+              "style": {
+                "fill": "#736554"
+              }
+            },
+            {
+              "id": "boot",
+              "kind": "use",
+              "symbol": "boot",
+              "transform": {
+                "translate": [210, 371]
+              }
+            }
+          ],
+          "transform": {
+            "pivot": [210, 333],
+            "rotate": "$stride"
+          }
+        },
+        {
+          "id": "right-leg",
+          "kind": "group",
+          "children": [
+            {
+              "id": "trouser",
+              "kind": "rect",
+              "x": 249,
+              "y": 329,
+              "width": 34,
+              "height": 47,
+              "radius": 8,
+              "style": {
+                "fill": "#615b50"
+              }
+            },
+            {
+              "id": "boot",
+              "kind": "use",
+              "symbol": "boot",
+              "transform": {
+                "translate": [266, 371]
+              }
+            }
+          ],
+          "transform": {
+            "pivot": [266, 333],
+            "rotate": ["mul", -1, "$stride"]
+          }
+        },
+        {
+          "id": "body",
+          "kind": "group",
+          "children": [
+            {
+              "id": "coat",
+              "kind": "path",
+              "d": [
+                ["M", 199, 253],
+                ["Q", 235, 238, 276, 256],
+                ["L", 291, 339],
+                ["Q", 241, 360, 185, 339],
+                ["Z"]
+              ],
+              "style": {
+                "fill": {
+                  "gradient": "coat"
+                },
+                "stroke": "@ink",
+                "strokeWidth": 3,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            },
+            {
+              "id": "lapel-left",
+              "kind": "path",
+              "d": [["M", 202, 255], ["L", 233, 275], ["L", 217, 302], ["L", 190, 272], ["Z"]],
+              "style": {
+                "fill": "#69aaa0"
+              }
+            },
+            {
+              "id": "lapel-right",
+              "kind": "path",
+              "d": [["M", 268, 254], ["L", 238, 276], ["L", 252, 303], ["L", 282, 270], ["Z"]],
+              "style": {
+                "fill": "#448880"
+              }
+            },
+            {
+              "id": "seam",
+              "kind": "path",
+              "d": [
+                ["M", 237, 278],
+                ["L", 237, 344]
+              ],
+              "style": {
+                "fill": "none",
+                "stroke": "#183f45",
+                "strokeWidth": 2,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            },
+            {
+              "id": "belt",
+              "kind": "rect",
+              "x": 185,
+              "y": 318,
+              "width": 104,
+              "height": 12,
+              "radius": 3,
+              "style": {
+                "fill": "#82583f"
+              }
+            },
+            {
+              "id": "buckle",
+              "kind": "rect",
+              "x": 232,
+              "y": 315,
+              "width": 17,
+              "height": 18,
+              "radius": 3,
+              "style": {
+                "fill": "@gold"
+              }
+            },
+            {
+              "id": "buckle-hole",
+              "kind": "rect",
+              "x": 237,
+              "y": 320,
+              "width": 7,
+              "height": 8,
+              "radius": 1,
+              "style": {
+                "fill": "#754c36"
+              }
+            },
+            {
+              "id": "pocket",
+              "kind": "rect",
+              "x": 260,
+              "y": 291,
+              "width": 19,
+              "height": 17,
+              "radius": 3,
+              "style": {
+                "fill": "#255e61"
+              }
+            },
+            {
+              "id": "pocket-stitch",
+              "kind": "path",
+              "d": [
+                ["M", 264, 294],
+                ["L", 264, 303],
+                ["L", 275, 303]
+              ],
+              "style": {
+                "fill": "none",
+                "stroke": "#86aea0",
+                "strokeWidth": 1,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            },
+            {
+              "id": "scarf",
+              "kind": "path",
+              "d": [
+                ["M", 203, 243],
+                ["Q", 238, 259, 276, 241],
+                ["L", 271, 263],
+                ["Q", 239, 276, 203, 263],
+                ["Z"]
+              ],
+              "style": {
+                "fill": "#d6aa62"
+              }
+            },
+            {
+              "id": "scarf-end",
+              "kind": "path",
+              "d": [["M", 215, 261], ["L", 230, 267], ["L", 220, 306], ["L", 202, 298], ["Z"]],
+              "style": {
+                "fill": "#eac17f"
+              }
+            }
+          ],
+          "transform": {
+            "pivot": [237, 340],
+            "scale": [1, "$breath"]
+          }
+        },
+        {
+          "id": "left-arm",
+          "kind": "group",
+          "children": [
+            {
+              "id": "sleeve",
+              "kind": "path",
+              "d": [["M", 195, 267], ["Q", 174, 266, 170, 313], ["L", 189, 318], ["L", 208, 279], ["Z"]],
+              "style": {
+                "fill": "#397e78",
+                "stroke": "@ink",
+                "strokeWidth": 2,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            },
+            {
+              "id": "paw",
+              "kind": "ellipse",
+              "cx": 178,
+              "cy": 320,
+              "rx": 11,
+              "ry": 15,
+              "style": {
+                "fill": "#cf7949"
+              }
+            },
+            {
+              "id": "fingers",
+              "kind": "path",
+              "d": [
+                ["M", 172, 320],
+                ["L", 174, 327],
+                ["M", 178, 320],
+                ["L", 180, 328]
+              ],
+              "style": {
+                "fill": "none",
+                "stroke": "#9e513b",
+                "strokeWidth": 1.5,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            }
+          ],
+          "transform": {
+            "pivot": [198, 269],
+            "rotate": ["mul", -0.5, "$swing"]
+          }
+        },
+        {
+          "id": "lantern-arm",
+          "kind": "group",
+          "children": [
+            {
+              "id": "sleeve",
+              "kind": "path",
+              "d": [["M", 274, 268], ["Q", 303, 268, 313, 307], ["L", 294, 318], ["L", 264, 284], ["Z"]],
+              "style": {
+                "fill": "#2c6969",
+                "stroke": "@ink",
+                "strokeWidth": 2,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            },
+            {
+              "id": "paw",
+              "kind": "ellipse",
+              "cx": 307,
+              "cy": 313,
+              "rx": 12,
+              "ry": 14,
+              "style": {
+                "fill": "#df9153"
+              }
+            },
+            {
+              "id": "lantern",
+              "kind": "group",
+              "children": [
+                {
+                  "id": "glow",
+                  "kind": "ellipse",
+                  "cx": 0,
+                  "cy": 0,
+                  "rx": 52,
+                  "ry": 52,
+                  "style": {
+                    "fill": {
+                      "gradient": "light"
+                    }
+                  }
+                },
+                {
+                  "id": "handle",
+                  "kind": "path",
+                  "d": [
+                    ["M", -8, -29],
+                    ["L", -8, -39],
+                    ["Q", 0, -48, 8, -39],
+                    ["L", 8, -29]
+                  ],
+                  "style": {
+                    "fill": "none",
+                    "stroke": "@ink",
+                    "strokeWidth": 3,
+                    "linecap": "round",
+                    "linejoin": "round"
+                  }
+                },
+                {
+                  "id": "glass",
+                  "kind": "rect",
+                  "x": -16,
+                  "y": -24,
+                  "width": 32,
+                  "height": 43,
+                  "radius": 5,
+                  "style": {
+                    "fill": "#f4c76e"
+                  }
+                },
+                {
+                  "id": "inner",
+                  "kind": "rect",
+                  "x": -11,
+                  "y": -20,
+                  "width": 22,
+                  "height": 34,
+                  "radius": 4,
+                  "style": {
+                    "fill": "#ffe7a7"
+                  }
+                },
+                {
+                  "id": "flame",
+                  "kind": "path",
+                  "d": [["M", 0, 12], ["C", -15, 0, -2, -10, 1, -15], ["C", 0, -3, 14, 4, 0, 12], ["Z"]],
+                  "style": {
+                    "fill": "#ee9751"
+                  }
+                },
+                {
+                  "id": "frame",
+                  "kind": "path",
+                  "d": [
+                    ["M", -16, -24],
+                    ["L", -11, 19],
+                    ["M", 16, -24],
+                    ["L", 11, 19]
+                  ],
+                  "style": {
+                    "fill": "none",
+                    "stroke": "@ink",
+                    "strokeWidth": 3,
+                    "linecap": "round",
+                    "linejoin": "round"
+                  }
+                },
+                {
+                  "id": "cap",
+                  "kind": "rect",
+                  "x": -20,
+                  "y": -29,
+                  "width": 40,
+                  "height": 8,
+                  "radius": 3,
+                  "style": {
+                    "fill": "@ink"
+                  }
+                },
+                {
+                  "id": "base",
+                  "kind": "rect",
+                  "x": -19,
+                  "y": 18,
+                  "width": 38,
+                  "height": 8,
+                  "radius": 3,
+                  "style": {
+                    "fill": "@ink"
+                  }
+                }
+              ],
+              "transform": {
+                "translate": [313, 368],
+                "rotate": ["mul", -0.7, "$swing"]
+              }
+            }
+          ],
+          "transform": {
+            "pivot": [274, 273],
+            "rotate": "$swing"
+          }
+        },
+        {
+          "id": "head",
+          "kind": "group",
+          "children": [
+            {
+              "id": "left-ear",
+              "kind": "group",
+              "children": [
+                {
+                  "id": "ear",
+                  "kind": "path",
+                  "d": [["M", 182, 188], ["L", 163, 111], ["Q", 200, 114, 220, 173], ["Z"]],
+                  "style": {
+                    "fill": {
+                      "gradient": "fur"
+                    },
+                    "stroke": "@ink",
+                    "strokeWidth": 3,
+                    "linecap": "round",
+                    "linejoin": "round"
+                  }
+                },
+                {
+                  "id": "inner",
+                  "kind": "path",
+                  "d": [["M", 181, 170], ["L", 176, 130], ["Q", 197, 142, 203, 166], ["Z"]],
+                  "style": {
+                    "fill": "#754c43"
+                  }
+                }
+              ],
+              "transform": {
+                "pivot": [198, 181],
+                "rotate": "$ear"
+              }
+            },
+            {
+              "id": "right-ear",
+              "kind": "group",
+              "children": [
+                {
+                  "id": "ear",
+                  "kind": "path",
+                  "d": [["M", 256, 170], ["Q", 278, 117, 309, 112], ["L", 294, 192], ["Z"]],
+                  "style": {
+                    "fill": {
+                      "gradient": "fur"
+                    },
+                    "stroke": "@ink",
+                    "strokeWidth": 3,
+                    "linecap": "round",
+                    "linejoin": "round"
+                  }
+                },
+                {
+                  "id": "inner",
+                  "kind": "path",
+                  "d": [["M", 275, 171], ["Q", 284, 142, 297, 133], ["L", 289, 178], ["Z"]],
+                  "style": {
+                    "fill": "#754c43"
+                  }
+                }
+              ],
+              "transform": {
+                "pivot": [280, 182],
+                "rotate": ["mul", -1, "$ear"]
+              }
+            },
+            {
+              "id": "face",
+              "kind": "path",
+              "d": [
+                ["M", 180, 177],
+                ["Q", 237, 145, 294, 177],
+                ["L", 310, 215],
+                ["L", 298, 215],
+                ["L", 309, 230],
+                ["L", 292, 229],
+                ["Q", 274, 264, 238, 267],
+                ["Q", 200, 260, 182, 232],
+                ["L", 168, 234],
+                ["L", 177, 218],
+                ["L", 166, 217],
+                ["Z"]
+              ],
+              "style": {
+                "fill": {
+                  "gradient": "fur"
+                },
+                "stroke": "@ink",
+                "strokeWidth": 3,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            },
+            {
+              "id": "mask-left",
+              "kind": "path",
+              "d": [
+                ["M", 175, 211],
+                ["Q", 197, 206, 232, 241],
+                ["L", 238, 259],
+                ["Q", 202, 262, 181, 231],
+                ["L", 168, 234],
+                ["L", 177, 218],
+                ["Z"]
+              ],
+              "style": {
+                "fill": "@cream"
+              }
+            },
+            {
+              "id": "mask-right",
+              "kind": "path",
+              "d": [
+                ["M", 300, 211],
+                ["Q", 278, 206, 244, 241],
+                ["L", 238, 259],
+                ["Q", 276, 261, 294, 231],
+                ["L", 309, 230],
+                ["L", 298, 215],
+                ["Z"]
+              ],
+              "style": {
+                "fill": "@cream"
+              }
+            },
+            {
+              "id": "left-eye",
+              "kind": "use",
+              "symbol": "eye",
+              "transform": {
+                "translate": [211, 209],
+                "scale": [1, "$blink"]
+              }
+            },
+            {
+              "id": "right-eye",
+              "kind": "use",
+              "symbol": "eye",
+              "transform": {
+                "translate": [267, 209],
+                "scale": [1, "$blink"]
+              }
+            },
+            {
+              "id": "brow-left",
+              "kind": "path",
+              "d": [
+                ["M", 202, 192],
+                ["Q", 211, 187, 219, 192]
+              ],
+              "style": {
+                "fill": "none",
+                "stroke": "#6c493a",
+                "strokeWidth": 3,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            },
+            {
+              "id": "brow-right",
+              "kind": "path",
+              "d": [
+                ["M", 259, 192],
+                ["Q", 267, 188, 276, 193]
+              ],
+              "style": {
+                "fill": "none",
+                "stroke": "#6c493a",
+                "strokeWidth": 3,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            },
+            {
+              "id": "nose",
+              "kind": "path",
+              "d": [
+                ["M", 226, 235],
+                ["Q", 238, 229, 251, 235],
+                ["Q", 245, 248, 238, 246],
+                ["Q", 230, 246, 226, 235],
+                ["Z"]
+              ],
+              "style": {
+                "fill": "@ink"
+              }
+            },
+            {
+              "id": "nose-shine",
+              "kind": "ellipse",
+              "cx": 234,
+              "cy": 235,
+              "rx": 4,
+              "ry": 1.5,
+              "style": {
+                "fill": "#68817e"
+              }
+            },
+            {
+              "id": "smile",
+              "kind": "path",
+              "d": [
+                ["M", 238, 246],
+                ["L", 238, 252],
+                ["Q", 248, 260, 255, 249],
+                ["M", 238, 252],
+                ["Q", 228, 259, 223, 250]
+              ],
+              "style": {
+                "fill": "none",
+                "stroke": "#825945",
+                "strokeWidth": 2,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            },
+            {
+              "id": "tuft",
+              "kind": "path",
+              "d": [
+                ["M", 221, 168],
+                ["L", 233, 157],
+                ["L", 232, 171],
+                ["L", 249, 163]
+              ],
+              "style": {
+                "fill": "none",
+                "stroke": "#ffd18a",
+                "strokeWidth": 3,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            },
+            {
+              "id": "freckles",
+              "kind": "path",
+              "d": [
+                ["M", 196, 228],
+                ["L", 197, 228],
+                ["M", 201, 234],
+                ["L", 202, 234],
+                ["M", 280, 228],
+                ["L", 281, 228],
+                ["M", 274, 234],
+                ["L", 275, 234]
+              ],
+              "style": {
+                "fill": "none",
+                "stroke": "#ad754f",
+                "strokeWidth": 2,
+                "linecap": "round",
+                "linejoin": "round"
+              }
+            }
+          ],
+          "transform": {
+            "translate": [0, ["mul", 0.35, "$bob"]]
+          }
+        }
+      ],
+      "transform": {
+        "translate": [0, "$bob"]
+      }
+    }
+  ]
+}