{ "canvas": { "width": 160, "height": 120, "background": "#f8fafc" }, "duration": 1, "assets": [ { "id": "rect", "kind": "rect", "name": "Rect", "width": 42, "height": 28, "fill": "#ef4444", "stroke": "#111827", "strokeWidth": 2 }, { "id": "circle", "kind": "circle", "name": "Circle", "radius": 18, "fill": "#22c55e", "stroke": "#0f172a", "strokeWidth": 2 } ], "layers": [ { "id": "layer-rect", "name": "Rect", "assetId": "rect", "visible": true, "base": { "x": 36, "y": 62, "scaleX": 1, "scaleY": 1, "rotation": 0, "opacity": 1 }, "keyframes": [ { "id": "rect-0", "time": 0, "easing": "linear", "props": { "x": 36, "rotation": 0 } }, { "id": "rect-1", "time": 1, "easing": "linear", "props": { "x": 112, "rotation": 18 } } ] }, { "id": "layer-circle", "name": "Circle", "assetId": "circle", "visible": true, "base": { "x": 88, "y": 44, "scaleX": 1, "scaleY": 1, "rotation": 0, "opacity": 0.82 }, "keyframes": [ { "id": "circle-0", "time": 0, "easing": "linear", "props": { "y": 44 } }, { "id": "circle-1", "time": 1, "easing": "linear", "props": { "y": 78 } } ] } ], "trackOrder": ["layer-circle", "layer-rect"] }