claude-exode-mcp 7.5.7 → 7.5.8

package/examples/drift-kinetic-type.exode

@@ -0,0 +1,770 @@
+{
+  "id": "drift",
+  "name": "Drift",
+  "width": 1920,
+  "height": 1080,
+  "x": 0,
+  "y": 0,
+  "backgroundColor": "#ece3d2",
+  "objects": [
+    {
+      "id": "stage",
+      "name": "Stage",
+      "type": "Shape",
+      "transform": {
+        "x": 960,
+        "y": 540,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1,
+        "skew_x": 0,
+        "skew_y": 0
+      },
+      "width": 1920,
+      "height": 1080,
+      "geometry": {
+        "type": "Rectangle",
+        "width": 1920,
+        "height": 1080,
+        "cornerRadius": 0
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#000000",
+          "opacity": 1
+        },
+        "effects": [
+          {
+            "id": "fx_drift",
+            "type": "CustomEffect",
+            "name": "Gouache Wind",
+            "isEnabled": true,
+            "params": {},
+            "code": "/* Shared helpers, prepended to every creative-motion effect.\n   Effect rules: block comments only, explicit semicolons, never a minus\n   followed by a negative value, motion driven by env.time only. */\n\nfunction inp(env, name, fallback) {\n  const v = env.inputs ? env.inputs[name] : undefined;\n  return v === undefined || v === null || v === '' ? fallback : v;\n}\nfunction clamp(v, a, b) { return v < a ? a : v > b ? b : v; }\nfunction lerp(a, b, k) { return a + (b - a) * k; }\nfunction seg(t, start, dur) { return clamp((t - start) / dur, 0, 1); }\nfunction easeOutExpo(x) { return x >= 1 ? 1 : 1 - Math.pow(2, -10 * x); }\nfunction easeInOutCubic(x) { return x < 0.5 ? 4 * x * x * x : 1 - Math.pow(2 - 2 * x, 3) / 2; }\nfunction easeOutCubic(x) { return 1 - Math.pow(1 - x, 3); }\nfunction easeInOutSine(x) { return 0.5 - Math.cos(Math.PI * x) / 2; }\nfunction hash2(x, y) {\n  let h = Math.imul(x | 0, 374761393) + Math.imul(y | 0, 668265263);\n  h = Math.imul(h ^ (h >>> 13), 1274126177);\n  return ((h ^ (h >>> 16)) >>> 0) / 4294967296;\n}\nfunction rng(seed) {\n  let s = seed >>> 0;\n  return function () {\n    s = (s + 0x6D2B79F5) >>> 0;\n    let x = s;\n    x = Math.imul(x ^ (x >>> 15), x | 1);\n    x ^= x + Math.imul(x ^ (x >>> 7), x | 61);\n    return ((x ^ (x >>> 14)) >>> 0) / 4294967296;\n  };\n}\nfunction vnoise(x, y) {\n  const xi = Math.floor(x), yi = Math.floor(y), xf = x - xi, yf = y - yi;\n  const u = xf * xf * (3 - 2 * xf), v = yf * yf * (3 - 2 * yf);\n  const a = hash2(xi, yi), b = hash2(xi + 1, yi), c = hash2(xi, yi + 1), d = hash2(xi + 1, yi + 1);\n  return a + (b - a) * u + (c - a) * v + (a - b - c + d) * u * v;\n}\nfunction fbm(x, y) {\n  let s = 0, a = 0.5;\n  for (let i = 0; i < 5; i++) { s += a * vnoise(x, y); x = x * 2.03 + 17.1; y = y * 2.03 + 9.7; a *= 0.5; }\n  return s;\n}\nfunction hexRgb(h) { const n = parseInt(h.slice(1), 16); return [n >> 16 & 255, n >> 8 & 255, n & 255]; }\nfunction rgba(h, a) { const c = hexRgb(h); return 'rgba(' + c[0] + ',' + c[1] + ',' + c[2] + ',' + a + ')'; }\n/* A canvas reused between frames (offscreen layers, cached textures). */\nfunction layer(S, key, w, h) {\n  let c = S[key];\n  if (!c || c.width !== w || c.height !== h) {\n    c = (typeof OffscreenCanvas !== 'undefined') ? new OffscreenCanvas(w, h) : document.createElement('canvas');\n    c.width = w; c.height = h; S[key] = c;\n  }\n  return c;\n}\n\n/* Gouache Wind: the background of \"Drift\". Broad marker strokes on paper,\n   all leaning with a gust you never see. The headline (keyframed Text\n   objects in front) leans with the same gust envelope, so the force is\n   inferred from two things agreeing. Gust timing matches the keyframes:\n   calm, build from 2.0 s, peak at 2.9 s, release by 4.4 s; 6 s cycle.\n   Inputs: paper, inkA, inkB, inkC. */\nlet S = null;\n\nconst PERIOD = 6;\n\nfunction gust(t) {\n  const u = ((t % PERIOD) + PERIOD) % PERIOD;\n  if (u < 2.0) return 0;\n  if (u < 2.9) return easeInOutSine((u - 2.0) / 0.9);\n  if (u < 4.4) return 1 - easeInOutSine((u - 2.9) / 1.5);\n  return 0;\n}\n\nfunction strokesFor(S, W, H) {\n  if (S.strokes && S.for === W + 'x' + H) return S.strokes;\n  S.for = W + 'x' + H;\n  const r = rng(42);\n  const list = [];\n  for (let i = 0; i < 34; i++) {\n    list.push({\n      x: r() * W * 1.2 - W * 0.1, y: r() * H, len: (0.18 + r() * 0.32) * W, w: (0.02 + r() * 0.05) * H,\n      ink: r() < 0.6 ? 0 : r() < 0.3 ? 1 : 2, a: 0.1 + r() * 0.2, ph: r() * 6.283, depth: 0.35 + r() * 0.65,\n      tint: (r() - 0.5) * 22,\n    });\n  }\n  S.strokes = list;\n  return list;\n}\n\nfunction paperTexture(S, W, H, paper) {\n  const c = layer(S, 'paper', Math.ceil(W / 3), Math.ceil(H / 3));\n  if (S.paperFor === paper + W) return c;\n  S.paperFor = paper + W;\n  const g = c.getContext('2d');\n  g.fillStyle = paper; g.fillRect(0, 0, c.width, c.height);\n  const r = rng(9);\n  for (let i = 0; i < c.width * c.height / 6; i++) {\n    g.fillStyle = r() < 0.5 ? 'rgba(80,60,30,0.035)' : 'rgba(255,255,255,0.05)';\n    g.fillRect(r() * c.width, r() * c.height, 1 + r() * 2, 1);\n  }\n  return c;\n}\n\nfunction render(ctx, env) {\n  const W = env.width, H = env.height;\n  if (!S) S = {};\n  const t = env.time;\n  const paper = inp(env, 'paper', '#ece3d2');\n  const inks = [inp(env, 'inkA', '#e3a23b'), inp(env, 'inkB', '#c8553d'), inp(env, 'inkC', '#8fa8b8')];\n  const g = gust(t);\n  /* Wind lean: strokes tilt up to 9 degrees and slide right with depth. */\n  const lean = -0.03 - g * 0.13;\n\n  ctx.save();\n  ctx.translate(-W / 2, -H / 2);\n  ctx.drawImage(paperTexture(S, W, H, paper), 0, 0, W, H);\n  ctx.lineCap = 'round';\n\n  const list = strokesFor(S, W, H);\n  for (let i = 0; i < list.length; i++) {\n    const s = list[i];\n    /* Legato drift on a 6 s period (integer multiples only, so it loops). */\n    const drift = Math.sin((t / PERIOD) * 6.283 + s.ph) * W * 0.012 * s.depth + g * W * 0.05 * s.depth;\n    const sway = Math.sin((t / PERIOD) * 12.566 + s.ph * 2) * 0.012;\n    const ang = lean * (0.6 + s.depth * 0.6) + sway;\n    const base = hexRgb(inks[s.ink]);\n    /* Keep the headline's block quiet: strokes behind it are thinned out. */\n    const behindText = s.x < W * 0.62 && s.y > H * 0.18 && s.y < H * 0.78;\n    const quiet = behindText ? 0.35 : 1;\n    ctx.save();\n    ctx.translate(s.x + drift, s.y);\n    ctx.rotate(ang);\n    /* A gouache stroke: overlapping passes, each a slightly different tint. */\n    for (let p = 0; p < 4; p++) {\n      const v = s.tint + (hash2(i * 9 + p, 3) - 0.5) * 18;\n      ctx.strokeStyle = 'rgba(' + Math.round(clamp(base[0] + v, 0, 255)) + ',' + Math.round(clamp(base[1] + v, 0, 255)) + ',' + Math.round(clamp(base[2] + v, 0, 255)) + ',' + (s.a * quiet * (0.55 + p * 0.15)).toFixed(3) + ')';\n      ctx.lineWidth = s.w * (0.7 + hash2(i, p) * 0.5);\n      const off = (p - 1.5) * s.w * 0.22;\n      ctx.beginPath();\n      ctx.moveTo(0, off);\n      ctx.bezierCurveTo(s.len * 0.33, off - s.w * 0.25, s.len * 0.66, off + s.w * 0.25, s.len * (0.92 + hash2(i, p + 7) * 0.08), off);\n      ctx.stroke();\n    }\n    ctx.restore();\n  }\n\n  /* Flying flecks only during the gust: the clearest evidence of the wind. */\n  if (g > 0.02) {\n    const r = rng(77);\n    ctx.fillStyle = rgba(inks[1], 0.5 * g);\n    for (let i = 0; i < 70; i++) {\n      const sp = 0.6 + r() * 1.4;\n      const x = ((r() * W + ((t % PERIOD) - 2.0) * W * 0.55 * sp) % (W * 1.1)) - W * 0.05;\n      const y = r() * H + Math.sin(t * 3 + i) * 6;\n      ctx.save();\n      ctx.translate(x, y);\n      ctx.rotate(lean * 2);\n      ctx.fillRect(0, 0, 6 + sp * 10, 2.2);\n      ctx.restore();\n    }\n  }\n  ctx.restore();\n}\n"
+          }
+        ]
+      },
+      "zIndex": 0
+    },
+    {
+      "id": "headline",
+      "name": "Headline",
+      "type": "Frame",
+      "transform": {
+        "x": 960,
+        "y": 530,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1,
+        "skew_x": 0,
+        "skew_y": 0
+      },
+      "width": 1920,
+      "height": 1080,
+      "geometry": {
+        "type": "Rectangle",
+        "width": 1920,
+        "height": 1080,
+        "cornerRadius": 0
+      },
+      "clipContent": false,
+      "style": {
+        "fill": {
+          "type": "None",
+          "color": "transparent",
+          "opacity": 0
+        }
+      },
+      "children": [
+        "line_0",
+        "line_1",
+        "line_2"
+      ],
+      "zIndex": 10
+    },
+    {
+      "id": "line_0",
+      "name": "Line 1",
+      "type": "Frame",
+      "parentId": "headline",
+      "transform": {
+        "x": -40,
+        "y": -205,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1,
+        "skew_x": 0,
+        "skew_y": 0
+      },
+      "width": 1500,
+      "height": 220,
+      "geometry": {
+        "type": "Rectangle",
+        "width": 1500,
+        "height": 220,
+        "cornerRadius": 0
+      },
+      "clipContent": true,
+      "style": {
+        "fill": {
+          "type": "None",
+          "color": "transparent",
+          "opacity": 0
+        }
+      },
+      "children": [
+        "text_0"
+      ],
+      "zIndex": 11
+    },
+    {
+      "id": "text_0",
+      "name": "Something",
+      "type": "Shape",
+      "parentId": "line_0",
+      "transform": {
+        "x": 0,
+        "y": 0,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1,
+        "skew_x": 0,
+        "skew_y": 0
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "Something",
+        "fontSize": 168,
+        "fontFamily": "Georgia",
+        "fontWeight": 700,
+        "fontStyle": "italic",
+        "textAlign": "left",
+        "width": 1500
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#1b2a4a",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 20
+    },
+    {
+      "id": "line_1",
+      "name": "Line 2",
+      "type": "Frame",
+      "parentId": "headline",
+      "transform": {
+        "x": -40,
+        "y": 0,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1,
+        "skew_x": 0,
+        "skew_y": 0
+      },
+      "width": 1500,
+      "height": 220,
+      "geometry": {
+        "type": "Rectangle",
+        "width": 1500,
+        "height": 220,
+        "cornerRadius": 0
+      },
+      "clipContent": true,
+      "style": {
+        "fill": {
+          "type": "None",
+          "color": "transparent",
+          "opacity": 0
+        }
+      },
+      "children": [
+        "text_1"
+      ],
+      "zIndex": 12
+    },
+    {
+      "id": "text_1",
+      "name": "is pushing",
+      "type": "Shape",
+      "parentId": "line_1",
+      "transform": {
+        "x": 0,
+        "y": 0,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1,
+        "skew_x": 0,
+        "skew_y": 0
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "is pushing",
+        "fontSize": 168,
+        "fontFamily": "Georgia",
+        "fontWeight": 700,
+        "fontStyle": "italic",
+        "textAlign": "left",
+        "width": 1500
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#1b2a4a",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 21
+    },
+    {
+      "id": "line_2",
+      "name": "Line 3",
+      "type": "Frame",
+      "parentId": "headline",
+      "transform": {
+        "x": -40,
+        "y": 205,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1,
+        "skew_x": 0,
+        "skew_y": 0
+      },
+      "width": 1500,
+      "height": 220,
+      "geometry": {
+        "type": "Rectangle",
+        "width": 1500,
+        "height": 220,
+        "cornerRadius": 0
+      },
+      "clipContent": true,
+      "style": {
+        "fill": {
+          "type": "None",
+          "color": "transparent",
+          "opacity": 0
+        }
+      },
+      "children": [
+        "text_2"
+      ],
+      "zIndex": 13
+    },
+    {
+      "id": "text_2",
+      "name": "everything.",
+      "type": "Shape",
+      "parentId": "line_2",
+      "transform": {
+        "x": 0,
+        "y": 0,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1,
+        "skew_x": 0,
+        "skew_y": 0
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "everything.",
+        "fontSize": 168,
+        "fontFamily": "Georgia",
+        "fontWeight": 700,
+        "fontStyle": "italic",
+        "textAlign": "left",
+        "width": 1500
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#c8553d",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 22
+    },
+    {
+      "id": "caption",
+      "name": "Caption",
+      "type": "Shape",
+      "transform": {
+        "x": 430,
+        "y": 1010,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1,
+        "skew_x": 0,
+        "skew_y": 0
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "fig. 2  —  wind, inferred",
+        "fontSize": 22,
+        "fontFamily": "Georgia",
+        "fontWeight": 400,
+        "fontStyle": "italic",
+        "textAlign": "left",
+        "width": 520
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#1b2a4a",
+          "opacity": 0.75
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 30
+    }
+  ],
+  "animations": [
+    {
+      "id": "drift_cycle",
+      "name": "Drift cycle",
+      "duration": 6,
+      "loop": true,
+      "tracks": [
+        {
+          "id": "tr_text_0_transform_y",
+          "object_id": "text_0",
+          "property": "transform.y",
+          "keyframes": [
+            {
+              "id": "kf_1",
+              "time": 0,
+              "value": 260
+            },
+            {
+              "id": "kf_2",
+              "time": 0.25,
+              "value": 260,
+              "easing": "easeOutElastic"
+            },
+            {
+              "id": "kf_3",
+              "time": 1.5,
+              "value": 0
+            },
+            {
+              "id": "kf_4",
+              "time": 4.75,
+              "value": 0,
+              "easing": "easeInCubic"
+            },
+            {
+              "id": "kf_5",
+              "time": 5.2,
+              "value": -260
+            },
+            {
+              "id": "kf_6",
+              "time": 6,
+              "value": -260
+            }
+          ]
+        },
+        {
+          "id": "tr_line_0_transform_rotation",
+          "object_id": "line_0",
+          "property": "transform.rotation",
+          "keyframes": [
+            {
+              "id": "kf_7",
+              "time": 0,
+              "value": 0
+            },
+            {
+              "id": "kf_8",
+              "time": 2,
+              "value": 0,
+              "easing": "easeInOutSine"
+            },
+            {
+              "id": "kf_9",
+              "time": 2.9,
+              "value": 4.2,
+              "easing": "cubic-bezier(0.34,1.56,0.64,1)"
+            },
+            {
+              "id": "kf_10",
+              "time": 4.3,
+              "value": 0
+            },
+            {
+              "id": "kf_11",
+              "time": 6,
+              "value": 0
+            }
+          ]
+        },
+        {
+          "id": "tr_line_0_transform_x",
+          "object_id": "line_0",
+          "property": "transform.x",
+          "keyframes": [
+            {
+              "id": "kf_12",
+              "time": 0,
+              "value": -40
+            },
+            {
+              "id": "kf_13",
+              "time": 2,
+              "value": -40,
+              "easing": "easeInOutSine"
+            },
+            {
+              "id": "kf_14",
+              "time": 2.9,
+              "value": 8,
+              "easing": "cubic-bezier(0.34,1.56,0.64,1)"
+            },
+            {
+              "id": "kf_15",
+              "time": 4.3,
+              "value": -40
+            },
+            {
+              "id": "kf_16",
+              "time": 6,
+              "value": -40
+            }
+          ]
+        },
+        {
+          "id": "tr_text_1_transform_y",
+          "object_id": "text_1",
+          "property": "transform.y",
+          "keyframes": [
+            {
+              "id": "kf_17",
+              "time": 0,
+              "value": 260
+            },
+            {
+              "id": "kf_18",
+              "time": 0.47,
+              "value": 260,
+              "easing": "easeOutElastic"
+            },
+            {
+              "id": "kf_19",
+              "time": 1.72,
+              "value": 0
+            },
+            {
+              "id": "kf_20",
+              "time": 4.85,
+              "value": 0,
+              "easing": "easeInCubic"
+            },
+            {
+              "id": "kf_21",
+              "time": 5.3,
+              "value": -260
+            },
+            {
+              "id": "kf_22",
+              "time": 6,
+              "value": -260
+            }
+          ]
+        },
+        {
+          "id": "tr_line_1_transform_rotation",
+          "object_id": "line_1",
+          "property": "transform.rotation",
+          "keyframes": [
+            {
+              "id": "kf_23",
+              "time": 0,
+              "value": 0
+            },
+            {
+              "id": "kf_24",
+              "time": 2.12,
+              "value": 0,
+              "easing": "easeInOutSine"
+            },
+            {
+              "id": "kf_25",
+              "time": 3.02,
+              "value": 4.2,
+              "easing": "cubic-bezier(0.34,1.56,0.64,1)"
+            },
+            {
+              "id": "kf_26",
+              "time": 4.42,
+              "value": 0
+            },
+            {
+              "id": "kf_27",
+              "time": 6,
+              "value": 0
+            }
+          ]
+        },
+        {
+          "id": "tr_line_1_transform_x",
+          "object_id": "line_1",
+          "property": "transform.x",
+          "keyframes": [
+            {
+              "id": "kf_28",
+              "time": 0,
+              "value": -40
+            },
+            {
+              "id": "kf_29",
+              "time": 2.12,
+              "value": -40,
+              "easing": "easeInOutSine"
+            },
+            {
+              "id": "kf_30",
+              "time": 3.02,
+              "value": 8,
+              "easing": "cubic-bezier(0.34,1.56,0.64,1)"
+            },
+            {
+              "id": "kf_31",
+              "time": 4.42,
+              "value": -40
+            },
+            {
+              "id": "kf_32",
+              "time": 6,
+              "value": -40
+            }
+          ]
+        },
+        {
+          "id": "tr_text_2_transform_y",
+          "object_id": "text_2",
+          "property": "transform.y",
+          "keyframes": [
+            {
+              "id": "kf_33",
+              "time": 0,
+              "value": 260
+            },
+            {
+              "id": "kf_34",
+              "time": 0.69,
+              "value": 260,
+              "easing": "easeOutElastic"
+            },
+            {
+              "id": "kf_35",
+              "time": 1.94,
+              "value": 0
+            },
+            {
+              "id": "kf_36",
+              "time": 4.95,
+              "value": 0,
+              "easing": "easeInCubic"
+            },
+            {
+              "id": "kf_37",
+              "time": 5.4,
+              "value": -260
+            },
+            {
+              "id": "kf_38",
+              "time": 6,
+              "value": -260
+            }
+          ]
+        },
+        {
+          "id": "tr_line_2_transform_rotation",
+          "object_id": "line_2",
+          "property": "transform.rotation",
+          "keyframes": [
+            {
+              "id": "kf_39",
+              "time": 0,
+              "value": 0
+            },
+            {
+              "id": "kf_40",
+              "time": 2.24,
+              "value": 0,
+              "easing": "easeInOutSine"
+            },
+            {
+              "id": "kf_41",
+              "time": 3.1399999999999997,
+              "value": 4.2,
+              "easing": "cubic-bezier(0.34,1.56,0.64,1)"
+            },
+            {
+              "id": "kf_42",
+              "time": 4.54,
+              "value": 0
+            },
+            {
+              "id": "kf_43",
+              "time": 6,
+              "value": 0
+            }
+          ]
+        },
+        {
+          "id": "tr_line_2_transform_x",
+          "object_id": "line_2",
+          "property": "transform.x",
+          "keyframes": [
+            {
+              "id": "kf_44",
+              "time": 0,
+              "value": -40
+            },
+            {
+              "id": "kf_45",
+              "time": 2.24,
+              "value": -40,
+              "easing": "easeInOutSine"
+            },
+            {
+              "id": "kf_46",
+              "time": 3.1399999999999997,
+              "value": 8,
+              "easing": "cubic-bezier(0.34,1.56,0.64,1)"
+            },
+            {
+              "id": "kf_47",
+              "time": 4.54,
+              "value": -40
+            },
+            {
+              "id": "kf_48",
+              "time": 6,
+              "value": -40
+            }
+          ]
+        },
+        {
+          "id": "tr_headline_transform_scale_x",
+          "object_id": "headline",
+          "property": "transform.scale_x",
+          "keyframes": [
+            {
+              "id": "kf_49",
+              "time": 0,
+              "value": 1,
+              "easing": "easeInOutSine"
+            },
+            {
+              "id": "kf_50",
+              "time": 6,
+              "value": 1.06
+            }
+          ]
+        },
+        {
+          "id": "tr_headline_transform_scale_y",
+          "object_id": "headline",
+          "property": "transform.scale_y",
+          "keyframes": [
+            {
+              "id": "kf_51",
+              "time": 0,
+              "value": 1,
+              "easing": "easeInOutSine"
+            },
+            {
+              "id": "kf_52",
+              "time": 6,
+              "value": 1.06
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "stateMachine": {
+    "inputs": [
+      {
+        "id": "paper",
+        "name": "paper",
+        "value": {
+          "type": "Text",
+          "value": "#ece3d2",
+          "defaultValue": "#ece3d2"
+        }
+      },
+      {
+        "id": "inkA",
+        "name": "inkA",
+        "value": {
+          "type": "Text",
+          "value": "#e3a23b",
+          "defaultValue": "#e3a23b"
+        }
+      },
+      {
+        "id": "inkB",
+        "name": "inkB",
+        "value": {
+          "type": "Text",
+          "value": "#c8553d",
+          "defaultValue": "#c8553d"
+        }
+      },
+      {
+        "id": "inkC",
+        "name": "inkC",
+        "value": {
+          "type": "Text",
+          "value": "#8fa8b8",
+          "defaultValue": "#8fa8b8"
+        }
+      }
+    ],
+    "layers": [
+      {
+        "id": "layer_0",
+        "name": "Drift cycle",
+        "entryStateId": "state_0",
+        "states": [
+          {
+            "id": "state_0",
+            "name": "Drift cycle",
+            "animationId": "drift_cycle",
+            "transitions": []
+          }
+        ]
+      }
+    ]
+  }
+}