@ludic-labs/assembly 0.0.0-stage → 0.4.0

package/examples/svg/night-workshop.json

@@ -0,0 +1,1120 @@
+{
+  "schema": "svg-asset/0.1",
+  "name": "The night workshop",
+  "viewBox": [0, 0, 640, 480],
+  "seed": 83,
+  "params": {
+    "sway": {
+      "default": 0,
+      "min": -5,
+      "max": 5
+    },
+    "glow": {
+      "default": 0.8,
+      "min": 0.55,
+      "max": 1
+    }
+  },
+  "palette": {
+    "ink": "#263743",
+    "wood": "#785349",
+    "trim": "#bf8960",
+    "gold": "#e8bd79"
+  },
+  "gradients": {
+    "wall": {
+      "kind": "linear",
+      "from": [0, 0],
+      "to": [0, 480],
+      "stops": [
+        {
+          "offset": 0.0,
+          "color": "#243b50"
+        },
+        {
+          "offset": 1.0,
+          "color": "#385967"
+        }
+      ]
+    },
+    "floor": {
+      "kind": "linear",
+      "from": [0, 340],
+      "to": [0, 480],
+      "stops": [
+        {
+          "offset": 0.0,
+          "color": "#b58362"
+        },
+        {
+          "offset": 1.0,
+          "color": "#624a47"
+        }
+      ]
+    },
+    "night": {
+      "kind": "linear",
+      "from": [0, 70],
+      "to": [0, 270],
+      "stops": [
+        {
+          "offset": 0.0,
+          "color": "#172b48"
+        },
+        {
+          "offset": 1.0,
+          "color": "#48788b"
+        }
+      ]
+    },
+    "lamp": {
+      "kind": "radial",
+      "center": [456, 219],
+      "radius": 100,
+      "stops": [
+        {
+          "offset": 0,
+          "color": "#ffe4a7",
+          "opacity": 0.55
+        },
+        {
+          "offset": 1,
+          "color": "#ffe4a7",
+          "opacity": 0
+        }
+      ]
+    }
+  },
+  "clips": {
+    "window": [
+      {
+        "id": "opening",
+        "kind": "rect",
+        "x": 62,
+        "y": 67,
+        "width": 165,
+        "height": 209,
+        "radius": 70,
+        "style": {
+          "fill": "#ffffff"
+        }
+      }
+    ]
+  },
+  "symbols": {
+    "book": {
+      "params": {
+        "height": {
+          "default": 44,
+          "min": 25,
+          "max": 65
+        }
+      },
+      "children": [
+        {
+          "id": "cover",
+          "kind": "rect",
+          "x": 0,
+          "y": ["mul", -1, "$height"],
+          "width": 17,
+          "height": "$height",
+          "radius": 2,
+          "style": {
+            "fill": "#648780"
+          }
+        },
+        {
+          "id": "spine",
+          "kind": "rect",
+          "x": 2,
+          "y": ["sub", 8, "$height"],
+          "width": 13,
+          "height": 3,
+          "radius": 1,
+          "style": {
+            "fill": "#d2b382"
+          }
+        },
+        {
+          "id": "lower",
+          "kind": "rect",
+          "x": 2,
+          "y": -8,
+          "width": 13,
+          "height": 2,
+          "radius": 1,
+          "style": {
+            "fill": "#d2b382"
+          }
+        }
+      ]
+    }
+  },
+  "animations": {
+    "evening": {
+      "duration": 4,
+      "loop": true,
+      "tracks": {
+        "sway": [
+          {
+            "time": 0,
+            "value": -2,
+            "ease": "smooth"
+          },
+          {
+            "time": 2,
+            "value": 2,
+            "ease": "smooth"
+          },
+          {
+            "time": 4,
+            "value": -2,
+            "ease": "smooth"
+          }
+        ],
+        "glow": [
+          {
+            "time": 0,
+            "value": 0.8,
+            "ease": "smooth"
+          },
+          {
+            "time": 1,
+            "value": 0.95,
+            "ease": "smooth"
+          },
+          {
+            "time": 1.5,
+            "value": 0.72,
+            "ease": "smooth"
+          },
+          {
+            "time": 2.5,
+            "value": 1,
+            "ease": "smooth"
+          },
+          {
+            "time": 3,
+            "value": 0.85,
+            "ease": "smooth"
+          },
+          {
+            "time": 4,
+            "value": 0.8,
+            "ease": "smooth"
+          }
+        ]
+      }
+    }
+  },
+  "defaultAnimation": "evening",
+  "nodes": [
+    {
+      "id": "wall",
+      "kind": "rect",
+      "x": 0,
+      "y": 0,
+      "width": 640,
+      "height": 480,
+      "radius": 0,
+      "style": {
+        "fill": {
+          "gradient": "wall"
+        }
+      }
+    },
+    {
+      "id": "wall-panels",
+      "kind": "repeat",
+      "count": 10,
+      "children": [
+        {
+          "id": "seam",
+          "kind": "rect",
+          "x": 0,
+          "y": 24,
+          "width": 2,
+          "height": 321,
+          "radius": 0,
+          "style": {
+            "fill": "#5c7980"
+          },
+          "opacity": 0.22,
+          "transform": {
+            "translate": [["mul", "$i", 70], 0]
+          }
+        }
+      ]
+    },
+    {
+      "id": "ceiling",
+      "kind": "rect",
+      "x": 0,
+      "y": 0,
+      "width": 640,
+      "height": 24,
+      "radius": 0,
+      "style": {
+        "fill": "#172e3c"
+      }
+    },
+    {
+      "id": "cornice",
+      "kind": "rect",
+      "x": 0,
+      "y": 22,
+      "width": 640,
+      "height": 8,
+      "radius": 0,
+      "style": {
+        "fill": "#59717a"
+      }
+    },
+    {
+      "id": "floor",
+      "kind": "path",
+      "d": [["M", 0, 340], ["L", 640, 340], ["L", 640, 480], ["L", 0, 480], ["Z"]],
+      "style": {
+        "fill": {
+          "gradient": "floor"
+        }
+      }
+    },
+    {
+      "id": "floorboards",
+      "kind": "repeat",
+      "count": 12,
+      "children": [
+        {
+          "id": "seam",
+          "kind": "path",
+          "d": [
+            ["M", ["mul", "$i", 58], 344],
+            ["L", ["add", -120, ["mul", "$i", 80]], 480]
+          ],
+          "style": {
+            "fill": "none",
+            "stroke": "#4f4241",
+            "strokeWidth": 2,
+            "linecap": "round",
+            "linejoin": "round"
+          }
+        }
+      ]
+    },
+    {
+      "id": "board-rows",
+      "kind": "path",
+      "d": [
+        ["M", 0, 372],
+        ["L", 640, 372],
+        ["M", 0, 418],
+        ["L", 640, 418]
+      ],
+      "style": {
+        "fill": "none",
+        "stroke": "#71534a",
+        "strokeWidth": 2,
+        "linecap": "round",
+        "linejoin": "round"
+      }
+    },
+    {
+      "id": "skirting",
+      "kind": "rect",
+      "x": 0,
+      "y": 330,
+      "width": 640,
+      "height": 15,
+      "radius": 0,
+      "style": {
+        "fill": "#223943"
+      }
+    },
+    {
+      "id": "skirting-light",
+      "kind": "rect",
+      "x": 0,
+      "y": 330,
+      "width": 640,
+      "height": 3,
+      "radius": 0,
+      "style": {
+        "fill": "#7e9a96"
+      }
+    },
+    {
+      "id": "window-surround",
+      "kind": "rect",
+      "x": 51,
+      "y": 54,
+      "width": 187,
+      "height": 239,
+      "radius": 83,
+      "style": {
+        "fill": "#b18b67"
+      }
+    },
+    {
+      "id": "window-inset",
+      "kind": "rect",
+      "x": 58,
+      "y": 61,
+      "width": 173,
+      "height": 225,
+      "radius": 77,
+      "style": {
+        "fill": "#1d3443"
+      }
+    },
+    {
+      "id": "window",
+      "kind": "group",
+      "children": [
+        {
+          "id": "sky",
+          "kind": "rect",
+          "x": 62,
+          "y": 67,
+          "width": 165,
+          "height": 209,
+          "radius": 0,
+          "style": {
+            "fill": {
+              "gradient": "night"
+            }
+          }
+        },
+        {
+          "id": "moon-halo",
+          "kind": "ellipse",
+          "cx": 180,
+          "cy": 119,
+          "rx": 31,
+          "ry": 31,
+          "style": {
+            "fill": "#96bac1"
+          },
+          "opacity": 0.15
+        },
+        {
+          "id": "moon",
+          "kind": "ellipse",
+          "cx": 180,
+          "cy": 119,
+          "rx": 21,
+          "ry": 21,
+          "style": {
+            "fill": "#e5dcb8"
+          }
+        },
+        {
+          "id": "hills",
+          "kind": "path",
+          "d": [
+            ["M", 60, 248],
+            ["Q", 105, 189, 157, 241],
+            ["Q", 190, 193, 234, 225],
+            ["L", 240, 283],
+            ["L", 60, 283],
+            ["Z"]
+          ],
+          "style": {
+            "fill": "#274c62"
+          }
+        },
+        {
+          "id": "stars",
+          "kind": "repeat",
+          "count": 16,
+          "children": [
+            {
+              "id": "star",
+              "kind": "ellipse",
+              "cx": ["rand", 0, 65, 225],
+              "cy": ["rand", 1, 80, 223],
+              "rx": 1.2,
+              "ry": 1.2,
+              "style": {
+                "fill": "#d9dbbb"
+              },
+              "opacity": ["rand", 2, 0.25, 0.8]
+            }
+          ]
+        },
+        {
+          "id": "mullion",
+          "kind": "rect",
+          "x": 140,
+          "y": 64,
+          "width": 7,
+          "height": 214,
+          "radius": 0,
+          "style": {
+            "fill": "#b18b67"
+          }
+        },
+        {
+          "id": "crossbar",
+          "kind": "rect",
+          "x": 60,
+          "y": 181,
+          "width": 169,
+          "height": 6,
+          "radius": 0,
+          "style": {
+            "fill": "#b18b67"
+          }
+        }
+      ],
+      "clip": "window"
+    },
+    {
+      "id": "sill",
+      "kind": "rect",
+      "x": 42,
+      "y": 281,
+      "width": 207,
+      "height": 11,
+      "radius": 3,
+      "style": {
+        "fill": "@trim"
+      }
+    },
+    {
+      "id": "sill-shadow",
+      "kind": "rect",
+      "x": 49,
+      "y": 292,
+      "width": 193,
+      "height": 7,
+      "radius": 2,
+      "style": {
+        "fill": "#1b333e"
+      }
+    },
+    {
+      "id": "shelf",
+      "kind": "group",
+      "children": [
+        {
+          "id": "shelf-shadow",
+          "kind": "rect",
+          "x": 315,
+          "y": 117,
+          "width": 268,
+          "height": 12,
+          "radius": 0,
+          "style": {
+            "fill": "#18313f"
+          }
+        },
+        {
+          "id": "plank",
+          "kind": "rect",
+          "x": 305,
+          "y": 111,
+          "width": 280,
+          "height": 11,
+          "radius": 3,
+          "style": {
+            "fill": "@wood"
+          }
+        },
+        {
+          "id": "front",
+          "kind": "rect",
+          "x": 305,
+          "y": 110,
+          "width": 280,
+          "height": 4,
+          "radius": 0,
+          "style": {
+            "fill": "@trim"
+          }
+        },
+        {
+          "id": "books",
+          "kind": "repeat",
+          "count": 7,
+          "children": [
+            {
+              "id": "book",
+              "kind": "use",
+              "symbol": "book",
+              "args": {
+                "height": ["rand", 0, 32, 62]
+              },
+              "transform": {
+                "translate": [["add", 317, ["mul", "$i", 20]], 110],
+                "rotate": ["rand", 1, -3, 3]
+              }
+            }
+          ]
+        },
+        {
+          "id": "bottle-base",
+          "kind": "ellipse",
+          "cx": 512,
+          "cy": 101,
+          "rx": 17,
+          "ry": 7,
+          "style": {
+            "fill": "#72b2ae"
+          }
+        },
+        {
+          "id": "bottle-body",
+          "kind": "rect",
+          "x": 495,
+          "y": 75,
+          "width": 34,
+          "height": 26,
+          "radius": 8,
+          "style": {
+            "fill": "#72b2ae"
+          }
+        },
+        {
+          "id": "neck",
+          "kind": "rect",
+          "x": 505,
+          "y": 57,
+          "width": 14,
+          "height": 24,
+          "radius": 4,
+          "style": {
+            "fill": "#72b2ae"
+          }
+        },
+        {
+          "id": "stopper",
+          "kind": "rect",
+          "x": 503,
+          "y": 53,
+          "width": 18,
+          "height": 8,
+          "radius": 2,
+          "style": {
+            "fill": "@wood"
+          }
+        },
+        {
+          "id": "bottle-shine",
+          "kind": "path",
+          "d": [
+            ["M", 501, 82],
+            ["L", 501, 97]
+          ],
+          "style": {
+            "fill": "none",
+            "stroke": "#c1e2cb",
+            "strokeWidth": 3,
+            "linecap": "round",
+            "linejoin": "round"
+          }
+        },
+        {
+          "id": "box",
+          "kind": "rect",
+          "x": 545,
+          "y": 81,
+          "width": 31,
+          "height": 29,
+          "radius": 2,
+          "style": {
+            "fill": "#a37659"
+          }
+        },
+        {
+          "id": "box-label",
+          "kind": "rect",
+          "x": 553,
+          "y": 89,
+          "width": 15,
+          "height": 11,
+          "radius": 1,
+          "style": {
+            "fill": "#e1c698"
+          }
+        },
+        {
+          "id": "brackets",
+          "kind": "path",
+          "d": [
+            ["M", 321, 124],
+            ["L", 321, 146],
+            ["L", 346, 124],
+            ["M", 548, 124],
+            ["L", 573, 147],
+            ["L", 573, 124]
+          ],
+          "style": {
+            "fill": "none",
+            "stroke": "@trim",
+            "strokeWidth": 4,
+            "linecap": "round",
+            "linejoin": "round"
+          }
+        }
+      ]
+    },
+    {
+      "id": "lamp",
+      "kind": "group",
+      "children": [
+        {
+          "id": "cord",
+          "kind": "path",
+          "d": [
+            ["M", 456, 24],
+            ["L", 456, 173]
+          ],
+          "style": {
+            "fill": "none",
+            "stroke": "#172e3c",
+            "strokeWidth": 4,
+            "linecap": "round",
+            "linejoin": "round"
+          }
+        },
+        {
+          "id": "light-field",
+          "kind": "ellipse",
+          "cx": 456,
+          "cy": 219,
+          "rx": 100,
+          "ry": 100,
+          "style": {
+            "fill": {
+              "gradient": "lamp"
+            }
+          },
+          "opacity": "$glow"
+        },
+        {
+          "id": "bulb",
+          "kind": "ellipse",
+          "cx": 456,
+          "cy": 215,
+          "rx": 10,
+          "ry": 14,
+          "style": {
+            "fill": "#ffe9ac"
+          }
+        },
+        {
+          "id": "shade",
+          "kind": "path",
+          "d": [["M", 430, 171], ["L", 482, 171], ["L", 503, 212], ["Q", 456, 224, 409, 212], ["Z"]],
+          "style": {
+            "fill": "#d7aa64",
+            "stroke": "@ink",
+            "strokeWidth": 3,
+            "linecap": "round",
+            "linejoin": "round"
+          }
+        },
+        {
+          "id": "shade-bottom",
+          "kind": "ellipse",
+          "cx": 456,
+          "cy": 212,
+          "rx": 46,
+          "ry": 7,
+          "style": {
+            "fill": "#f1cc84"
+          }
+        },
+        {
+          "id": "shade-top",
+          "kind": "rect",
+          "x": 429,
+          "y": 167,
+          "width": 54,
+          "height": 8,
+          "radius": 3,
+          "style": {
+            "fill": "#8a694b"
+          }
+        }
+      ],
+      "transform": {
+        "pivot": [456, 24],
+        "rotate": "$sway"
+      }
+    },
+    {
+      "id": "rug-shadow",
+      "kind": "ellipse",
+      "cx": 345,
+      "cy": 428,
+      "rx": 202,
+      "ry": 30,
+      "style": {
+        "fill": "#342d36"
+      },
+      "opacity": 0.2
+    },
+    {
+      "id": "rug",
+      "kind": "ellipse",
+      "cx": 345,
+      "cy": 421,
+      "rx": 185,
+      "ry": 29,
+      "style": {
+        "fill": "#85635d"
+      }
+    },
+    {
+      "id": "rug-border",
+      "kind": "ellipse",
+      "cx": 345,
+      "cy": 421,
+      "rx": 173,
+      "ry": 23,
+      "style": {
+        "fill": "#bf8a68"
+      }
+    },
+    {
+      "id": "rug-inner",
+      "kind": "ellipse",
+      "cx": 345,
+      "cy": 421,
+      "rx": 164,
+      "ry": 18,
+      "style": {
+        "fill": "#527d7b"
+      }
+    },
+    {
+      "id": "desk",
+      "kind": "group",
+      "children": [
+        {
+          "id": "left-leg",
+          "kind": "rect",
+          "x": 295,
+          "y": 315,
+          "width": 17,
+          "height": 98,
+          "radius": 4,
+          "style": {
+            "fill": "@wood"
+          }
+        },
+        {
+          "id": "right-leg",
+          "kind": "rect",
+          "x": 548,
+          "y": 315,
+          "width": 17,
+          "height": 98,
+          "radius": 4,
+          "style": {
+            "fill": "@wood"
+          }
+        },
+        {
+          "id": "brace",
+          "kind": "rect",
+          "x": 305,
+          "y": 383,
+          "width": 250,
+          "height": 9,
+          "radius": 2,
+          "style": {
+            "fill": "#543d3b"
+          }
+        },
+        {
+          "id": "apron",
+          "kind": "rect",
+          "x": 282,
+          "y": 308,
+          "width": 292,
+          "height": 38,
+          "radius": 4,
+          "style": {
+            "fill": "#765347"
+          }
+        },
+        {
+          "id": "drawer",
+          "kind": "rect",
+          "x": 385,
+          "y": 316,
+          "width": 84,
+          "height": 22,
+          "radius": 3,
+          "style": {
+            "fill": "#a17155"
+          }
+        },
+        {
+          "id": "knob",
+          "kind": "ellipse",
+          "cx": 427,
+          "cy": 327,
+          "rx": 4,
+          "ry": 4,
+          "style": {
+            "fill": "@gold"
+          }
+        },
+        {
+          "id": "top-shadow",
+          "kind": "rect",
+          "x": 273,
+          "y": 308,
+          "width": 312,
+          "height": 8,
+          "radius": 2,
+          "style": {
+            "fill": "#3a3437"
+          }
+        },
+        {
+          "id": "tabletop",
+          "kind": "rect",
+          "x": 270,
+          "y": 297,
+          "width": 318,
+          "height": 15,
+          "radius": 4,
+          "style": {
+            "fill": "#bd8b63"
+          }
+        },
+        {
+          "id": "edge",
+          "kind": "rect",
+          "x": 272,
+          "y": 298,
+          "width": 314,
+          "height": 3,
+          "radius": 2,
+          "style": {
+            "fill": "#e1b47d"
+          }
+        },
+        {
+          "id": "paper",
+          "kind": "path",
+          "d": [["M", 327, 278], ["L", 421, 284], ["L", 414, 299], ["L", 317, 295], ["Z"]],
+          "style": {
+            "fill": "#dccba2"
+          }
+        },
+        {
+          "id": "drawing",
+          "kind": "path",
+          "d": [["M", 342, 287], ["L", 369, 282], ["L", 396, 291], ["L", 365, 295], ["Z"]],
+          "style": {
+            "fill": "none",
+            "stroke": "#8a9b91",
+            "strokeWidth": 1.5,
+            "linecap": "round",
+            "linejoin": "round"
+          }
+        },
+        {
+          "id": "inkwell",
+          "kind": "rect",
+          "x": 446,
+          "y": 275,
+          "width": 22,
+          "height": 22,
+          "radius": 5,
+          "style": {
+            "fill": "#27434e"
+          }
+        },
+        {
+          "id": "rim",
+          "kind": "rect",
+          "x": 446,
+          "y": 272,
+          "width": 22,
+          "height": 5,
+          "radius": 2,
+          "style": {
+            "fill": "#91a89b"
+          }
+        },
+        {
+          "id": "quill",
+          "kind": "path",
+          "d": [["M", 459, 280], ["Q", 461, 244, 487, 230], ["Q", 491, 254, 459, 280], ["Z"]],
+          "style": {
+            "fill": "#e2cb9a"
+          }
+        },
+        {
+          "id": "shaft",
+          "kind": "path",
+          "d": [
+            ["M", 456, 286],
+            ["L", 481, 242]
+          ],
+          "style": {
+            "fill": "none",
+            "stroke": "#7b8370",
+            "strokeWidth": 1.5,
+            "linecap": "round",
+            "linejoin": "round"
+          }
+        },
+        {
+          "id": "mug",
+          "kind": "rect",
+          "x": 501,
+          "y": 270,
+          "width": 28,
+          "height": 27,
+          "radius": 5,
+          "style": {
+            "fill": "#b77452"
+          }
+        },
+        {
+          "id": "tea",
+          "kind": "ellipse",
+          "cx": 515,
+          "cy": 271,
+          "rx": 12,
+          "ry": 4,
+          "style": {
+            "fill": "#523e39"
+          }
+        },
+        {
+          "id": "handle",
+          "kind": "path",
+          "d": [
+            ["M", 529, 276],
+            ["C", 546, 270, 546, 293, 529, 290]
+          ],
+          "style": {
+            "fill": "none",
+            "stroke": "#b77452",
+            "strokeWidth": 5,
+            "linecap": "round",
+            "linejoin": "round"
+          }
+        },
+        {
+          "id": "steam",
+          "kind": "emitter",
+          "count": 5,
+          "lifetime": 4,
+          "mode": "loop",
+          "velocity": [["rand", 0, -3, 3], -12],
+          "children": [
+            {
+              "id": "wisp",
+              "kind": "path",
+              "d": [
+                ["M", 0, 0],
+                ["C", -8, -7, 8, -10, 0, -18]
+              ],
+              "style": {
+                "fill": "none",
+                "stroke": "#e8ddc4",
+                "strokeWidth": 2,
+                "linecap": "round",
+                "linejoin": "round"
+              },
+              "opacity": ["mul", 0.35, ["sin", ["mul", 3.141592653589793, "$age"]]],
+              "transform": {
+                "scale": [["add", 0.6, "$age"], 1]
+              }
+            }
+          ],
+          "transform": {
+            "translate": [515, 268]
+          }
+        }
+      ]
+    },
+    {
+      "id": "plant",
+      "kind": "group",
+      "children": [
+        {
+          "id": "pot",
+          "kind": "rect",
+          "x": 80,
+          "y": 345,
+          "width": 64,
+          "height": 55,
+          "radius": 12,
+          "style": {
+            "fill": "#b87958"
+          }
+        },
+        {
+          "id": "pot-rim",
+          "kind": "rect",
+          "x": 75,
+          "y": 341,
+          "width": 74,
+          "height": 15,
+          "radius": 4,
+          "style": {
+            "fill": "#d6a173"
+          }
+        },
+        {
+          "id": "stem",
+          "kind": "path",
+          "d": [
+            ["M", 111, 342],
+            ["Q", 110, 298, 94, 278],
+            ["M", 111, 329],
+            ["Q", 131, 303, 144, 298],
+            ["M", 107, 311],
+            ["Q", 83, 301, 74, 312]
+          ],
+          "style": {
+            "fill": "none",
+            "stroke": "#91b494",
+            "strokeWidth": 4,
+            "linecap": "round",
+            "linejoin": "round"
+          }
+        },
+        {
+          "id": "leaf-a",
+          "kind": "path",
+          "d": [["M", 94, 285], ["Q", 64, 278, 74, 256], ["Q", 99, 256, 94, 285], ["Z"]],
+          "style": {
+            "fill": "#6eaa91"
+          }
+        },
+        {
+          "id": "leaf-b",
+          "kind": "path",
+          "d": [["M", 124, 319], ["Q", 122, 285, 151, 287], ["Q", 159, 311, 124, 319], ["Z"]],
+          "style": {
+            "fill": "#82b396"
+          }
+        },
+        {
+          "id": "leaf-c",
+          "kind": "path",
+          "d": [["M", 87, 309], ["Q", 63, 283, 55, 314], ["Q", 74, 325, 87, 309], ["Z"]],
+          "style": {
+            "fill": "#427c77"
+          }
+        }
+      ],
+      "transform": {
+        "pivot": [111, 350],
+        "rotate": ["mul", 0.5, "$sway"]
+      }
+    }
+  ]
+}